@itcenteratunihelsinki/huds-lib 0.8.81 → 0.8.83

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 (18) hide show
  1. package/components/hy-person-card.js +7 -7
  2. package/components/hy-person-profile.js +1 -1
  3. package/components/hy-site-header.js +3 -8
  4. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +3 -7
  5. package/dist/cjs/hy-person-card.cjs.entry.js +7 -7
  6. package/dist/cjs/hy-person-profile.cjs.entry.js +1 -1
  7. package/dist/collection/components/hy-person-card/hy-person-card.css +0 -1
  8. package/dist/collection/components/hy-person-card/hy-person-card.js +6 -6
  9. package/dist/collection/components/hy-person-profile/person-profile.css +7 -0
  10. package/dist/collection/components/hy-site-header/site-header.js +3 -8
  11. package/dist/esm/hy-breadcrumbs_15.entry.js +3 -7
  12. package/dist/esm/hy-person-card.entry.js +7 -7
  13. package/dist/esm/hy-person-profile.entry.js +1 -1
  14. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  15. package/dist/huds-lib/hy-person-card.entry.js +1 -1
  16. package/dist/huds-lib/hy-person-profile.entry.js +1 -1
  17. package/dist/types/components/hy-site-header/site-header.d.ts +0 -1
  18. package/package.json +2 -2
package/components/hy-person-card.js CHANGED
@@ -3,7 +3,7 @@ import { p as PersonCardVariants } from './utils.js';
3
3
  import { i as index } from './ResizeObserver.es.js';
4
4
  import { d as defineCustomElement$2 } from './icon.js';
5
5
 
6
- const hyPersonCardCss = "*{-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);font-style:italic;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}";
6
+ const hyPersonCardCss = "*{-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}";
7
7
  const HyPersonCardStyle0 = hyPersonCardCss;
8
8
 
9
9
  const HyPersonCard$1 = /*@__PURE__*/ proxyCustomElement(class HyPersonCard extends H {
@@ -75,18 +75,18 @@ const HyPersonCard$1 = /*@__PURE__*/ proxyCustomElement(class HyPersonCard exten
75
75
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '7c4e31fc910b2dacdbbc594bfa899064bc595f18', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
76
76
  (this.variant == PersonCardVariants.default ||
77
77
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
78
- h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '2ba762fb086e5887f6c19c85870b4ff5f4331d2c', icon: "hy-icon-email", size: 16 })), h("span", { key: 'dc95c7424f9e0b8902e5a4a0a9dbd61d1de579d7', class: "hy-person-card__info-container__email" }, this.email)),
78
+ h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '9f5a8e89970b5811a0c6f566215f0b305198f6ae', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'b34db32e0c10e5f4621692e984a0fcf00e21327d', class: "hy-person-card__info-container__email" }, this.email)),
79
79
  ], this.phone &&
80
80
  (this.variant == PersonCardVariants.default ||
81
81
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
82
- h("div", { key: '3fef8854d7faf233d65183ac1a55096efdd4c0ce', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '3f9f58a832babe71f8701f4ed9cd950de85e3342', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '29f0b00716c37275b46c0b011ede19180c82aa5f', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'df1bde1fd10dc3694e927118eeb45e5bf8b23a77', class: "hy-person-card__info-container__phone" }, this.phone)),
83
- ])), this.variant == PersonCardVariants.extended && (h("div", { key: '3684dd34b94b37b8f62560c39ee2f22852bf9542', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: '16d8654869c49465a729991bbddc6d93642dc8e2', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: '07278924c3cea50f450e2ab663657ecc4585c24c', class: "hy-person-card__info-container__field" }, this.field), this.email &&
82
+ h("div", { key: '8358d47eb3e33b37d450141026bc1753c6fd2fb1', class: "hy-person-card__info-container__phone-container" }, h("span", { key: 'ba7a31f4bd92c89fd2164ecf6084f9071eb37fae', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'd3868a32855e9f84c309a27a9ccb73ca2c0264a5', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'e2f4ffb0897bf55ce16c2a1f8856701af8d798af', class: "hy-person-card__info-container__phone" }, this.phone)),
83
+ ])), this.variant == PersonCardVariants.extended && (h("div", { key: '56ecedd4a556096e7685ee4357c665c7c11fc7b7', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: 'e23004feaf055534f560eeb4eb51484669bd715e', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: 'be4d068a6d0cb6ddf4ed1dc8b949009478d3eb03', class: "hy-person-card__info-container__field" }, this.field), this.email &&
84
84
  this.isMobile && [
85
- h("div", { key: '078c22f65de3f53613f953ca6609b534a3206224', class: "hy-person-card__info-container__email-container" }, h("span", { key: '313e437060a6a66fb402130a29b46e8b8e3a89ec', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: 'abce2d8840af13194a8369942baa0b67b0f52766', icon: "hy-icon-email", size: 16 })), h("span", { key: '27584d41593c92d916d939816289ec3d2851367c', class: "hy-person-card__info-container__email" }, this.email)),
85
+ h("div", { key: '593552780cffdae6ae20eff0d44eb8a9ab8fbdeb', class: "hy-person-card__info-container__email-container" }, h("span", { key: 'a0196a8e7456153bc68d5a029554d70f0956d845', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '63f2205aa6b87b154d3d07a88b51215ceb8d7641', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'ff6b17d915ab3564e544979195c233b43c8a1ef2', class: "hy-person-card__info-container__email" }, this.email)),
86
86
  ], this.phone &&
87
87
  this.isMobile && [
88
- h("div", { key: 'f62f84b056e235c8b1d3b9aac53bf7f3292a1fdc', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '9c8cd94e43360f51bfaf5df3033480297bd7deb9', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'a8dc7140434d51042cc5cf3ec8f99e32f6d0ee47', icon: "hy-icon-phone", size: 14 })), h("span", { key: '7b0aef78d03f4c914cd1f30fecf819f7b005e3b3', class: "hy-person-card__info-container__phone" }, this.phone)),
89
- ], this.aboutInfo && (h("div", { key: 'f8d70e579fe2fa5100ce85543847f09db6eec2c5', class: "hy-person-card__extended-info-container__about" }, h("span", { key: '32368741c552c8e0f7e4e5be5020c1471a75c6b3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '86aa1f6d397ffc256ebabcf07e338580ddc03ebe' }, this.aboutInfo))))))));
88
+ h("div", { key: 'bf27fb47827d9791a8c5b972ce5d8b5afa1c970a', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '99dc1b9c7b72b06a805973fb1846eb7cd6a96736', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '021c4305bc2bfca0b44b25075c66da4e55505435', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'c628f4ce66fe8ea22b5fbdfb1eb9e36dfbdd98ad', class: "hy-person-card__info-container__phone" }, this.phone)),
89
+ ], this.aboutInfo && (h("div", { key: '9c2a87f6a9b6a24f855513232abc67369b27adec', class: "hy-person-card__extended-info-container__about" }, h("span", { key: 'caadd2eb81e985dfd47c9c94a83f9e6304a8e5e3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '08230263a8e60f45b567c04903b7a8a46cdfb75a' }, this.aboutInfo))))))));
90
90
  }
91
91
  static get style() { return HyPersonCardStyle0; }
92
92
  }, [0, "hy-person-card", {
package/components/hy-person-profile.js CHANGED
@@ -9,7 +9,7 @@ import { d as defineCustomElement$4 } from './person-profile.listing.js';
9
9
  import { d as defineCustomElement$3 } from './hy-tabs2.js';
10
10
  import { d as defineCustomElement$2 } from './hy-tabs-item2.js';
11
11
 
12
- const personProfileCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";
12
+ const personProfileCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text a{color:var(--link-blue);text-decoration:none}.hy-profile-page__person-about-text a:hover{text-decoration:underline}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";
13
13
  const HyPersonProfileStyle0 = personProfileCss;
14
14
 
15
15
  let timer;
package/components/hy-site-header.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment } from './index3.js';
2
- import { i as index } from './ResizeObserver.es.js';
3
2
  import { M as MenuType, e as ColorVariant, S as SiteLogoSize } from './utils.js';
4
3
  import { j as jsonParserWorker } from './globalScript.js';
5
4
  import { d as defineCustomElement$9 } from './icon.js';
@@ -123,13 +122,10 @@ const SiteHeader = /*@__PURE__*/ proxyCustomElement(class SiteHeader extends H {
123
122
  }
124
123
  }
125
124
  componentDidLoad() {
126
- // Set the browser resize observer to gather information about browser width.
127
- this.ro = new index((entries) => {
128
- for (const entry of entries) {
129
- this.applySizeClasses(entry.contentRect.width);
130
- }
125
+ this.applySizeClasses(window.innerWidth);
126
+ window.addEventListener('resize', () => {
127
+ this.applySizeClasses(window.innerWidth);
131
128
  });
132
- this.ro.observe(document.body);
133
129
  const topOptions = {
134
130
  root: null,
135
131
  rootMargin: "250px",
@@ -201,7 +197,6 @@ const SiteHeader = /*@__PURE__*/ proxyCustomElement(class SiteHeader extends H {
201
197
  }
202
198
  disconnectedCallback() {
203
199
  clearTimeout(clickTimer);
204
- this.ro.disconnect();
205
200
  this.topObserver.disconnect();
206
201
  this.bottomObserver.disconnect();
207
202
  clearTimeout(clickTimeout);
package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js CHANGED
@@ -632,13 +632,10 @@ const SiteHeader = class {
632
632
  }
633
633
  }
634
634
  componentDidLoad() {
635
- // Set the browser resize observer to gather information about browser width.
636
- this.ro = new ResizeObserver_es.index((entries) => {
637
- for (const entry of entries) {
638
- this.applySizeClasses(entry.contentRect.width);
639
- }
635
+ this.applySizeClasses(window.innerWidth);
636
+ window.addEventListener('resize', () => {
637
+ this.applySizeClasses(window.innerWidth);
640
638
  });
641
- this.ro.observe(document.body);
642
639
  const topOptions = {
643
640
  root: null,
644
641
  rootMargin: "250px",
@@ -710,7 +707,6 @@ const SiteHeader = class {
710
707
  }
711
708
  disconnectedCallback() {
712
709
  clearTimeout(clickTimer);
713
- this.ro.disconnect();
714
710
  this.topObserver.disconnect();
715
711
  this.bottomObserver.disconnect();
716
712
  clearTimeout(clickTimeout);
package/dist/cjs/hy-person-card.cjs.entry.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-701b1b84.js');
6
6
  const utils = require('./utils-8e26d681.js');
7
7
  const ResizeObserver_es = require('./ResizeObserver.es-c9ba881e.js');
8
8
 
9
- const hyPersonCardCss = "*{-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);font-style:italic;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}";
9
+ const hyPersonCardCss = "*{-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}";
10
10
  const HyPersonCardStyle0 = hyPersonCardCss;
11
11
 
12
12
  const HyPersonCard = class {
@@ -77,18 +77,18 @@ const HyPersonCard = class {
77
77
  (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { key: '7c4e31fc910b2dacdbbc594bfa899064bc595f18', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
78
78
  (this.variant == utils.PersonCardVariants.default ||
79
79
  (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
80
- index.h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, index.h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { key: '2ba762fb086e5887f6c19c85870b4ff5f4331d2c', icon: "hy-icon-email", size: 16 })), index.h("span", { key: 'dc95c7424f9e0b8902e5a4a0a9dbd61d1de579d7', class: "hy-person-card__info-container__email" }, this.email)),
80
+ index.h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, index.h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { key: '9f5a8e89970b5811a0c6f566215f0b305198f6ae', icon: "hy-icon-mail", size: 16 })), index.h("span", { key: 'b34db32e0c10e5f4621692e984a0fcf00e21327d', class: "hy-person-card__info-container__email" }, this.email)),
81
81
  ], this.phone &&
82
82
  (this.variant == utils.PersonCardVariants.default ||
83
83
  (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
84
- index.h("div", { key: '3fef8854d7faf233d65183ac1a55096efdd4c0ce', class: "hy-person-card__info-container__phone-container" }, index.h("span", { key: '3f9f58a832babe71f8701f4ed9cd950de85e3342', class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { key: '29f0b00716c37275b46c0b011ede19180c82aa5f', icon: "hy-icon-phone", size: 14 })), index.h("span", { key: 'df1bde1fd10dc3694e927118eeb45e5bf8b23a77', class: "hy-person-card__info-container__phone" }, this.phone)),
85
- ])), this.variant == utils.PersonCardVariants.extended && (index.h("div", { key: '3684dd34b94b37b8f62560c39ee2f22852bf9542', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (index.h("div", { key: '16d8654869c49465a729991bbddc6d93642dc8e2', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && index.h("div", { key: '07278924c3cea50f450e2ab663657ecc4585c24c', class: "hy-person-card__info-container__field" }, this.field), this.email &&
84
+ index.h("div", { key: '8358d47eb3e33b37d450141026bc1753c6fd2fb1', class: "hy-person-card__info-container__phone-container" }, index.h("span", { key: 'ba7a31f4bd92c89fd2164ecf6084f9071eb37fae', class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { key: 'd3868a32855e9f84c309a27a9ccb73ca2c0264a5', icon: "hy-icon-phone", size: 14 })), index.h("span", { key: 'e2f4ffb0897bf55ce16c2a1f8856701af8d798af', class: "hy-person-card__info-container__phone" }, this.phone)),
85
+ ])), this.variant == utils.PersonCardVariants.extended && (index.h("div", { key: '56ecedd4a556096e7685ee4357c665c7c11fc7b7', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (index.h("div", { key: 'e23004feaf055534f560eeb4eb51484669bd715e', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && index.h("div", { key: 'be4d068a6d0cb6ddf4ed1dc8b949009478d3eb03', class: "hy-person-card__info-container__field" }, this.field), this.email &&
86
86
  this.isMobile && [
87
- index.h("div", { key: '078c22f65de3f53613f953ca6609b534a3206224', class: "hy-person-card__info-container__email-container" }, index.h("span", { key: '313e437060a6a66fb402130a29b46e8b8e3a89ec', class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { key: 'abce2d8840af13194a8369942baa0b67b0f52766', icon: "hy-icon-email", size: 16 })), index.h("span", { key: '27584d41593c92d916d939816289ec3d2851367c', class: "hy-person-card__info-container__email" }, this.email)),
87
+ index.h("div", { key: '593552780cffdae6ae20eff0d44eb8a9ab8fbdeb', class: "hy-person-card__info-container__email-container" }, index.h("span", { key: 'a0196a8e7456153bc68d5a029554d70f0956d845', class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { key: '63f2205aa6b87b154d3d07a88b51215ceb8d7641', icon: "hy-icon-mail", size: 16 })), index.h("span", { key: 'ff6b17d915ab3564e544979195c233b43c8a1ef2', class: "hy-person-card__info-container__email" }, this.email)),
88
88
  ], this.phone &&
89
89
  this.isMobile && [
90
- index.h("div", { key: 'f62f84b056e235c8b1d3b9aac53bf7f3292a1fdc', class: "hy-person-card__info-container__phone-container" }, index.h("span", { key: '9c8cd94e43360f51bfaf5df3033480297bd7deb9', class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { key: 'a8dc7140434d51042cc5cf3ec8f99e32f6d0ee47', icon: "hy-icon-phone", size: 14 })), index.h("span", { key: '7b0aef78d03f4c914cd1f30fecf819f7b005e3b3', class: "hy-person-card__info-container__phone" }, this.phone)),
91
- ], this.aboutInfo && (index.h("div", { key: 'f8d70e579fe2fa5100ce85543847f09db6eec2c5', class: "hy-person-card__extended-info-container__about" }, index.h("span", { key: '32368741c552c8e0f7e4e5be5020c1471a75c6b3', class: "label" }, this.aboutInfoLabel, ":"), index.h("span", { key: '86aa1f6d397ffc256ebabcf07e338580ddc03ebe' }, this.aboutInfo))))))));
90
+ index.h("div", { key: 'bf27fb47827d9791a8c5b972ce5d8b5afa1c970a', class: "hy-person-card__info-container__phone-container" }, index.h("span", { key: '99dc1b9c7b72b06a805973fb1846eb7cd6a96736', class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { key: '021c4305bc2bfca0b44b25075c66da4e55505435', icon: "hy-icon-phone", size: 14 })), index.h("span", { key: 'c628f4ce66fe8ea22b5fbdfb1eb9e36dfbdd98ad', class: "hy-person-card__info-container__phone" }, this.phone)),
91
+ ], this.aboutInfo && (index.h("div", { key: '9c2a87f6a9b6a24f855513232abc67369b27adec', class: "hy-person-card__extended-info-container__about" }, index.h("span", { key: 'caadd2eb81e985dfd47c9c94a83f9e6304a8e5e3', class: "label" }, this.aboutInfoLabel, ":"), index.h("span", { key: '08230263a8e60f45b567c04903b7a8a46cdfb75a' }, this.aboutInfo))))))));
92
92
  }
93
93
  };
94
94
  HyPersonCard.style = HyPersonCardStyle0;
package/dist/cjs/hy-person-profile.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-701b1b84.js');
6
6
  const utils = require('./utils-8e26d681.js');
7
7
 
8
- const personProfileCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";
8
+ const personProfileCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text a{color:var(--link-blue);text-decoration:none}.hy-profile-page__person-about-text a:hover{text-decoration:underline}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";
9
9
  const HyPersonProfileStyle0 = personProfileCss;
10
10
 
11
11
  let timer;
package/dist/collection/components/hy-person-card/hy-person-card.css CHANGED
@@ -377,7 +377,6 @@
377
377
  line-height: 17px;
378
378
  color: var(--grayscale-dark-text);
379
379
  font-family: var(--main-font-family);
380
- font-style: italic;
381
380
  letter-spacing: 0;
382
381
  }
383
382
  @media (min-width: 30rem) {
package/dist/collection/components/hy-person-card/hy-person-card.js CHANGED
@@ -68,18 +68,18 @@ export class HyPersonCard {
68
68
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '7c4e31fc910b2dacdbbc594bfa899064bc595f18', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
69
69
  (this.variant == PersonCardVariants.default ||
70
70
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
71
- h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '2ba762fb086e5887f6c19c85870b4ff5f4331d2c', icon: "hy-icon-email", size: 16 })), h("span", { key: 'dc95c7424f9e0b8902e5a4a0a9dbd61d1de579d7', class: "hy-person-card__info-container__email" }, this.email)),
71
+ h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '9f5a8e89970b5811a0c6f566215f0b305198f6ae', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'b34db32e0c10e5f4621692e984a0fcf00e21327d', class: "hy-person-card__info-container__email" }, this.email)),
72
72
  ], this.phone &&
73
73
  (this.variant == PersonCardVariants.default ||
74
74
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
75
- h("div", { key: '3fef8854d7faf233d65183ac1a55096efdd4c0ce', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '3f9f58a832babe71f8701f4ed9cd950de85e3342', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '29f0b00716c37275b46c0b011ede19180c82aa5f', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'df1bde1fd10dc3694e927118eeb45e5bf8b23a77', class: "hy-person-card__info-container__phone" }, this.phone)),
76
- ])), this.variant == PersonCardVariants.extended && (h("div", { key: '3684dd34b94b37b8f62560c39ee2f22852bf9542', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: '16d8654869c49465a729991bbddc6d93642dc8e2', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: '07278924c3cea50f450e2ab663657ecc4585c24c', class: "hy-person-card__info-container__field" }, this.field), this.email &&
75
+ h("div", { key: '8358d47eb3e33b37d450141026bc1753c6fd2fb1', class: "hy-person-card__info-container__phone-container" }, h("span", { key: 'ba7a31f4bd92c89fd2164ecf6084f9071eb37fae', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'd3868a32855e9f84c309a27a9ccb73ca2c0264a5', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'e2f4ffb0897bf55ce16c2a1f8856701af8d798af', class: "hy-person-card__info-container__phone" }, this.phone)),
76
+ ])), this.variant == PersonCardVariants.extended && (h("div", { key: '56ecedd4a556096e7685ee4357c665c7c11fc7b7', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: 'e23004feaf055534f560eeb4eb51484669bd715e', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: 'be4d068a6d0cb6ddf4ed1dc8b949009478d3eb03', class: "hy-person-card__info-container__field" }, this.field), this.email &&
77
77
  this.isMobile && [
78
- h("div", { key: '078c22f65de3f53613f953ca6609b534a3206224', class: "hy-person-card__info-container__email-container" }, h("span", { key: '313e437060a6a66fb402130a29b46e8b8e3a89ec', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: 'abce2d8840af13194a8369942baa0b67b0f52766', icon: "hy-icon-email", size: 16 })), h("span", { key: '27584d41593c92d916d939816289ec3d2851367c', class: "hy-person-card__info-container__email" }, this.email)),
78
+ h("div", { key: '593552780cffdae6ae20eff0d44eb8a9ab8fbdeb', class: "hy-person-card__info-container__email-container" }, h("span", { key: 'a0196a8e7456153bc68d5a029554d70f0956d845', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '63f2205aa6b87b154d3d07a88b51215ceb8d7641', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'ff6b17d915ab3564e544979195c233b43c8a1ef2', class: "hy-person-card__info-container__email" }, this.email)),
79
79
  ], this.phone &&
80
80
  this.isMobile && [
81
- h("div", { key: 'f62f84b056e235c8b1d3b9aac53bf7f3292a1fdc', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '9c8cd94e43360f51bfaf5df3033480297bd7deb9', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'a8dc7140434d51042cc5cf3ec8f99e32f6d0ee47', icon: "hy-icon-phone", size: 14 })), h("span", { key: '7b0aef78d03f4c914cd1f30fecf819f7b005e3b3', class: "hy-person-card__info-container__phone" }, this.phone)),
82
- ], this.aboutInfo && (h("div", { key: 'f8d70e579fe2fa5100ce85543847f09db6eec2c5', class: "hy-person-card__extended-info-container__about" }, h("span", { key: '32368741c552c8e0f7e4e5be5020c1471a75c6b3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '86aa1f6d397ffc256ebabcf07e338580ddc03ebe' }, this.aboutInfo))))))));
81
+ h("div", { key: 'bf27fb47827d9791a8c5b972ce5d8b5afa1c970a', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '99dc1b9c7b72b06a805973fb1846eb7cd6a96736', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '021c4305bc2bfca0b44b25075c66da4e55505435', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'c628f4ce66fe8ea22b5fbdfb1eb9e36dfbdd98ad', class: "hy-person-card__info-container__phone" }, this.phone)),
82
+ ], this.aboutInfo && (h("div", { key: '9c2a87f6a9b6a24f855513232abc67369b27adec', class: "hy-person-card__extended-info-container__about" }, h("span", { key: 'caadd2eb81e985dfd47c9c94a83f9e6304a8e5e3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '08230263a8e60f45b567c04903b7a8a46cdfb75a' }, this.aboutInfo))))))));
83
83
  }
84
84
  static get is() { return "hy-person-card"; }
85
85
  static get originalStyleUrls() {
package/dist/collection/components/hy-person-profile/person-profile.css CHANGED
@@ -187,6 +187,13 @@
187
187
  line-height: 26px;
188
188
  }
189
189
  }
190
+ .hy-profile-page__person-about-text a {
191
+ color: var(--link-blue);
192
+ text-decoration: none;
193
+ }
194
+ .hy-profile-page__person-about-text a:hover {
195
+ text-decoration: underline;
196
+ }
190
197
  .hy-profile-page__person-about-text-toggle {
191
198
  font-size: 0.9375rem;
192
199
  line-height: 22px;
package/dist/collection/components/hy-site-header/site-header.js CHANGED
@@ -1,6 +1,5 @@
1
1
  let clickTimer = null;
2
2
  import { Fragment, h } from "@stencil/core";
3
- import ResizeObserver from "resize-observer-polyfill";
4
3
  import { MenuType, ColorVariant, SiteLogoSize } from "../../utils/utils";
5
4
  import { jsonParserWorker } from "../../global/globalScript";
6
5
  let clickTimeout = null;
@@ -105,13 +104,10 @@ export class SiteHeader {
105
104
  }
106
105
  }
107
106
  componentDidLoad() {
108
- // Set the browser resize observer to gather information about browser width.
109
- this.ro = new ResizeObserver((entries) => {
110
- for (const entry of entries) {
111
- this.applySizeClasses(entry.contentRect.width);
112
- }
107
+ this.applySizeClasses(window.innerWidth);
108
+ window.addEventListener('resize', () => {
109
+ this.applySizeClasses(window.innerWidth);
113
110
  });
114
- this.ro.observe(document.body);
115
111
  const topOptions = {
116
112
  root: null,
117
113
  rootMargin: "250px",
@@ -183,7 +179,6 @@ export class SiteHeader {
183
179
  }
184
180
  disconnectedCallback() {
185
181
  clearTimeout(clickTimer);
186
- this.ro.disconnect();
187
182
  this.topObserver.disconnect();
188
183
  this.bottomObserver.disconnect();
189
184
  clearTimeout(clickTimeout);
package/dist/esm/hy-breadcrumbs_15.entry.js CHANGED
@@ -628,13 +628,10 @@ const SiteHeader = class {
628
628
  }
629
629
  }
630
630
  componentDidLoad() {
631
- // Set the browser resize observer to gather information about browser width.
632
- this.ro = new index((entries) => {
633
- for (const entry of entries) {
634
- this.applySizeClasses(entry.contentRect.width);
635
- }
631
+ this.applySizeClasses(window.innerWidth);
632
+ window.addEventListener('resize', () => {
633
+ this.applySizeClasses(window.innerWidth);
636
634
  });
637
- this.ro.observe(document.body);
638
635
  const topOptions = {
639
636
  root: null,
640
637
  rootMargin: "250px",
@@ -706,7 +703,6 @@ const SiteHeader = class {
706
703
  }
707
704
  disconnectedCallback() {
708
705
  clearTimeout(clickTimer);
709
- this.ro.disconnect();
710
706
  this.topObserver.disconnect();
711
707
  this.bottomObserver.disconnect();
712
708
  clearTimeout(clickTimeout);
package/dist/esm/hy-person-card.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, h } from './index-2ffe17c9.js';
2
2
  import { q as PersonCardVariants } from './utils-1e7f5184.js';
3
3
  import { i as index } from './ResizeObserver.es-ccb10328.js';
4
4
 
5
- const hyPersonCardCss = "*{-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);font-style:italic;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}";
5
+ const hyPersonCardCss = "*{-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}";
6
6
  const HyPersonCardStyle0 = hyPersonCardCss;
7
7
 
8
8
  const HyPersonCard = class {
@@ -73,18 +73,18 @@ const HyPersonCard = class {
73
73
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && (h("div", { key: '7c4e31fc910b2dacdbbc594bfa899064bc595f18', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
74
74
  (this.variant == PersonCardVariants.default ||
75
75
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
76
- h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '2ba762fb086e5887f6c19c85870b4ff5f4331d2c', icon: "hy-icon-email", size: 16 })), h("span", { key: 'dc95c7424f9e0b8902e5a4a0a9dbd61d1de579d7', class: "hy-person-card__info-container__email" }, this.email)),
76
+ h("div", { key: 'd99814b0f641db9988b732d3e575a7a53eaf1d27', class: "hy-person-card__info-container__email-container" }, h("span", { key: '3133628f3dd441e42ba35eac5c6b163ae8b3a085', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '9f5a8e89970b5811a0c6f566215f0b305198f6ae', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'b34db32e0c10e5f4621692e984a0fcf00e21327d', class: "hy-person-card__info-container__email" }, this.email)),
77
77
  ], this.phone &&
78
78
  (this.variant == PersonCardVariants.default ||
79
79
  (this.variant == PersonCardVariants.extended && !this.isMobile)) && [
80
- h("div", { key: '3fef8854d7faf233d65183ac1a55096efdd4c0ce', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '3f9f58a832babe71f8701f4ed9cd950de85e3342', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '29f0b00716c37275b46c0b011ede19180c82aa5f', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'df1bde1fd10dc3694e927118eeb45e5bf8b23a77', class: "hy-person-card__info-container__phone" }, this.phone)),
81
- ])), this.variant == PersonCardVariants.extended && (h("div", { key: '3684dd34b94b37b8f62560c39ee2f22852bf9542', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: '16d8654869c49465a729991bbddc6d93642dc8e2', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: '07278924c3cea50f450e2ab663657ecc4585c24c', class: "hy-person-card__info-container__field" }, this.field), this.email &&
80
+ h("div", { key: '8358d47eb3e33b37d450141026bc1753c6fd2fb1', class: "hy-person-card__info-container__phone-container" }, h("span", { key: 'ba7a31f4bd92c89fd2164ecf6084f9071eb37fae', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'd3868a32855e9f84c309a27a9ccb73ca2c0264a5', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'e2f4ffb0897bf55ce16c2a1f8856701af8d798af', class: "hy-person-card__info-container__phone" }, this.phone)),
81
+ ])), this.variant == PersonCardVariants.extended && (h("div", { key: '56ecedd4a556096e7685ee4357c665c7c11fc7b7', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (h("div", { key: 'e23004feaf055534f560eeb4eb51484669bd715e', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && h("div", { key: 'be4d068a6d0cb6ddf4ed1dc8b949009478d3eb03', class: "hy-person-card__info-container__field" }, this.field), this.email &&
82
82
  this.isMobile && [
83
- h("div", { key: '078c22f65de3f53613f953ca6609b534a3206224', class: "hy-person-card__info-container__email-container" }, h("span", { key: '313e437060a6a66fb402130a29b46e8b8e3a89ec', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: 'abce2d8840af13194a8369942baa0b67b0f52766', icon: "hy-icon-email", size: 16 })), h("span", { key: '27584d41593c92d916d939816289ec3d2851367c', class: "hy-person-card__info-container__email" }, this.email)),
83
+ h("div", { key: '593552780cffdae6ae20eff0d44eb8a9ab8fbdeb', class: "hy-person-card__info-container__email-container" }, h("span", { key: 'a0196a8e7456153bc68d5a029554d70f0956d845', class: "hy-person-card__info-container__email__icon" }, h("hy-icon", { key: '63f2205aa6b87b154d3d07a88b51215ceb8d7641', icon: "hy-icon-mail", size: 16 })), h("span", { key: 'ff6b17d915ab3564e544979195c233b43c8a1ef2', class: "hy-person-card__info-container__email" }, this.email)),
84
84
  ], this.phone &&
85
85
  this.isMobile && [
86
- h("div", { key: 'f62f84b056e235c8b1d3b9aac53bf7f3292a1fdc', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '9c8cd94e43360f51bfaf5df3033480297bd7deb9', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: 'a8dc7140434d51042cc5cf3ec8f99e32f6d0ee47', icon: "hy-icon-phone", size: 14 })), h("span", { key: '7b0aef78d03f4c914cd1f30fecf819f7b005e3b3', class: "hy-person-card__info-container__phone" }, this.phone)),
87
- ], this.aboutInfo && (h("div", { key: 'f8d70e579fe2fa5100ce85543847f09db6eec2c5', class: "hy-person-card__extended-info-container__about" }, h("span", { key: '32368741c552c8e0f7e4e5be5020c1471a75c6b3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '86aa1f6d397ffc256ebabcf07e338580ddc03ebe' }, this.aboutInfo))))))));
86
+ h("div", { key: 'bf27fb47827d9791a8c5b972ce5d8b5afa1c970a', class: "hy-person-card__info-container__phone-container" }, h("span", { key: '99dc1b9c7b72b06a805973fb1846eb7cd6a96736', class: "hy-person-card__info-container__phone__icon" }, h("hy-icon", { key: '021c4305bc2bfca0b44b25075c66da4e55505435', icon: "hy-icon-phone", size: 14 })), h("span", { key: 'c628f4ce66fe8ea22b5fbdfb1eb9e36dfbdd98ad', class: "hy-person-card__info-container__phone" }, this.phone)),
87
+ ], this.aboutInfo && (h("div", { key: '9c2a87f6a9b6a24f855513232abc67369b27adec', class: "hy-person-card__extended-info-container__about" }, h("span", { key: 'caadd2eb81e985dfd47c9c94a83f9e6304a8e5e3', class: "label" }, this.aboutInfoLabel, ":"), h("span", { key: '08230263a8e60f45b567c04903b7a8a46cdfb75a' }, this.aboutInfo))))))));
88
88
  }
89
89
  };
90
90
  HyPersonCard.style = HyPersonCardStyle0;
package/dist/esm/hy-person-profile.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, F as Fragment, H as Host } from './index-2ffe17c9.js';
2
2
  import { d as CtaLinkButtonVariants } from './utils-1e7f5184.js';
3
3
 
4
- const personProfileCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";
4
+ const personProfileCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-profile-page__back-button{font-size:1rem;line-height:20px;font-weight:600;font-family:var(--main-font-family);letter-spacing:-0.5px;color:var(--brand-main-light);padding:12px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;margin-left:-10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}@media (min-width: 48rem){.hy-profile-page__back-button{margin-bottom:24px}}.hy-profile-page__back-button hy-icon{margin-right:16px}.hy-profile-page__back-button hy-icon svg{fill:var(--brand-main-light)}.hy-profile-page__section{padding:32px 0}.hy-profile-page__section:first-of-type{padding:0 0 32px}.hy-profile-page__section:not(:first-of-type){border-top:1px solid var(--grayscale-medium)}.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__section__research_title>h2,.hy-profile-page__section>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__section__research_title{display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48rem){.hy-profile-page__section__research_title{display:-webkit-box;display:-ms-flexbox;display:flex}}.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px 0}@media (min-width: 48rem){.hy-profile-page__section__research_title>hy-cta-button{margin:0 0 32px auto}}.hy-profile-page__organization-units-section{font-family:var(--main-font-family);padding:0;margin:0;list-style:none}.hy-profile-page__organization-units-section h3{font-size:0.9375rem;line-height:18px;font-weight:700;letter-spacing:-0.28px;color:var(--grayscale-black);margin:0 0 8px}@media (min-width: 48rem){.hy-profile-page__organization-units-section h3{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-profile-page__organization-units-section{margin-top:24px}@media (min-width: 48rem){.hy-profile-page__organization-units-section{margin-top:32px}}.hy-profile-page__organization-units-section a{text-decoration:none;color:var(--link-blue)}.hy-profile-page__organization-units-section a:hover{text-decoration:underline}.hy-profile-page__organizations,.hy-profile-page__organizations ul,.hy-profile-page__research-organizations,.hy-profile-page__research-organizations ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hy-profile-page__organizations li,.hy-profile-page__research-organizations li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__organizations li span,.hy-profile-page__research-organizations li span{font-size:1.0625rem;line-height:26px}}.hy-profile-page__organizations li>span,.hy-profile-page__research-organizations li>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:22px;width:28px}@media (min-width: 48rem){.hy-profile-page__organizations li hy-icon,.hy-profile-page__research-organizations li hy-icon{height:26px}}.hy-profile-page__person-about-text{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-black)}@media (min-width: 48rem){.hy-profile-page__person-about-text{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text a{color:var(--link-blue);text-decoration:none}.hy-profile-page__person-about-text a:hover{text-decoration:underline}.hy-profile-page__person-about-text-toggle{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--link-blue);background-color:transparent;border:0;padding:0;margin:0}@media (min-width: 48rem){.hy-profile-page__person-about-text-toggle{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-about-text-toggle:hover{cursor:pointer}.hy-profile-page__person-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 48rem){.hy-profile-page__person-information{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.hy-profile-page__image{aspect-ratio:328/425;width:100%;max-width:328px;-o-object-fit:cover;object-fit:cover;background-color:var(--grayscale-background-box)}@media (min-width: 48rem){.hy-profile-page__image{max-width:194px}}.hy-profile-page__contact-information>h2{font-size:1.625rem;line-height:32px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.52px;color:var(--grayscale-black);margin:0 0 32px}@media (min-width: 48rem){.hy-profile-page__contact-information>h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}.hy-profile-page__name{font-size:2rem;line-height:38px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.8px;color:var(--grayscale-black);margin:0 0 4px;text-transform:uppercase}@media (min-width: 60rem){.hy-profile-page__name{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px;margin:0 0 8px}}@media (min-width: 120.0625rem){.hy-profile-page__name{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}.hy-profile-page__job-title{font-size:1rem;line-height:20px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.32px;color:var(--grayscale-black);margin:0 0 4px;text-transform:capitalize}@media (min-width: 60rem){.hy-profile-page__job-title{font-size:1.125rem;line-height:24px;letter-spacing:-0.36px}}.hy-profile-page__additional-information{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text);margin:0}@media (min-width: 60rem){.hy-profile-page__additional-information{font-size:1.0625rem;line-height:26px}}.hy-profile-page__person-content-container{display:none;margin-top:32px}@media (min-width: 48rem){.hy-profile-page__person-content-container{margin-top:44px}}.hy-profile-page__person-content-listing{display:grid;gap:32px;list-style:none;padding:0;margin:0}.hy-profile-page__person-content>h2{margin:0 0 8px}.hy-profile-page__person-content>h2 a{font-size:1.125rem;line-height:24px;font-weight:700;font-family:var(--main-font-family);letter-spacing:-0.36px;color:var(--link-blue);text-decoration:none}@media (min-width: 48rem){.hy-profile-page__person-content>h2 a{font-size:1.375rem;line-height:28px;letter-spacing:-0.44px}}.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:0.9375rem;line-height:22px;font-weight:400;font-family:var(--main-font-family);color:var(--grayscale-dark-text)}@media (min-width: 48rem){.hy-profile-page__person-content>span,.hy-profile-page__person-content>p{font-size:1.0625rem;line-height:26px;letter-spacing:-0.44px}}.hy-profile-page__person-content>p{margin:8px 0 0}.hy-profile-page__loader{display:inline-block;position:relative;width:80px;height:80px;margin-top:32px}.hy-profile-page__loader.visible{display:block}.hy-profile-page__loader.hidden{display:none}@media (min-width: 48rem){.hy-profile-page__loader{margin-top:44px}}.hy-profile-page__loader div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:6px solid #fff;border-radius:50%;-webkit-animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--brand-main-light) transparent transparent transparent}.hy-profile-page__loader div:nth-child(1){-webkit-animation-delay:-0.45s;animation-delay:-0.45s}.hy-profile-page__loader div:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.hy-profile-page__loader div:nth-child(3){-webkit-animation-delay:-0.15s;animation-delay:-0.15s}@-webkit-keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hidden{display:none;visibility:hidden}";
5
5
  const HyPersonProfileStyle0 = personProfileCss;
6
6
 
7
7
  let timer;