@itcenteratunihelsinki/huds-lib 0.8.43 → 0.8.44

package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js

@@ -1,13 +1,13 @@
-import { Host, h } from '@stencil/core';
-import { ColorVariant, SiteLogoSize } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { Host, h } from "@stencil/core";
+import { ColorVariant, SiteLogoSize } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 let keys = {
-  enter: 'Enter',
+  enter: "Enter",
 };
 export class HyMenuMainGroup {
   constructor() {
-    this.menuLabel = 'University main menu';
-    this.menuLabelClose = 'Close';
+    this.menuLabel = "University main menu";
+    this.menuLabelClose = "Close";
     this.dataMainMenu = undefined;
     this.isMobile = false;
     this.logoUrl = undefined;
@@ -29,7 +29,7 @@ export class HyMenuMainGroup {
     event.stopPropagation();
     const key = event.code;
     let target = event.target;
-    if (key === 'Escape' && this.isMenuOpen) {
+    if (key === "Escape" && this.isMenuOpen) {
       this.isMenuOpen = false;
       this.emitEvent();
     }
@@ -47,11 +47,11 @@ export class HyMenuMainGroup {
     this.mobileMenuTopToggle.emit();
   }
   adjustMainMenuPosition(target) {
-    let hyTopHeader = this.el.closest('.hy-site-header__content-top');
-    if (hyTopHeader && !hyTopHeader.hasAttribute('is-mobile')) {
-      let mainMenuToggle = target.shadowRoot.querySelector('.menu--main-group__toggle');
-      let mainMenuDropdown = target.shadowRoot.querySelector('.menu--main-group__dropdown');
-      let mainMenuList = target.shadowRoot.querySelector('.list');
+    let hyTopHeader = this.el.closest(".hy-site-header__content-top");
+    if (hyTopHeader && !hyTopHeader.hasAttribute("is-mobile")) {
+      let mainMenuToggle = target.shadowRoot.querySelector(".menu--main-group__toggle");
+      let mainMenuDropdown = target.shadowRoot.querySelector(".menu--main-group__dropdown");
+      let mainMenuList = target.shadowRoot.querySelector(".list");
       if (mainMenuDropdown && mainMenuList && mainMenuToggle) {
         let rectHeader = hyTopHeader.getBoundingClientRect();
         let rectMenuToggle = mainMenuToggle.getBoundingClientRect();
@@ -59,23 +59,23 @@ export class HyMenuMainGroup {
         mainMenuList.style.left = `${rectMenuToggle.left}px`;
       }
       let headerHeight = hyTopHeader.offsetHeight + 270;
-      this.showBackdropShadow('open', headerHeight);
+      this.showBackdropShadow("open", headerHeight);
     }
   }
-  showBackdropShadow(state = 'close', top = 0) {
-    let hyHeader = this.el.closest('.hy-site-header');
+  showBackdropShadow(state = "close", top = 0) {
+    let hyHeader = this.el.closest(".hy-site-header");
     let hyBackdropDiv = hyHeader.children[0];
     if (hyBackdropDiv) {
-      if (state === 'open') {
+      if (state === "open") {
         let me = window.outerHeight - top;
         hyBackdropDiv.style.height = `${me}px`;
         hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = 'absolute';
-        hyBackdropDiv.classList.add('is-active');
+        hyBackdropDiv.style.position = "absolute";
+        hyBackdropDiv.classList.add("is-active");
       }
       else {
-        hyBackdropDiv.removeAttribute('style');
-        hyBackdropDiv.classList.remove('is-active');
+        hyBackdropDiv.removeAttribute("style");
+        hyBackdropDiv.classList.remove("is-active");
       }
     }
   }
@@ -109,37 +109,37 @@ export class HyMenuMainGroup {
     this.isMenuOpen = false;
   }
   render() {
-    const white = 'var(--grayscale-white)';
+    const white = "var(--grayscale-white)";
     const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
     const logoColorGroup = ColorVariant.white;
     return this.isMobile ? (h(Host, { class: {
-        'menu--main-group--mobile': true,
-        'menu--main-group--mobile__is-open': this.isMenuOpen,
+        "menu--main-group--mobile": true,
+        "menu--main-group--mobile__is-open": this.isMenuOpen,
       } }, h("button", { "aria-label": this.menuLabel, class: {
-        'menu--main-group__mobile-toggle': true,
-        'is-open': this.isMenuOpen,
-      } }, h("hy-icon", { icon: 'hy-icon-slim-hamburger-menu', size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? 'false' : 'true', class: {
-        'menu--main-group__dropdown--mobile': true,
-        'is-open': this.isMenuOpen,
-      } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: 'menu--main-group__logo-container', id: 'menu-logo' }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { 'menu-main-link': true } }, h("span", { class: 'menu--main-group__label' }, item.label)));
+        "menu--main-group__mobile-toggle": true,
+        "is-open": this.isMenuOpen,
+      } }, h("hy-icon", { icon: "hy-icon-slim-hamburger-menu", size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? "false" : "true", class: {
+        "menu--main-group__dropdown--mobile": true,
+        "is-open": this.isMenuOpen,
+      } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: "menu--main-group__logo-container", id: "menu-logo" }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
+      return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "menu--main-group__label" }, item.label)));
     })), h("div", { class: "menu--main-group__dropdown__donate" }, this.donate &&
       this.donate.map((i) => {
-        return (h("a", { class: 'menu--secondary__item hy-link__donate group', href: i.url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: logoColorGroup }), h("span", { class: 'hy-link__donate__label group' }, i.label)));
+        return (h("a", { class: "menu--secondary__item hy-link__donate group", href: i.url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: logoColorGroup }), h("span", { class: "hy-link__donate__label group" }, i.label)));
       }))))) : (h(Host, { class: {
-        'menu--main-group': true,
-        'menu--main-group__is-open': this.isMenuOpen,
+        "menu--main-group": true,
+        "menu--main-group__is-open": this.isMenuOpen,
       } }, h("button", { class: {
-        'menu--main-group__toggle': true,
-        'is-open': this.isMenuOpen,
-      }, "aria-expanded": this.isMenuOpen ? 'true' : 'false', "aria-haspopup": "menu" }, this.isMenuOpen ? (h("hy-icon", { class: 'toggle__close', icon: 'hy-icon-remove', size: 8, fill: white })) : (h("hy-icon", { class: 'toggle__caret', icon: 'hy-icon-slim-hamburger-menu', size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
-        'menu--main-group__dropdown': true,
-        'is-open': this.isMenuOpen,
+        "menu--main-group__toggle": true,
+        "is-open": this.isMenuOpen,
+      }, "aria-expanded": this.isMenuOpen ? "true" : "false", "aria-haspopup": "menu" }, this.isMenuOpen ? (h("hy-icon", { class: "toggle__close", icon: "hy-icon-remove", size: 8, fill: white })) : (h("hy-icon", { class: "toggle__caret", icon: "hy-icon-slim-hamburger-menu", size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
+        "menu--main-group__dropdown": true,
+        "is-open": this.isMenuOpen,
       } }, h("div", { class: "list" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { 'menu-main-link': true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10, fill: white })), h("span", { class: 'menu--main-group__label' }, item.label)));
+      return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: "hy-icon-caret-right", size: 10, fill: white })), h("span", { class: "menu--main-group__label" }, item.label)));
     })), h("button", { onClick: (e) => this.handleComponentClick(e), class: {
-        'panel-toggle': true,
-      }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: ColorVariant.white }))))));
+        "panel-toggle": true,
+      }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: ColorVariant.white }))))));
   }
   static get is() { return "hy-menu-main-group"; }
   static get encapsulation() { return "shadow"; }
@@ -171,7 +171,7 @@ export class HyMenuMainGroup {
         },
         "attribute": "menu-label",
         "reflect": false,
-        "defaultValue": "'University main menu'"
+        "defaultValue": "\"University main menu\""
       },
       "menuLabelClose": {
         "type": "string",
@@ -189,7 +189,7 @@ export class HyMenuMainGroup {
         },
         "attribute": "menu-label-close",
         "reflect": false,
-        "defaultValue": "'Close'"
+        "defaultValue": "\"Close\""
       },
       "dataMainMenu": {
         "type": "string",
@@ -200,7 +200,7 @@ export class HyMenuMainGroup {
           "references": {
             "MainMenu": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
             }
           }
         },
@@ -308,7 +308,7 @@ export class HyMenuMainGroup {
           "references": {
             "DonateLink": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
             }
           }
         },

package/dist/collection/components/navigation/menu-language/menu-language.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { h } from "@stencil/core";
+import { jsonParserWorker } from "../../../global/globalScript";
 export class MenuLanguage {
   constructor() {
     this.dataMenuLanguage = undefined;
@@ -41,10 +41,10 @@ export class MenuLanguage {
   }
   adjustPosition(languageMenuSelector, target) {
     const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = '0';
+    let headerHeight = "0";
     let hyHeader = this.isGroup
-      ? target.closest('.hy-site-header__content-top')
-      : target.closest('.hy-site-header');
+      ? target.closest(".hy-site-header__content-top")
+      : target.closest(".hy-site-header");
     if (hyHeader) {
       let rectHeader = hyHeader.getBoundingClientRect();
       let rectLangMenu = languageMenuSelector.getBoundingClientRect();
@@ -57,22 +57,22 @@ export class MenuLanguage {
     this._labels = await jsonParserWorker(this.labels);
   }
   render() {
-    const black = 'var(--brand-main-nearly-black)';
-    const white = 'var(--grayscale-white)';
+    const black = "var(--brand-main-nearly-black)";
+    const white = "var(--grayscale-white)";
     const svgColor = this.isGroup ? white : black;
     const globeIconSize = this.isGroup ? 16 : 14;
     return (h("div", { class: {
-        'menu-language': true,
-        'is-open': this.isMenuOpen,
-        'is-group': this.isGroup,
+        "menu-language": true,
+        "is-open": this.isMenuOpen,
+        "is-group": this.isGroup,
       } }, h("button", { class: {
-        'menu-language__toggle': true,
-      }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'] }, h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+        "menu-language__toggle": true,
+      }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, h("hy-icon", { icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
       if (isActive) {
         return langCode;
       }
-    })), h("hy-icon", { icon: 'hy-icon-caret-down', size: 8, fill: svgColor })), h("div", { class: {
-        'menu-language__dropdown': true,
+    })), h("hy-icon", { icon: "hy-icon-caret-down", size: 8, fill: svgColor })), h("div", { class: {
+        "menu-language__dropdown": true,
       }, "aria-hidden": `${!this.isMenuOpen}` }, h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
       return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
     })))));
@@ -100,7 +100,7 @@ export class MenuLanguage {
           "references": {
             "MenuLanguage": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/menu-language/menu-language.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/menu-language/menu-language.tsx"
             }
           }
         },

package/dist/collection/components/navigation/menu-language-item/menu-language-item.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class SiteLanguage {
   constructor() {
     this.abbr = undefined;
@@ -10,9 +10,9 @@ export class SiteLanguage {
   }
   render() {
     return (h("li", { class: `menu-language__links-item` }, h("a", { href: this.url, lang: this.langCode, class: {
-        'is-active': this.isActive,
-        'is-disabled': this.isDisabled,
-        'menu-language__link': true,
+        "is-active": this.isActive,
+        "is-disabled": this.isDisabled,
+        "menu-language__link": true,
       } }, this.label)));
   }
   static get is() { return "hy-menu-language-item"; }

package/dist/collection/components/pagination/hy-pager/hy-pager.js

@@ -1,7 +1,7 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyPager {
   render() {
-    const classAttributes = ['hy-pager'].join(' ');
+    const classAttributes = ["hy-pager"].join(" ");
     return (h("ul", { class: classAttributes }, h("slot", null)));
   }
   static get is() { return "hy-pager"; }

package/dist/collection/components/pagination/hy-pager-item/hy-pager-item.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { PaginationItemVariants } from '../../../utils/utils';
+import { h } from "@stencil/core";
+import { PaginationItemVariants } from "../../../utils/utils";
 export class HyPagerItem {
   constructor() {
     this.variant = PaginationItemVariants.default;
@@ -8,28 +8,28 @@ export class HyPagerItem {
     this.scAriaLabel = undefined;
   }
   render() {
-    let classAttributes = ['hy-pager__item'].join(' ');
+    let classAttributes = ["hy-pager__item"].join(" ");
     switch (this.variant) {
       case PaginationItemVariants.current: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__current'].join(' ');
+        classAttributes = ["hy-pager__item", "hy-pager__item__current"].join(" ");
         return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-current": "true" }, this.itemLabel)));
       }
       case PaginationItemVariants.next: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__next'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, h("span", { class: 'hy-icon-wrapper' }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 12 }))))));
+        classAttributes = ["hy-pager__item", "hy-pager__item__next"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel, h("span", { class: "hy-icon-wrapper" }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 12 }))))));
       }
       case PaginationItemVariants.previous: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__previous'].join(' ');
-        const iconClassAttributes = ['link-icon'].join(' ');
-        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, h("span", { class: 'hy-icon-wrapper' }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-left', size: 12 }))), this.itemLabel)));
+        classAttributes = ["hy-pager__item", "hy-pager__item__previous"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, h("span", { class: "hy-icon-wrapper" }, h("div", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-left", size: 12 }))), this.itemLabel)));
       }
       case PaginationItemVariants.ellipsis: {
-        classAttributes = ['hy-pager__item', 'hy-pager__item__ellipsis'].join(' ');
+        classAttributes = ["hy-pager__item", "hy-pager__item__ellipsis"].join(" ");
         return h("li", { class: classAttributes }, "...");
       }
       default: {
-        classAttributes = ['hy-pager__item'].join(' ');
+        classAttributes = ["hy-pager__item"].join(" ");
         return (h("li", { class: classAttributes }, h("a", { href: this.itemUrl, "aria-label": this.scAriaLabel }, this.itemLabel)));
       }
     }

package/dist/collection/components/paragraph-text/paragraph-text.js

@@ -1,26 +1,26 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class ParagraphText {
   constructor() {
     this.variant = undefined;
-    this.placement = 'internal';
-    this.headerstyle = 'default';
+    this.placement = "internal";
+    this.headerstyle = "default";
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const classAttributes = [
-      'hy-paragraph-text',
+      "hy-paragraph-text",
       `hy-paragraph-text__${this.headerstyle}`,
       `${this.variant}`,
       `${this.placement}`,
       `${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-paragraph-text"; }
@@ -73,7 +73,7 @@ export class ParagraphText {
         },
         "attribute": "placement",
         "reflect": false,
-        "defaultValue": "'internal'"
+        "defaultValue": "\"internal\""
       },
       "headerstyle": {
         "type": "string",
@@ -91,7 +91,7 @@ export class ParagraphText {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       }
     };
   }

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

@@ -1,21 +1,21 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PersonProfile {
   constructor() {
     this.items = undefined;
-    this.col = 'col-2';
+    this.col = "col-2";
     this.inline = undefined;
     this.withoutIcons = undefined;
     this.textSpacingTight = undefined;
     this.isResearch = false;
   }
   render() {
-    return (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` }, this.isResearch && 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 (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? "is-inline" : ""} ${this.withoutIcons ? "without-icons" : ""} ${this.textSpacingTight ? "text-tight" : ""}` }, this.isResearch && 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 (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
           if (url) {
-            return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label))));
+            return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label))));
           }
-          return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label)));
+          return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label)));
         }))));
       }
     }))));
@@ -42,7 +42,7 @@ export class PersonProfile {
           "references": {
             "personProfileListingItems": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
             }
           }
         },
@@ -57,7 +57,7 @@ export class PersonProfile {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'col-1' | 'col-2' | 'col-4'",
+          "original": "\"col-1\" | \"col-2\" | \"col-4\"",
           "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
           "references": {}
         },
@@ -69,7 +69,7 @@ export class PersonProfile {
         },
         "attribute": "col",
         "reflect": false,
-        "defaultValue": "'col-2'"
+        "defaultValue": "\"col-2\""
       },
       "inline": {
         "type": "boolean",

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

@@ -1,5 +1,5 @@
-import { Host, h, Fragment } from '@stencil/core';
-import { CtaLinkButtonVariants } from '../../utils/utils';
+import { Host, h, Fragment } from "@stencil/core";
+import { CtaLinkButtonVariants } from "../../utils/utils";
 let timer;
 export class PersonProfile {
   constructor() {
@@ -26,37 +26,37 @@ export class PersonProfile {
     const { organizations, research_organizations } = organization_units.items;
     const aboutDescriptionTextDestructured = about.description;
     const aboutDescriptionLength = aboutDescriptionTextDestructured.length;
-    let trimmedAboutDescription = '';
+    let trimmedAboutDescription = "";
     if (aboutDescriptionLength > 650) {
       if (this.isFullAboutTextHidden) {
-        const ellipsisTextArray = aboutDescriptionTextDestructured + '...';
+        const ellipsisTextArray = aboutDescriptionTextDestructured + "...";
         trimmedAboutDescription = ellipsisTextArray;
       }
       else {
-        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + '...';
+        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + "...";
         trimmedAboutDescription = ellipsisTextArray;
       }
     }
-    window.addEventListener('resize', () => {
+    window.addEventListener("resize", () => {
       clearTimeout(timer);
       timer = setTimeout(() => {
         this.viewportSize = window.innerWidth;
       }, 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])))));
+    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])))));
+      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 }))))))))));
+        : 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() {

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

@@ -1,9 +1,9 @@
-import { h } from '@stencil/core';
-import { ProcessFlowBoxVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h } from "@stencil/core";
+import { ProcessFlowBoxVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class Process {
   constructor() {
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.numberTerm = undefined;
     this.dataItems = undefined;
   }
@@ -11,10 +11,10 @@ export class Process {
     this._dataItems = await jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
@@ -34,12 +34,12 @@ export class Process {
       ? ProcessFlowBoxVariants.default
       : ProcessFlowBoxVariants.small;
     const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;
-    const classAttributes = [processVariant, 'hy-process', `hy-process__${this.headerstyle}`].join(' ');
-    const classItem = 'box';
+    const classAttributes = [processVariant, "hy-process", `hy-process__${this.headerstyle}`].join(" ");
+    const classItem = "box";
     var stepState;
     return [
       h("div", { class: classAttributes }, this._dataItems.map((x, index) => {
-        index % itemsPerRow == 0 ? (stepState = 'first') : (stepState = 'default');
+        index % itemsPerRow == 0 ? (stepState = "first") : (stepState = "default");
         return (h("hy-process-flow-box", { class: classItem, variant: processVariant, "box-number": index + 1, "box-title": x.heading, "box-description": x.description, "intermediate-step-title": x.step, "step-state": stepState, "number-term": this.numberTerm }));
       })),
     ];
@@ -74,7 +74,7 @@ export class Process {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "numberTerm": {
         "type": "string",
@@ -102,7 +102,7 @@ export class Process {
           "references": {
             "ProcessFlowBoxValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/process/process.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/process/process.tsx"
             }
           }
         },