@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/person-profile/person-profile.js

@@ -1,9 +1,16 @@
-import { Component, Host, h, Prop, State, Fragment } from '@stencil/core';
+import { Host, h, Fragment } from '@stencil/core';
 import { CtaLinkButtonVariants } from '../../utils/utils';
 let timer;
 export class PersonProfile {
   constructor() {
+    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;
@@ -37,192 +44,141 @@ export class PersonProfile {
       }, 250);
     });
     const research_portal_title = `${research.research_portal_label}: ${name}`;
-    return (h(Host, null,
-      h("section", { class: "hy-profile-page" },
-        h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" },
-          h("hy-icon", { icon: 'hy-icon-arrow-left', size: 24 }),
-          h("span", null, this.peopleFinderReturnLabel)),
-        h("section", { class: "hy-profile-page__section" },
-          h("div", { class: "hy-profile-page__person-information" },
-            h("div", null,
-              h("h1", { class: "hy-profile-page__name" }, name),
-              job_title && h("p", { class: "hy-profile-page__job-title" }, job_title),
-              additional_information && (h("p", { class: "hy-profile-page__additional-information" }, additional_information))),
-            image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))),
-          contact_information && (h("div", { class: "hy-profile-page__contact-information" },
-            contact_information.label && h("h2", null, contact_information.label),
-            contact_information.items && (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) && (h("section", { class: "hy-profile-page__section" },
-          organization_units.label && h("h2", null, organization_units.label),
-          organizations.items.length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" },
-            h("h3", null, organizations.label),
-            h("ul", { class: "hy-profile-page__organizations" },
-              h("li", null, organizations.items.map((item, index) => {
-                return (h("span", null,
-                  index > 1 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
-                  index !== 0 && (h("span", null,
-                    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 && (h("section", { class: "hy-profile-page__organization-units-section" },
-            h("h3", null, research_organizations.label),
-            h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
-              return (h(Fragment, null,
-                index > 1 && (h("ul", null,
-                  h("li", null,
-                    h("span", null,
-                      h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
-                      h("span", null,
-                        h("a", { href: organization_units.people_finder_path[organization_units.lang] +
-                            '?researchOrganizations.id[]=' +
-                            item.id, target: '_blank' }, item.name[organization_units.lang])))))),
-                index == 1 && (h("span", null,
-                  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 && (h("section", { class: "hy-profile-page__section" },
-          about.description && (h(Fragment, null,
-            h("h2", null, about.label),
-            h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
-                ? trimmedAboutDescription
-                : about.description }))),
-          aboutDescriptionLength > 650 && (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)) && (h("section", { class: "hy-profile-page__section" },
-          h("div", { class: "hy-profile-page__section__research_title" },
-            research.label && h("h2", null, research.label),
-            research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))),
-          research.items && (h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })),
-          person_content.research_url.length > 0 && (h("div", { class: "hy-profile-page__loader", role: "presentation" },
-            h("div", null),
-            h("div", null),
-            h("div", null),
-            h("div", null))),
-          person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { class: "hy-profile-page__person-content-container" },
-            h("hy-accordion-container", { accordionid: "accordion-container-person-content" },
-              person_content.publications && (h("hy-accordion-item", { "data-accordion-id": 'publications', accordiontitle: person_content.publications.label })),
-              person_content.projects && (h("hy-accordion-item", { "data-accordion-id": 'projects', accordiontitle: person_content.projects.label })),
-              person_content.activities && (h("hy-accordion-item", { "data-accordion-id": 'activities', accordiontitle: person_content.activities.label }))))),
-          person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { class: "hy-profile-page__person-content-container" },
-            h("hy-tabs", { "tab-id": "tabs-container-person-content" },
-              person_content.publications && (h("hy-tabs-item", { "data-tab-id": 'publications', "tab-title": person_content.publications.label })),
-              person_content.projects && (h("hy-tabs-item", { "data-tab-id": 'projects', "tab-title": person_content.projects.label })),
-              person_content.activities && (h("hy-tabs-item", { "data-tab-id": 'activities', "tab-title": person_content.activities.label }))))))))));
+    return (h(Host, null, h("section", { class: "hy-profile-page" }, h("a", { href: this.peopleFinderReturnLink, class: "hy-profile-page__back-button" }, h("hy-icon", { icon: 'hy-icon-arrow-left', size: 24 }), h("span", null, this.peopleFinderReturnLabel)), h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__person-information" }, h("div", null, h("h1", { class: "hy-profile-page__name" }, name), job_title && h("p", { class: "hy-profile-page__job-title" }, job_title), additional_information && (h("p", { class: "hy-profile-page__additional-information" }, additional_information))), image_url ? (h("img", { src: image_url, alt: "", class: "hy-profile-page__image" })) : (h("div", { class: "hy-profile-page__image", "aria-hidden": "true" }))), contact_information && (h("div", { class: "hy-profile-page__contact-information" }, contact_information.label && h("h2", null, contact_information.label), contact_information.items && (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) && (h("section", { class: "hy-profile-page__section" }, organization_units.label && h("h2", null, organization_units.label), organizations.items.length > 0 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, organizations.label), h("ul", { class: "hy-profile-page__organizations" }, h("li", null, organizations.items.map((item, index) => {
+      return (h("span", null, index > 1 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), index !== 0 && (h("span", null, 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 && (h("section", { class: "hy-profile-page__organization-units-section" }, h("h3", null, research_organizations.label), h("ul", { class: "hy-profile-page__research-organizations" }, Object.values(research_organizations.items).map(([...item]) => (h("li", null, item.map((item, index) => {
+      return (h(Fragment, null, index > 1 && (h("ul", null, h("li", null, h("span", null, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, h("a", { href: organization_units.people_finder_path[organization_units.lang] +
+          '?researchOrganizations.id[]=' +
+          item.id, target: '_blank' }, item.name[organization_units.lang])))))), index == 1 && (h("span", null, 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 && (h("section", { class: "hy-profile-page__section" }, about.description && (h(Fragment, null, h("h2", null, about.label), h("div", { class: "hy-profile-page__person-about-text", innerHTML: !this.isFullAboutTextHidden && aboutDescriptionLength > 650
+        ? trimmedAboutDescription
+        : about.description }))), aboutDescriptionLength > 650 && (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)) && (h("section", { class: "hy-profile-page__section" }, h("div", { class: "hy-profile-page__section__research_title" }, research.label && h("h2", null, research.label), research.label && person_content.research_url.length > 0 && (h("hy-cta-button", { "link-content": research_portal_title, "sc-label": research_portal_title, url: person_content.research_url, "is-external": "true", variant: CtaLinkButtonVariants.onWhiteBkgd }))), research.items && (h("hy-person-profile-listing", { items: research.items, col: "col-1", textSpacingTight: true, "is-research": true, inline: true })), person_content.research_url.length > 0 && (h("div", { class: "hy-profile-page__loader", role: "presentation" }, h("div", null), h("div", null), h("div", null), h("div", null))), person_content.research_url.length > 0 && this.viewportSize < 768 && (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-accordion-container", { accordionid: "accordion-container-person-content" }, person_content.publications && (h("hy-accordion-item", { "data-accordion-id": 'publications', accordiontitle: person_content.publications.label })), person_content.projects && (h("hy-accordion-item", { "data-accordion-id": 'projects', accordiontitle: person_content.projects.label })), person_content.activities && (h("hy-accordion-item", { "data-accordion-id": 'activities', accordiontitle: person_content.activities.label }))))), person_content.research_url.length > 0 && this.viewportSize >= 768 && (h("div", { class: "hy-profile-page__person-content-container" }, h("hy-tabs", { "tab-id": "tabs-container-person-content" }, person_content.publications && (h("hy-tabs-item", { "data-tab-id": 'publications', "tab-title": person_content.publications.label })), person_content.projects && (h("hy-tabs-item", { "data-tab-id": 'projects', "tab-title": person_content.projects.label })), person_content.activities && (h("hy-tabs-item", { "data-tab-id": 'activities', "tab-title": person_content.activities.label }))))))))));
   }
   static get is() { return "hy-person-profile"; }
-  static get originalStyleUrls() { return {
-    "$": ["person-profile.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["person-profile.css"]
-  }; }
-  static get properties() { return {
-    "personDataJson": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "person-data-json",
-      "reflect": false
-    },
-    "showFullAboutText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-full-about-text",
-      "reflect": false
-    },
-    "hideFullAboutText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-full-about-text",
-      "reflect": false
-    },
-    "organizationItemsLabelText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["person-profile.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["person-profile.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "personDataJson": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "person-data-json",
+        "reflect": false
       },
-      "attribute": "organization-items-label-text",
-      "reflect": false
-    },
-    "peopleFinderReturnLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "showFullAboutText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-full-about-text",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "hideFullAboutText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-full-about-text",
+        "reflect": false
       },
-      "attribute": "people-finder-return-link",
-      "reflect": false
-    },
-    "peopleFinderReturnLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "organizationItemsLabelText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "organization-items-label-text",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "peopleFinderReturnLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "people-finder-return-link",
+        "reflect": false
       },
-      "attribute": "people-finder-return-label",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isFullAboutTextHidden": {},
-    "viewportSize": {}
-  }; }
+      "peopleFinderReturnLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "people-finder-return-label",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isFullAboutTextHidden": {},
+      "viewportSize": {}
+    };
+  }
 }

package/dist/collection/components/process/process.js

@@ -1,9 +1,11 @@
-import { Component, Prop, h, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ProcessFlowBoxVariants } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class Process {
   constructor() {
     this.headerstyle = 'common';
+    this.numberTerm = undefined;
+    this.dataItems = undefined;
   }
   async componentWillLoad() {
     this._dataItems = await jsonParserWorker(this.dataItems);
@@ -44,69 +46,76 @@ export class Process {
   }
   static get is() { return "hy-process"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["process.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["process.css"]
-  }; }
-  static get properties() { return {
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "numberTerm": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["process.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["process.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "numberTerm": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "number-term",
+        "reflect": false
       },
-      "attribute": "number-term",
-      "reflect": false
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ProcessFlowBoxValue[] | string",
-        "resolved": "ProcessFlowBoxValue[] | string",
-        "references": {
-          "ProcessFlowBoxValue": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ProcessFlowBoxValue[] | string",
+          "resolved": "ProcessFlowBoxValue[] | string",
+          "references": {
+            "ProcessFlowBoxValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/process/process.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }