@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.74

package/dist/cjs/hy-person-card.cjs.entry.js

@@ -2,96 +2,95 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
-const utils = require('./utils-56f3464c.js');
-const index$1 = require('./index-dacd8ca5.js');
+const index = require('./index-579f8aa3.js');
+const utils = require('./utils-8e26d681.js');
+const ResizeObserver_es = require('./ResizeObserver.es-c9ba881e.js');
 
 const hyPersonCardCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-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}";
+const HyPersonCardStyle0 = hyPersonCardCss;
 
 const HyPersonCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = utils.PersonCardVariants.default;
-    this.categoryTitle = undefined;
-    this.imageUrl = null;
-    this.imageAlt = null;
-    this.disableLazy = false;
-    this.firstName = undefined;
-    this.lastName = undefined;
-    this.url = null;
-    this.isExternal = false;
-    this.scLabel = undefined;
-    this.positionTitle = undefined;
-    this.department = null;
-    this.field = null;
-    this.email = null;
-    this.phone = null;
-    this.aboutInfo = null;
-    this.researchNetworks = undefined;
-    this.studyProgramme = undefined;
-    this.aboutInfoLabel = undefined;
-    this.researchNetworksLabel = undefined;
-    this.studyProgrammeLabel = undefined;
-    this.isMobile = undefined;
-  }
-  componentDidLoad() {
-    this.ro = new index$1.ResizeObserver((entries) => {
-      for (const entry of entries) {
-        this.checkForMobile(entry.contentRect.width);
-      }
-    });
-    this.ro.observe(document.body);
-  }
-  disconnectedCallback() {
-    this.ro.disconnect();
-  }
-  checkForMobile(size) {
-    this.isMobile = size <= 479 ? true : false;
-  }
-  componentWillRender() {
-    this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : "";
-    this._initials =
-      this.imageUrl && this.firstName && this.lastName ? "" : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;
-    if (!this.imageAlt) {
-      this.imageAlt = this._fullName;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = utils.PersonCardVariants.default;
+        this.categoryTitle = undefined;
+        this.imageUrl = null;
+        this.imageAlt = null;
+        this.disableLazy = false;
+        this.firstName = undefined;
+        this.lastName = undefined;
+        this.url = null;
+        this.isExternal = false;
+        this.scLabel = undefined;
+        this.positionTitle = undefined;
+        this.department = null;
+        this.field = null;
+        this.email = null;
+        this.phone = null;
+        this.aboutInfo = null;
+        this.researchNetworks = undefined;
+        this.studyProgramme = undefined;
+        this.aboutInfoLabel = undefined;
+        this.researchNetworksLabel = undefined;
+        this.studyProgrammeLabel = undefined;
+        this.isMobile = undefined;
     }
-    if (!this.scLabel) {
-      this.scLabel = "Link to the person profile";
+    componentDidLoad() {
+        this.ro = new ResizeObserver_es.index((entries) => {
+            for (const entry of entries) {
+                this.checkForMobile(entry.contentRect.width);
+            }
+        });
+        this.ro.observe(document.body);
+    }
+    disconnectedCallback() {
+        this.ro.disconnect();
+    }
+    checkForMobile(size) {
+        this.isMobile = size <= 479 ? true : false;
+    }
+    componentWillRender() {
+        this._fullName = this.firstName && this.lastName ? `${this.firstName} ${this.lastName}` : "";
+        this._initials =
+            this.imageUrl && this.firstName && this.lastName ? "" : `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`;
+        if (!this.imageAlt) {
+            this.imageAlt = this._fullName;
+        }
+        if (!this.scLabel) {
+            this.scLabel = "Link to the person profile";
+        }
+    }
+    render() {
+        let classLinkAttributes = ["hy-person-card-container__link", this.variant].join(" ");
+        let classIsActive = this.url && this.url.length > 0 ? "" : " inactive";
+        classLinkAttributes = classLinkAttributes.concat(classIsActive);
+        const classAttributes = ["hy-person-card", this.variant].join(" ");
+        const classPositionTitle = [
+            "hy-person-card__info-container__position-title",
+            `hy-person-card__info-container__position-title__${this.variant}`,
+        ].join(" ");
+        const target = this.isExternal ? "_blank" : "_self";
+        return (index.h("article", { key: 'ddee8567836e22d8ab6a587a391c026bb1c05567', class: "hy-person-card-container" }, index.h("div", { key: '5d458411a72208181aeb0664e6c8c5a62df46000', class: classLinkAttributes }, this.categoryTitle && this.variant == utils.PersonCardVariants.default && (index.h("div", { key: 'f5ce16f9eff4a3c2b653264d5924d2aedfe3cc6b', class: "hy-person-card-container__category-title" }, this.categoryTitle)), index.h("div", { key: '87e6af78b68ec23b46abe00d2e5b7453aa7bcb42', class: classAttributes }, index.h("div", { key: '37e22f55de43e9e978c42a3804707215f6acad0d', class: "hy-person-card__image-container" }, this.imageUrl ? (index.h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", src: this.imageUrl, alt: this.imageAlt }))) : (index.h("div", { class: "hy-person-card__image-container__no-image" }, index.h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), index.h("div", { key: '5ac08c7a58432e1e9774d49da7db12b05c037751', class: "hy-person-card__info-container" }, index.h("a", { key: '4a6f05c3983483aa0791e99ab1beb02c92d5cbef', class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && index.h("div", { key: '72e8624ad4b8be9ab935fbed14f8f44ef0b252cf', class: classPositionTitle }, this.positionTitle), this.department &&
+            (this.variant == utils.PersonCardVariants.default ||
+                (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { key: '1231f12c67c38956b35f725e2c0e42c227e5379b', class: "hy-person-card__info-container__department" }, this.department)), this.field &&
+            (this.variant == utils.PersonCardVariants.default ||
+                (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { key: 'f01bdca4dc81a4fbc4fa2fc6934cea7b6c08a596', class: "hy-person-card__info-container__field" }, this.field)), this.email &&
+            (this.variant == utils.PersonCardVariants.default ||
+                (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
+            index.h("div", { key: '39eb0b20e22111a32612dde542017f15ba0223d8', class: "hy-person-card__info-container__email-container" }, index.h("span", { key: '11cf79db48a7eb12ecd9db3709075835f327c7d8', class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { key: '872039975e07cd8efa2c57ff30e4556bd7c3ab1a', icon: "hy-icon-email", size: 16 })), index.h("span", { key: '911fbc4db04b1880ea5ac05fc77f4c2001868b34', class: "hy-person-card__info-container__email" }, this.email)),
+        ], this.phone &&
+            (this.variant == utils.PersonCardVariants.default ||
+                (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
+            index.h("div", { key: 'debb02ef9c717f5385e53ab8c307ce8652d37f99', class: "hy-person-card__info-container__phone-container" }, index.h("span", { key: 'ba4f93f6d1f433f5105ddbf2b201fffd3b9d1d0c', class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { key: '7bb1e132a451622bcd2dad0f3a4ed15a779b15a9', icon: "hy-icon-phone", size: 14 })), index.h("span", { key: '5307715f36249df9347b3ad74a29c2fbd544a607', class: "hy-person-card__info-container__phone" }, this.phone)),
+        ])), this.variant == utils.PersonCardVariants.extended && (index.h("div", { key: 'd724f12cc0c4de8c051b0d58621c7d4bbd78fbe6', class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (index.h("div", { key: 'ee0491925e1a10d5088903a621a77f7b687227e0', class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && index.h("div", { key: '75e946a722f9a87f3762eade4c96516e3296945e', class: "hy-person-card__info-container__field" }, this.field), this.email &&
+            this.isMobile && [
+            index.h("div", { key: '50976486f031a3c46b508efe135b0857dc5b973c', class: "hy-person-card__info-container__email-container" }, index.h("span", { key: 'd8242e9b3c337825bdec551d7a0cf4b3508d28b4', class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { key: '1f33ea1fdee484355f777224d07ae4ae46c9aa09', icon: "hy-icon-email", size: 16 })), index.h("span", { key: '729fda983f1d0365cfe1639d03f32f62ad528e01', class: "hy-person-card__info-container__email" }, this.email)),
+        ], this.phone &&
+            this.isMobile && [
+            index.h("div", { key: '45cbc46f6017da854bb0a795070a5b22c6265181', class: "hy-person-card__info-container__phone-container" }, index.h("span", { key: '38d68354af85572287538e2dd75e80300e39fd4b', class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { key: '47f82e614421c96535a33375134111f9c754db23', icon: "hy-icon-phone", size: 14 })), index.h("span", { key: '450d5823c1e2d265df92ce4cf800accac41fe16b', class: "hy-person-card__info-container__phone" }, this.phone)),
+        ], this.aboutInfo && (index.h("div", { key: '983a81b95de153142c8dded7d1198e3dcdd9978f', class: "hy-person-card__extended-info-container__about" }, index.h("span", { key: 'ab739c66a8c6855ba99c09bb0d7f99c98a5a4339', class: "label" }, this.aboutInfoLabel, ":"), index.h("span", { key: 'dec3bd543b323dfb9abff63b5a3c323da1e8a7be' }, this.aboutInfo))))))));
     }
-  }
-  render() {
-    let classLinkAttributes = ["hy-person-card-container__link", this.variant].join(" ");
-    let classIsActive = this.url && this.url.length > 0 ? "" : " inactive";
-    classLinkAttributes = classLinkAttributes.concat(classIsActive);
-    const classAttributes = ["hy-person-card", this.variant].join(" ");
-    const classPositionTitle = [
-      "hy-person-card__info-container__position-title",
-      `hy-person-card__info-container__position-title__${this.variant}`,
-    ].join(" ");
-    const target = this.isExternal ? "_blank" : "_self";
-    return (index.h("article", { class: "hy-person-card-container" }, index.h("div", { class: classLinkAttributes }, this.categoryTitle && this.variant == utils.PersonCardVariants.default && (index.h("div", { class: "hy-person-card-container__category-title" }, this.categoryTitle)), index.h("div", { class: classAttributes }, index.h("div", { class: "hy-person-card__image-container" }, this.imageUrl ? (index.h("a", { class: "hy-person-card__image-container__image", href: this.url, target: target }, index.h("img", { loading: this.disableLazy ? "eager" : "lazy", src: this.imageUrl, alt: this.imageAlt }))) : (index.h("div", { class: "hy-person-card__image-container__no-image" }, index.h("div", { class: "hy-person-card__image-container__no-image__initials", "aria-hidden": "true" }, this._initials)))), index.h("div", { class: "hy-person-card__info-container" }, index.h("a", { class: "hy-person-card__info-container__full-name", href: this.url, target: target }, this._fullName), this.positionTitle && index.h("div", { class: classPositionTitle }, this.positionTitle), this.department &&
-      (this.variant == utils.PersonCardVariants.default ||
-        (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field &&
-      (this.variant == utils.PersonCardVariants.default ||
-        (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && (index.h("div", { class: "hy-person-card__info-container__field" }, this.field)), this.email &&
-      (this.variant == utils.PersonCardVariants.default ||
-        (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
-      index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: "hy-icon-email", size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
-    ], this.phone &&
-      (this.variant == utils.PersonCardVariants.default ||
-        (this.variant == utils.PersonCardVariants.extended && !this.isMobile)) && [
-      index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: "hy-icon-phone", size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
-    ])), this.variant == utils.PersonCardVariants.extended && (index.h("div", { class: "hy-person-card hy-person-card__extended-info-container" }, this.department && this.isMobile && (index.h("div", { class: "hy-person-card__info-container__department" }, this.department)), this.field && this.isMobile && index.h("div", { class: "hy-person-card__info-container__field" }, this.field), this.email &&
-      this.isMobile && [
-      index.h("div", { class: "hy-person-card__info-container__email-container" }, index.h("span", { class: "hy-person-card__info-container__email__icon" }, index.h("hy-icon", { icon: "hy-icon-email", size: 16 })), index.h("span", { class: "hy-person-card__info-container__email" }, this.email)),
-    ], this.phone &&
-      this.isMobile && [
-      index.h("div", { class: "hy-person-card__info-container__phone-container" }, index.h("span", { class: "hy-person-card__info-container__phone__icon" }, index.h("hy-icon", { icon: "hy-icon-phone", size: 14 })), index.h("span", { class: "hy-person-card__info-container__phone" }, this.phone)),
-    ], this.aboutInfo && (index.h("div", { class: "hy-person-card__extended-info-container__about" }, index.h("span", { class: "label" }, this.aboutInfoLabel, ":"), index.h("span", null, this.aboutInfo))))))));
-  }
 };
-HyPersonCard.style = hyPersonCardCss;
+HyPersonCard.style = HyPersonCardStyle0;
 
 exports.hy_person_card = HyPersonCard;
-
-//# sourceMappingURL=hy-person-card.cjs.entry.js.map

package/dist/cjs/hy-person-profile-listing.cjs.entry.js

@@ -2,35 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
+const index = require('./index-579f8aa3.js');
 
 const personProfileListingCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-person-profile-listing{font-family:var(--main-font-family);padding:0;margin:0;list-style:none;display:grid;gap:24px}@media (min-width: 48rem){.hy-person-profile-listing{gap:2px 24px}}@media (min-width: 120.0625rem){.hy-person-profile-listing.col-2{grid-template-columns:repeat(2, 50%)}}.hy-person-profile-listing.col-4{gap:32px 24px}@media (min-width: 48rem){.hy-person-profile-listing.col-4{grid-template-columns:repeat(2, 50%)}}@media (min-width: 60rem){.hy-person-profile-listing.col-4{grid-template-columns:repeat(3, 33.3333333333%)}}@media (min-width: 120.0625rem){.hy-person-profile-listing.col-4{grid-template-columns:repeat(4, 25%)}}.hy-person-profile-listing__label{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-person-profile-listing__label{font-size:1.0625rem;line-height:20px;letter-spacing:-0.32px}}.hy-person-profile-listing__items{margin:0;padding:0;list-style:none;display:grid;gap:8px}.is-inline .hy-person-profile-listing__items{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}.text-tight .hy-person-profile-listing__items{gap:0}.hy-person-profile-listing__item{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media (min-width: 48rem){.hy-person-profile-listing__item{font-size:1.0625rem;line-height:26px}}.hy-person-profile-listing__item a{text-decoration:none;color:var(--link-blue)}.hy-person-profile-listing__item a:hover{text-decoration:underline}.hy-person-profile-listing__item hy-icon{display:none !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px;width:28px}@media (min-width: 48rem){.hy-person-profile-listing__item hy-icon{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.without-icons .hy-person-profile-listing__item hy-icon{display:none !important}";
+const HyPersonProfileListingStyle0 = personProfileListingCss;
 
 const PersonProfile = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.items = undefined;
-    this.col = "col-2";
-    this.inline = undefined;
-    this.withoutIcons = undefined;
-    this.textSpacingTight = undefined;
-    this.isResearch = false;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && index.h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
-      if (items.filter(({ label }) => label !== "").length > 0) {
-        return (index.h("li", null, !this.isResearch && index.h("h3", { class: "hy-person-profile-listing__label" }, label), index.h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index$1) => {
-          if (url) {
-            return (index.h("li", { class: "hy-person-profile-listing__item" }, index.h("a", { href: url }, index$1 !== 0 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, label))));
-          }
-          return (index.h("li", { class: "hy-person-profile-listing__item" }, index$1 !== 0 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, label)));
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.items = undefined;
+        this.col = "col-2";
+        this.inline = undefined;
+        this.withoutIcons = undefined;
+        this.textSpacingTight = undefined;
+        this.isResearch = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '2e39d68e6e60fa16dc56b46e42e2d1ea736bafad' }, index.h("ul", { key: 'b7f7d10d506551fa8a13c2df455964d0e71f99df', class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && index.h("h3", { key: '44ec9e846f6fe7aef63c11d11bc1234f326bb3a1', class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
+            if (items.filter(({ label }) => label !== "").length > 0) {
+                return (index.h("li", null, !this.isResearch && index.h("h3", { class: "hy-person-profile-listing__label" }, label), index.h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index$1) => {
+                    if (url) {
+                        return (index.h("li", { class: "hy-person-profile-listing__item" }, index.h("a", { href: url }, index$1 !== 0 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, label))));
+                    }
+                    return (index.h("li", { class: "hy-person-profile-listing__item" }, index$1 !== 0 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, label)));
+                }))));
+            }
         }))));
-      }
-    }))));
-  }
+    }
 };
-PersonProfile.style = personProfileListingCss;
+PersonProfile.style = HyPersonProfileListingStyle0;
 
 exports.hy_person_profile_listing = PersonProfile;
-
-//# sourceMappingURL=hy-person-profile-listing.cjs.entry.js.map

package/dist/cjs/hy-person-profile.cjs.entry.js

@@ -2,73 +2,72 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-32830401.js');
-const utils = require('./utils-56f3464c.js');
+const index = require('./index-579f8aa3.js');
+const utils = require('./utils-8e26d681.js');
 
 const personProfileCss = ":root{--brand-main:#0e688b;--brand-main-soft:#b1e7ff;--brand-main-bright:#48c5f8;--brand-main-light:#107eab;--brand-main-active:#005379;--brand-main-dark:#003146;--brand-main-nearly-black:#000222;--link-blue:#0479a4;--link-disabled:#767676;--grayscale-white:#fff;--grayscale-slightly-gray:#fefefe;--grayscale-light:#f8f8f8;--grayscale-medium:#d2d2d2;--grayscale-background-box:#f5f5f5;--grayscale-tabs-border:#e6e6e6;--grayscale-background-arrow:#dfdfdf;--grayscale-medium-dark:#979797;--grayscale-dark:#555555;--grayscale-dark-text:#222222;--grayscale-black:#000000;--additional-red-light:#e5053a;--additional-red-dark:#a31621;--additional-purple-light:#420039;--additional-yellow-light:#f9a21a;--additional-yellow:#c47f1b;--additional-skyblue:#48c5f8;--additional-orange:#d14600;--additional-green-light:#96ba3c;--additional-green-dark:#006400;--hover-gray:#eaeaea}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-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}";
+const HyPersonProfileStyle0 = personProfileCss;
 
 let timer;
 const PersonProfile = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.personDataJson = undefined;
-    this.showFullAboutText = undefined;
-    this.hideFullAboutText = undefined;
-    this.organizationItemsLabelText = undefined;
-    this.peopleFinderReturnLink = undefined;
-    this.peopleFinderReturnLabel = undefined;
-    this.isFullAboutTextHidden = false;
-    this.viewportSize = undefined;
-  }
-  componentWillLoad() {
-    this.viewportSize = window.innerWidth;
-  }
-  toggleShowFullAboutText() {
-    this.isFullAboutTextHidden = !this.isFullAboutTextHidden;
-  }
-  disconnectedCallback() {
-    clearTimeout(timer);
-  }
-  render() {
-    const { name, job_title, additional_information, image_url, contact_information, organization_units, about, research, person_content, } = JSON.parse(this.personDataJson);
-    const { organizations, research_organizations } = organization_units.items;
-    const aboutDescriptionTextDestructured = about.description;
-    const aboutDescriptionLength = aboutDescriptionTextDestructured.length;
-    let trimmedAboutDescription = "";
-    if (aboutDescriptionLength > 650) {
-      if (this.isFullAboutTextHidden) {
-        const ellipsisTextArray = aboutDescriptionTextDestructured + "...";
-        trimmedAboutDescription = ellipsisTextArray;
-      }
-      else {
-        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + "...";
-        trimmedAboutDescription = ellipsisTextArray;
-      }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.personDataJson = undefined;
+        this.showFullAboutText = undefined;
+        this.hideFullAboutText = undefined;
+        this.organizationItemsLabelText = undefined;
+        this.peopleFinderReturnLink = undefined;
+        this.peopleFinderReturnLabel = undefined;
+        this.isFullAboutTextHidden = false;
+        this.viewportSize = undefined;
     }
-    window.addEventListener("resize", () => {
-      clearTimeout(timer);
-      timer = setTimeout(() => {
+    componentWillLoad() {
         this.viewportSize = window.innerWidth;
-      }, 250);
-    });
-    const research_portal_title = `${research.research_portal_label}: ${name}`;
-    return (index.h(index.Host, null, index.h("section", { class: "hy-profile-page" }, index.h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, index.h("hy-icon", { icon: "hy-icon-arrow-left", size: 24 }), index.h("span", null, this.peopleFinderReturnLabel)), index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__person-information" }, index.h("div", null, index.h("h1", { class: "hy-profile-page__name" }, name), job_title && index.h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (index.h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (index.h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (index.h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (index.h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && index.h("h2", null, contact_information.label), contact_information.items && (index.h("hy-person-profile-listing", { items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (index.h("section", { class: "hy-profile-page__section" }, organization_units.label && index.h("h2", null, organization_units.label), organizations.items.length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, organizations.label), index.h("ul", { class: "hy-profile-page__organizations" }, index.h("li", null, organizations.items.map((item, index$1) => {
-      return (index.h("span", null, index$1 > 1 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index$1 !== 0 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          "?researchOrganizations.id[]=" +
-          item.id, target: "_blank" }, item.name[organization_units.lang])))));
-    }))))), Object.keys(research_organizations.items).length > 0 && (index.h("section", { class: "hy-profile-page__organization-units-section" }, index.h("h3", null, research_organizations.label), index.h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (index.h("li", null, item.map((item, index$1) => {
-      return (index.h(index.Fragment, null, index$1 > 1 && (index.h("ul", null, index.h("li", null, index.h("span", null, index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          "?researchOrganizations.id[]=" +
-          item.id, target: "_blank" }, item.name[organization_units.lang])))))), index$1 == 1 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-          "?researchOrganizations.id[]=" +
-          item.id, target: "_blank" }, item.name[organization_units.lang])))));
-    }))))))))), about && aboutDescriptionLength !== 0 && (index.h("section", { class: "hy-profile-page__section" }, about.description && (index.h(index.Fragment, null, index.h("h2", null, about.label), index.h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
-        ? trimmedAboutDescription
-        : about.description }))), aboutDescriptionLength > 650 && (index.h("button", { class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (index.h("section", { class: "hy-profile-page__section" }, index.h("div", { class: "hy-profile-page__section__research_title" }, research.label && index.h("h2", null, research.label), research.label && person_content.research_url.length > 0 && (index.h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: utils.CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (index.h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (index.h("div", { class: "hy-profile-page__loader", role: "presentation" }, index.h("div", null), index.h("div", null), index.h("div", null), index.h("div", null))), person_content.research_url.length > 0 && this.viewportSize < 768 && (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (index.h("hy-accordion-item", { "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (index.h("hy-accordion-item", { "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (index.h("hy-accordion-item", { "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (index.h("div", { class: "hy-profile-page__person-content-container" }, index.h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (index.h("hy-tabs-item", { "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (index.h("hy-tabs-item", { "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (index.h("hy-tabs-item", { "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
-  }
+    }
+    toggleShowFullAboutText() {
+        this.isFullAboutTextHidden = !this.isFullAboutTextHidden;
+    }
+    disconnectedCallback() {
+        clearTimeout(timer);
+    }
+    render() {
+        const { name, job_title, additional_information, image_url, contact_information, organization_units, about, research, person_content, } = JSON.parse(this.personDataJson);
+        const { organizations, research_organizations } = organization_units.items;
+        const aboutDescriptionTextDestructured = about.description;
+        const aboutDescriptionLength = aboutDescriptionTextDestructured.length;
+        let trimmedAboutDescription = "";
+        if (aboutDescriptionLength > 650) {
+            if (this.isFullAboutTextHidden) {
+                const ellipsisTextArray = aboutDescriptionTextDestructured + "...";
+                trimmedAboutDescription = ellipsisTextArray;
+            }
+            else {
+                const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + "...";
+                trimmedAboutDescription = ellipsisTextArray;
+            }
+        }
+        window.addEventListener("resize", () => {
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+                this.viewportSize = window.innerWidth;
+            }, 250);
+        });
+        const research_portal_title = `${research.research_portal_label}: ${name}`;
+        return (index.h(index.Host, { key: '26cca765665a2d3f11d97e8054fadfad4696f9c0' }, index.h("section", { key: '845b5708c7fb4248f0239e542c860375bf55ca75', class: "hy-profile-page" }, index.h("a", { key: '1839e32f06cd57c33a0590d49b1827787c9074fb', href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, index.h("hy-icon", { key: '89d37dbff26e01546a11f12ca397309d6fb95a2d', icon: "hy-icon-arrow-left", size: 24 }), index.h("span", { key: '08618af5b013a1fcb745553861ba8c0321fb82dd' }, this.peopleFinderReturnLabel)), index.h("section", { key: '7d8e1832e34c827c9da482779c4a7c12dbe160ca', class: "hy-profile-page__section" }, index.h("div", { key: 'bb81e1bfcf16d54701053be753f6141062c100b0', class: "hy-profile-page__person-information" }, index.h("div", { key: '63aec4194435d6b9df4a952adca1c87dcc32ed74' }, index.h("h1", { key: '708f548c98e2a5e12341025a932d04ed4c831f4e', class: "hy-profile-page__name" }, name), job_title && index.h("p", { key: '237a1c79a7305641708984d6f208d18a9e8e1518', class: "hy-profile-page__job-title" }, job_title), additional_information && (index.h("p", { key: 'e9693617b6c54b215505ab5e923318ddda291e96', class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (index.h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (index.h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (index.h("div", { key: '00e526d7f60375d6a9e251d037376d2570da4ed6', class: "hy-profile-page__contact-information" }, contact_information.label && index.h("h2", { key: 'be30afa8ec12e024d02fbea7c83b0ed28a54f4cb' }, contact_information.label), contact_information.items && (index.h("hy-person-profile-listing", { key: 'f0f7a8305b7adb60838e9a4f5c7459524ee0b756', items: contact_information.items, col: "col-4", withoutIcons: true, textSpacingTight: true }))))), (organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (index.h("section", { key: 'cf33c83493183b9dd251ef40fb4663585609bc8f', class: "hy-profile-page__section" }, organization_units.label && index.h("h2", { key: '7c7097de19aa4f5e3d3f80cb0cfe70faf14c9b91' }, organization_units.label), organizations.items.length > 0 && (index.h("section", { key: '268b5b49c06264449442faa8ea7103c594748f2c', class: "hy-profile-page__organization-units-section" }, index.h("h3", { key: '6195d95670f7bc6797ed0e980056308c6059b77e' }, organizations.label), index.h("ul", { key: '0d7bf767860d02e7f617b649aac60ea3e1efc418', class: "hy-profile-page__organizations" }, index.h("li", { key: 'a675a7a10ccdd1a8bde1eb91c658ac8ee2435be9' }, organizations.items.map((item, index$1) => {
+            return (index.h("span", null, index$1 > 1 && index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index$1 !== 0 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+                    "?researchOrganizations.id[]=" +
+                    item.id, target: "_blank" }, item.name[organization_units.lang])))));
+        }))))), Object.keys(research_organizations.items).length > 0 && (index.h("section", { key: 'b23bb2b31642654f3e38071db4c65ac9599ac451', class: "hy-profile-page__organization-units-section" }, index.h("h3", { key: '87ddf2d986763187e0d41303aa31768edee2a38a' }, research_organizations.label), index.h("ul", { key: 'af44cbd3475d2a4b43b9a3c849fff001b71bd9f0', class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (index.h("li", null, item.map((item, index$1) => {
+            return (index.h(index.Fragment, null, index$1 > 1 && (index.h("ul", null, index.h("li", null, index.h("span", null, index.h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+                    "?researchOrganizations.id[]=" +
+                    item.id, target: "_blank" }, item.name[organization_units.lang])))))), index$1 == 1 && (index.h("span", null, index.h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+                    "?researchOrganizations.id[]=" +
+                    item.id, target: "_blank" }, item.name[organization_units.lang])))));
+        }))))))))), about && aboutDescriptionLength !== 0 && (index.h("section", { key: '4bd7d78352eaedb1acea3c751bda3976d006bf18', class: "hy-profile-page__section" }, about.description && (index.h(index.Fragment, { key: '53c28a052ff9ebfecd021b8f10c557e6c0e21fab' }, index.h("h2", { key: 'ddb10be5051bb8f5e5a5b335d64e9ef8f9183dd6' }, about.label), index.h("div", { key: 'ea0a9c8550f4ca9f6a49ebf8844c1a477d32a722', class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
+                ? trimmedAboutDescription
+                : about.description }))), aboutDescriptionLength > 650 && (index.h("button", { key: '5559676646883a1904d7f6a7698ca9eca02b5233', class: "hy-profile-page__person-about-text-toggle", onClick: () => this.toggleShowFullAboutText(), "aria-expanded": `${this.isFullAboutTextHidden ? "true" : "false"}` }, this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText)))), ((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (index.h("section", { key: 'c200ccd50431f4893b7bc98830bbd79934158005', class: "hy-profile-page__section" }, index.h("div", { key: '22af8b3951ff756f9e80862d14ff4ab8100ba97f', class: "hy-profile-page__section__research_title" }, research.label && index.h("h2", { key: '570beac29603426c99e416c212d89101e0adedde' }, research.label), research.label && person_content.research_url.length > 0 && (index.h("hy-cta-button", { key: '451b22793f69ae368f312991388b703d3445c26e', "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: utils.CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (index.h("hy-person-profile-listing", { key: 'bdfbf9f7eebdcc50beee6556ed2df0cc74cd0a10', items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (index.h("div", { key: '309ad64b7990e54eb1987f17ea4854772fcbefe8', class: "hy-profile-page__loader", role: "presentation" }, index.h("div", { key: 'f7793fbae847ea06dcf72f2a4c7d36f7d9a70135' }), index.h("div", { key: '73ee944833ff3d586099ef903d438140ae9fdc69' }), index.h("div", { key: 'ee46c057e42750ad5231c3d77e046ef80418d15d' }), index.h("div", { key: '33cb1575f616d918d04b6faca980f982048d55d8' }))), person_content.research_url.length > 0 && this.viewportSize < 768 && (index.h("div", { key: 'ed59feaf3eedc5d5c634f12fdb46d57b2b1eb958', class: "hy-profile-page__person-content-container" }, index.h("hy-accordion-container", { key: '2d7577bc93f98512d8d54adbb337bfda4a204496', accordionid: "accordion-container-person-content" }, person_content.publications && (index.h("hy-accordion-item", { key: '796dc5f3b1d915f8309085c7eb83e24ab8a71668', "data-accordion-id": "publications", accordiontitle: person_content.publications.label })), person_content.projects && (index.h("hy-accordion-item", { key: 'b5f4687f7ba14940f0178a6a8d1cfff5c968f008', "data-accordion-id": "projects", accordiontitle: person_content.projects.label })), person_content.activities && (index.h("hy-accordion-item", { key: '03086eb1335b4a0c2ffdccc50189882cba07f812', "data-accordion-id": "activities", accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (index.h("div", { key: 'c6f808e0cf820015c27898133a2c31cc66fb274d', class: "hy-profile-page__person-content-container" }, index.h("hy-tabs", { key: '61bf12440da75aa90cd8503d6731534c6239d760', "tab-id": "tabs-container-person-content" }, person_content.publications && (index.h("hy-tabs-item", { key: '6e28d5213f877432102d03279b48cb8f6e3cd2ef', "data-tab-id": "publications", "tab-title": person_content.publications.label })), person_content.projects && (index.h("hy-tabs-item", { key: 'b6c8e65e8aeccee9c049ca2bb4a7433517342986', "data-tab-id": "projects", "tab-title": person_content.projects.label })), person_content.activities && (index.h("hy-tabs-item", { key: '7f33d522eed6d85f68576f3383ee78deeb267966', "data-tab-id": "activities", "tab-title": person_content.activities.label }))))))))));
+    }
 };
-PersonProfile.style = personProfileCss;
+PersonProfile.style = HyPersonProfileStyle0;
 
 exports.hy_person_profile = PersonProfile;
-
-//# sourceMappingURL=hy-person-profile.cjs.entry.js.map