@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

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

@@ -1,222 +0,0 @@
-import { h } from "@stencil/core";
-import { jsonParserWorker } from "../../../global/globalScript";
-export class MenuLanguage {
-  constructor() {
-    this.dataMenuLanguage = undefined;
-    this.isGroup = false;
-    this.labels = undefined;
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user clicks anywhere outside the Menu language component.
-  handleOutsideMenuClick(event) {
-    this.isMenuOpen = false;
-    event.stopPropagation();
-  }
-  // CLose the language menu if user opens the desktop menu panel.
-  desktopMenuToggled() {
-    this.isMenuOpen = false;
-  }
-  // CLose the language menu if user opens the search panel
-  searchPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  // Close the language menu if user opens University main menu
-  universityMainMenuPanelToggled() {
-    this.isMenuOpen = false;
-  }
-  handleComponentFocus(event) {
-    // Close desktop menu panel if it's open.
-    this.menuLanguageToggled.emit();
-    event.stopPropagation();
-  }
-  handleComponentClick(event) {
-    this.isMenuOpen = !this.isMenuOpen;
-    if (this.isMenuOpen) {
-      // Close desktop menu panel if it's open.
-      this.menuLanguageToggled.emit();
-      const languageMenuSelector = event.target;
-      this.adjustPosition(languageMenuSelector, this.el);
-    }
-    event.stopPropagation();
-  }
-  adjustPosition(languageMenuSelector, target) {
-    const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = "0";
-    let hyHeader = this.isGroup
-      ? target.closest(".hy-site-header__content-top")
-      : target.closest(".hy-site-header");
-    if (hyHeader) {
-      let rectHeader = hyHeader.getBoundingClientRect();
-      let rectLangMenu = languageMenuSelector.getBoundingClientRect();
-      headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;
-    }
-    languagePanel.style.top = headerHeight;
-  }
-  async componentWillLoad() {
-    this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);
-    this._labels = await jsonParserWorker(this.labels);
-  }
-  render() {
-    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,
-      } }, 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 }) => {
-      if (isActive) {
-        return langCode;
-      }
-    })), 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 }));
-    })))));
-  }
-  static get is() { return "hy-menu-language"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["menu-language.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["menu-language.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "dataMenuLanguage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "MenuLanguage[] | string",
-          "resolved": "MenuLanguage[] | string",
-          "references": {
-            "MenuLanguage": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/menu-language/menu-language.tsx"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-menu-language",
-        "reflect": false
-      },
-      "isGroup": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-group",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "labels": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ComponentLabels[] | string",
-          "resolved": "ComponentLabels[] | string",
-          "references": {
-            "ComponentLabels": {
-              "location": "import",
-              "path": "../../site-header/site-header"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "labels",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isMenuOpen": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "menuLanguageToggled",
-        "name": "menuLanguageToggled",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "click",
-        "method": "handleOutsideMenuClick",
-        "target": "window",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "menuDesktopToggled",
-        "method": "desktopMenuToggled",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "searchPanelToggled",
-        "method": "searchPanelToggled",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "universityMainMenuToggled",
-        "method": "universityMainMenuPanelToggled",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "focus",
-        "method": "handleComponentFocus",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "click",
-        "method": "handleComponentClick",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=menu-language.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-language.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-language/menu-language.tsx"],"names":[],"mappings":"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","sourcesContent":["import {ComponentLabels} from \"../../site-header/site-header\";\n\nexport interface MenuLanguage {\n  langCode: string;\n  url: string;\n  abbr: string;\n  label: string;\n  isActive?: boolean;\n  isDisabled?: boolean;\n}\n\nimport {Component, h, Prop, Element, Listen, State, Event, EventEmitter} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../../global/globalScript\";\n\n@Component({\n  tag: \"hy-menu-language\",\n  styleUrl: \"menu-language.scss\",\n  shadow: true,\n})\nexport class MenuLanguage {\n  @Element() el: HTMLElement;\n  @Prop() dataMenuLanguage: MenuLanguage[] | string;\n  @Prop() isGroup: boolean = false;\n  @Prop() labels?: ComponentLabels[] | string;\n  @State() isMenuOpen: boolean = false;\n\n  @Event() menuLanguageToggled: EventEmitter;\n\n  private _dataMenuLanguage: MenuLanguage[];\n  private _labels: ComponentLabels[];\n\n  // Close the language menu if user clicks anywhere outside the Menu language component.\n  @Listen(\"click\", {target: \"window\"})\n  handleOutsideMenuClick(event) {\n    this.isMenuOpen = false;\n    event.stopPropagation();\n  }\n\n  // CLose the language menu if user opens the desktop menu panel.\n  @Listen(\"menuDesktopToggled\", {target: \"document\"})\n  desktopMenuToggled() {\n    this.isMenuOpen = false;\n  }\n\n  // CLose the language menu if user opens the search panel\n  @Listen(\"searchPanelToggled\", {target: \"document\"})\n  searchPanelToggled() {\n    this.isMenuOpen = false;\n  }\n\n  // Close the language menu if user opens University main menu\n  @Listen(\"universityMainMenuToggled\", {target: \"document\"})\n  universityMainMenuPanelToggled() {\n    this.isMenuOpen = false;\n  }\n\n  @Listen(\"focus\")\n  handleComponentFocus(event) {\n    // Close desktop menu panel if it's open.\n    this.menuLanguageToggled.emit();\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"click\")\n  handleComponentClick(event) {\n    this.isMenuOpen = !this.isMenuOpen;\n\n    if (this.isMenuOpen) {\n      // Close desktop menu panel if it's open.\n      this.menuLanguageToggled.emit();\n\n      const languageMenuSelector = event.target as HTMLElement;\n      this.adjustPosition(languageMenuSelector, this.el);\n    }\n\n    event.stopPropagation();\n  }\n\n  adjustPosition(languageMenuSelector, target) {\n    const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(\n      `.menu-language__dropdown`\n    )[0] as HTMLElement;\n    let headerHeight = \"0\";\n    let hyHeader = this.isGroup\n      ? (target.closest(\".hy-site-header__content-top\") as HTMLElement)\n      : (target.closest(\".hy-site-header\") as HTMLElement);\n\n    if (hyHeader) {\n      let rectHeader = hyHeader.getBoundingClientRect();\n      let rectLangMenu = languageMenuSelector.getBoundingClientRect();\n\n      headerHeight = `${languageMenuSelector.offsetHeight + rectHeader.bottom + 8 - rectLangMenu.bottom}px`;\n    }\n\n    languagePanel.style.top = headerHeight;\n  }\n\n  async componentWillLoad() {\n    this._dataMenuLanguage = await jsonParserWorker(this.dataMenuLanguage);\n    this._labels = await jsonParserWorker(this.labels);\n  }\n\n  render() {\n    const black = \"var(--brand-main-nearly-black)\";\n    const white = \"var(--grayscale-white)\";\n    const svgColor = this.isGroup ? white : black;\n    const globeIconSize = this.isGroup ? 16 : 14;\n\n    return (\n      <div\n        class={{\n          \"menu-language\": true,\n          \"is-open\": this.isMenuOpen,\n          \"is-group\": this.isGroup,\n        }}\n      >\n        <button\n          class={{\n            \"menu-language__toggle\": true,\n          }}\n          aria-label={this.isMenuOpen ? this._labels[\"close\"] : this._labels[\"open\"]}\n        >\n          <hy-icon icon={\"hy-icon-globe\"} size={globeIconSize} fill={svgColor} />\n          <span>\n            {this._dataMenuLanguage.map(({isActive, langCode}) => {\n              if (isActive) {\n                return langCode;\n              }\n            })}\n          </span>\n          <hy-icon icon={\"hy-icon-caret-down\"} size={8} fill={svgColor} />\n        </button>\n        <div\n          class={{\n            \"menu-language__dropdown\": true,\n          }}\n          aria-hidden={`${!this.isMenuOpen}`}\n        >\n          <ul class=\"menu-language__links\">\n            {this._dataMenuLanguage.map((item) => {\n              return (\n                <hy-menu-language-item\n                  lang-code={item.langCode}\n                  url={item.url}\n                  label={item.label}\n                  abbr={item.abbr}\n                  is-active={item.isActive}\n                  is-disabled={item.isDisabled}\n                />\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-language-item.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-language-item/menu-language-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,YAAY;;;oBAEK,KAAK;sBACH,KAAK;;;;;EAKnC,MAAM;IACJ,OAAO,CACL,UAAI,KAAK,EAAE,2BAA2B;MACpC,SACE,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE;UACL,WAAW,EAAE,IAAI,CAAC,QAAQ;UAC1B,aAAa,EAAE,IAAI,CAAC,UAAU;UAC9B,qBAAqB,EAAE,IAAI;SAC5B,IAEA,IAAI,CAAC,KAAK,CACT,CACD,CACN,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-menu-language-item\",\n  styleUrl: \"menu-language-item.scss\",\n  shadow: true,\n})\nexport class SiteLanguage {\n  @Prop() abbr: string;\n  @Prop() isActive: boolean = false;\n  @Prop() isDisabled: boolean = false;\n  @Prop() label: string;\n  @Prop() langCode: string;\n  @Prop() url: string;\n\n  render() {\n    return (\n      <li class={`menu-language__links-item`}>\n        <a\n          href={this.url}\n          lang={this.langCode}\n          class={{\n            \"is-active\": this.isActive,\n            \"is-disabled\": this.isDisabled,\n            \"menu-language__link\": true,\n          }}\n        >\n          {this.label}\n        </a>\n      </li>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hy-pager.js","sourceRoot":"","sources":["../../../../src/components/pagination/hy-pager/hy-pager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAO3C,MAAM,OAAO,OAAO;EAClB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE/C,OAAO,CACL,UAAI,KAAK,EAAE,eAAe;MACxB,eAAa,CACV,CACN,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-pager\",\n  styleUrl: \"hy-pager.scss\",\n  shadow: true,\n})\nexport class HyPager {\n  render() {\n    const classAttributes = [\"hy-pager\"].join(\" \");\n\n    return (\n      <ul class={classAttributes}>\n        <slot></slot>\n      </ul>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hy-pager-item.js","sourceRoot":"","sources":["../../../../src/components/pagination/hy-pager-item/hy-pager-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAO5D,MAAM,OAAO,WAAW;;mBACoB,sBAAsB,CAAC,OAAO;;;;;EAKxE,MAAM;IACJ,IAAI,eAAe,GAAG,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnD,QAAQ,IAAI,CAAC,OAAO,EAAE;MACpB,KAAK,sBAAsB,CAAC,OAAO,CAAC,CAAC;QACnC,eAAe,GAAG,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1E,OAAO,CACL,UAAI,KAAK,EAAE,eAAe;UACxB,SAAG,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAe,MAAM,IACvC,IAAI,CAAC,SAAS,CACb,CACD,CACN,CAAC;OACH;MACD,KAAK,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAChC,eAAe,GAAG,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvE,MAAM,mBAAmB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpD,OAAO,CACL,UAAI,KAAK,EAAE,eAAe;UACxB,SAAG,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAc,IAAI,CAAC,WAAW;YAChD,IAAI,CAAC,SAAS;YACf,YAAM,KAAK,EAAE,iBAAiB;cAC5B,WAAK,KAAK,EAAE,mBAAmB;gBAC7B,eAAS,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,GAAI,CACjD,CACD,CACL,CACD,CACN,CAAC;OACH;MACD,KAAK,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACpC,eAAe,GAAG,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3E,MAAM,mBAAmB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpD,OAAO,CACL,UAAI,KAAK,EAAE,eAAe;UACxB,SAAG,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAc,IAAI,CAAC,WAAW;YACjD,YAAM,KAAK,EAAE,iBAAiB;cAC5B,WAAK,KAAK,EAAE,mBAAmB;gBAC7B,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACD;YACN,IAAI,CAAC,SAAS,CACb,CACD,CACN,CAAC;OACH;MACD,KAAK,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACpC,eAAe,GAAG,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3E,OAAO,UAAI,KAAK,EAAE,eAAe,UAAU,CAAC;OAC7C;MACD,OAAO,CAAC,CAAC;QACP,eAAe,GAAG,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/C,OAAO,CACL,UAAI,KAAK,EAAE,eAAe;UACxB,SAAG,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAc,IAAI,CAAC,WAAW,IAChD,IAAI,CAAC,SAAS,CACb,CACD,CACN,CAAC;OACH;KACF;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {PaginationItemVariants} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"hy-pager-item\",\n  styleUrl: \"hy-pager-item.scss\",\n  shadow: true,\n})\nexport class HyPagerItem {\n  @Prop() variant: PaginationItemVariants = PaginationItemVariants.default;\n  @Prop() itemLabel?: string;\n  @Prop() itemUrl?: string;\n  @Prop() scAriaLabel?: string;\n\n  render() {\n    let classAttributes = [\"hy-pager__item\"].join(\" \");\n    switch (this.variant) {\n      case PaginationItemVariants.current: {\n        classAttributes = [\"hy-pager__item\", \"hy-pager__item__current\"].join(\" \");\n        return (\n          <li class={classAttributes}>\n            <a href={this.itemUrl} aria-current=\"true\">\n              {this.itemLabel}\n            </a>\n          </li>\n        );\n      }\n      case PaginationItemVariants.next: {\n        classAttributes = [\"hy-pager__item\", \"hy-pager__item__next\"].join(\" \");\n        const iconClassAttributes = [\"link-icon\"].join(\" \");\n        return (\n          <li class={classAttributes}>\n            <a href={this.itemUrl} aria-label={this.scAriaLabel}>\n              {this.itemLabel}\n              <span class={\"hy-icon-wrapper\"}>\n                <div class={iconClassAttributes}>\n                  <hy-icon icon={\"hy-icon-arrow-to-right\"} size={12} />\n                </div>\n              </span>\n            </a>\n          </li>\n        );\n      }\n      case PaginationItemVariants.previous: {\n        classAttributes = [\"hy-pager__item\", \"hy-pager__item__previous\"].join(\" \");\n        const iconClassAttributes = [\"link-icon\"].join(\" \");\n        return (\n          <li class={classAttributes}>\n            <a href={this.itemUrl} aria-label={this.scAriaLabel}>\n              <span class={\"hy-icon-wrapper\"}>\n                <div class={iconClassAttributes}>\n                  <hy-icon icon={\"hy-icon-arrow-left\"} size={12} />\n                </div>\n              </span>\n              {this.itemLabel}\n            </a>\n          </li>\n        );\n      }\n      case PaginationItemVariants.ellipsis: {\n        classAttributes = [\"hy-pager__item\", \"hy-pager__item__ellipsis\"].join(\" \");\n        return <li class={classAttributes}>...</li>;\n      }\n      default: {\n        classAttributes = [\"hy-pager__item\"].join(\" \");\n        return (\n          <li class={classAttributes}>\n            <a href={this.itemUrl} aria-label={this.scAriaLabel}>\n              {this.itemLabel}\n            </a>\n          </li>\n        );\n      }\n    }\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-text.js","sourceRoot":"","sources":["../../../src/components/paragraph-text/paragraph-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAWhE,MAAM,OAAO,aAAa;;;qBAEI,UAAU;uBACR,SAAS;;EAGvC,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,mBAAmB;MACnB,sBAAsB,IAAI,CAAC,WAAW,EAAE;MACxC,GAAG,IAAI,CAAC,OAAO,EAAE;MACjB,GAAG,IAAI,CAAC,SAAS,EAAE;MACnB,GAAG,IAAI,CAAC,WAAW,EAAE;KACtB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,eAAe;QACzB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-paragraph-text\",\n  styleUrls: {\n    default: \"paragraph-text.scss\",\n    content: \"paragraph-text-content.scss\",\n    landing: \"paragraph-text-landing.scss\",\n  },\n  shadow: false,\n})\nexport class ParagraphText {\n  @Prop() variant: string;\n  @Prop() placement: string = \"internal\";\n  @Prop() headerstyle: string = \"default\";\n  @Element() el: HTMLElement;\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest(\".hy-main\");\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n        this.headerstyle = \"large\";\n      }\n    }\n  }\n\n  render() {\n    const classAttributes = [\n      \"hy-paragraph-text\",\n      `hy-paragraph-text__${this.headerstyle}`,\n      `${this.variant}`,\n      `${this.placement}`,\n      `${this.headerstyle}`,\n    ].join(\" \");\n\n    return (\n      <Host>\n        <div class={classAttributes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,146 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class PersonProfile {
-  constructor() {
-    this.items = undefined;
-    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("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" }, index !== 0 && h("hy-icon", { icon: "hy-icon-caret-right", size: 10 }), h("span", null, label)));
-        }))));
-      }
-    }))));
-  }
-  static get is() { return "hy-person-profile-listing"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["person-profile-listing.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["person-profile-listing.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "items": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "personProfileListingItems",
-          "resolved": "[{ label: string; items: string[]; }]",
-          "references": {
-            "personProfileListingItems": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "col": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"col-1\" | \"col-2\" | \"col-4\"",
-          "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "col",
-        "reflect": false,
-        "defaultValue": "\"col-2\""
-      },
-      "inline": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "inline",
-        "reflect": false
-      },
-      "withoutIcons": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "without-icons",
-        "reflect": false
-      },
-      "textSpacingTight": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "text-spacing-tight",
-        "reflect": false
-      },
-      "isResearch": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-research",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-}
-//# sourceMappingURL=person-profile.listing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"person-profile.listing.js","sourceRoot":"","sources":["../../../../src/components/person-profile/person-profile-listing/person-profile.listing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAcvD,MAAM,OAAO,aAAa;;;eAEoB,OAAO;;;;sBAIrB,KAAK;;EAEnC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,UACE,KAAK,EAAE,6BAA6B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAC5E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EACxC,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;QAE9C,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM;QAC1F,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,EAAE;UACjC,IAAK,KAAa,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/D,OAAO,CACL;cACG,CAAC,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,kCAAkC,IAAE,KAAK,CAAM;cAE9E,UAAI,KAAK,EAAC,kCAAkC,IACxC,KAAa,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAC,EAAE,KAAK,EAAE,EAAE;gBAC1C,IAAI,GAAG,EAAE;kBACP,OAAO,CACL,UAAI,KAAK,EAAC,iCAAiC;oBACzC,SAAG,IAAI,EAAE,GAAG;sBACT,KAAK,KAAK,CAAC,IAAI,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI;sBAClE,gBAAO,KAAK,CAAQ,CAClB,CACD,CACN,CAAC;iBACH;gBAED,OAAO,CACL,UAAI,KAAK,EAAC,iCAAiC;kBACxC,KAAK,KAAK,CAAC,IAAI,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI;kBAClE,gBAAO,KAAK,CAAQ,CACjB,CACN,CAAC;cACJ,CAAC,CAAC,CACC,CACF,CACN,CAAC;WACH;QACH,CAAC,CAAC,CACC,CACA,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h, Prop} from \"@stencil/core\";\n\nexport type personProfileListingItems = [\n  {\n    label: string;\n    items: string[];\n  }\n];\n\n@Component({\n  tag: \"hy-person-profile-listing\",\n  shadow: false,\n  styleUrl: \"person-profile-listing.scss\",\n})\nexport class PersonProfile {\n  @Prop() items: personProfileListingItems;\n  @Prop() col?: \"col-1\" | \"col-2\" | \"col-4\" = \"col-2\";\n  @Prop() inline?: boolean;\n  @Prop() withoutIcons?: boolean;\n  @Prop() textSpacingTight?: boolean;\n  @Prop() isResearch: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ul\n          class={`hy-person-profile-listing ${this.col} ${this.inline ? \"is-inline\" : \"\"} ${\n            this.withoutIcons ? \"without-icons\" : \"\"\n          } ${this.textSpacingTight ? \"text-tight\" : \"\"}`}\n        >\n          {this.isResearch && <h3 class=\"hy-person-profile-listing__label\">{this.items[0].label}</h3>}\n          {this.items.map(({label, items}) => {\n            if ((items as any).filter(({label}) => label !== \"\").length > 0) {\n              return (\n                <li>\n                  {!this.isResearch && <h3 class=\"hy-person-profile-listing__label\">{label}</h3>}\n\n                  <ul class=\"hy-person-profile-listing__items\">\n                    {(items as any).map(({label, url}, index) => {\n                      if (url) {\n                        return (\n                          <li class=\"hy-person-profile-listing__item\">\n                            <a href={url}>\n                              {index !== 0 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n                              <span>{label}</span>\n                            </a>\n                          </li>\n                        );\n                      }\n\n                      return (\n                        <li class=\"hy-person-profile-listing__item\">\n                          {index !== 0 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n                          <span>{label}</span>\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </li>\n              );\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"person-profile.js","sourceRoot":"","sources":["../../../src/components/person-profile/person-profile.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Host, h, Prop, State, Fragment} from \"@stencil/core\";\nimport {CtaLinkButtonVariants} from \"../../utils/utils\";\n\nlet timer;\n@Component({\n  tag: \"hy-person-profile\",\n  shadow: false,\n  styleUrl: \"person-profile.scss\",\n})\nexport class PersonProfile {\n  @Prop() personDataJson: string;\n  @Prop() showFullAboutText: string;\n  @Prop() hideFullAboutText: string;\n  @Prop() organizationItemsLabelText: string;\n  @Prop() peopleFinderReturnLink: string;\n  @Prop() peopleFinderReturnLabel: string;\n\n  @State() isFullAboutTextHidden: boolean = false;\n  @State() viewportSize: number;\n\n  componentWillLoad() {\n    this.viewportSize = window.innerWidth;\n  }\n\n  toggleShowFullAboutText() {\n    this.isFullAboutTextHidden = !this.isFullAboutTextHidden;\n  }\n\n  disconnectedCallback() {\n    clearTimeout(timer);\n  }\n\n  render() {\n    const {\n      name,\n      job_title,\n      additional_information,\n      image_url,\n      contact_information,\n      organization_units,\n      about,\n      research,\n      person_content,\n    } = JSON.parse(this.personDataJson);\n\n    const {organizations, research_organizations} = organization_units.items;\n\n    const aboutDescriptionTextDestructured = about.description;\n\n    const aboutDescriptionLength = aboutDescriptionTextDestructured.length;\n\n    let trimmedAboutDescription = \"\";\n\n    if (aboutDescriptionLength > 650) {\n      if (this.isFullAboutTextHidden) {\n        const ellipsisTextArray = aboutDescriptionTextDestructured + \"...\";\n\n        trimmedAboutDescription = ellipsisTextArray;\n      } else {\n        const ellipsisTextArray = aboutDescriptionTextDestructured.substring(0, 650) + \"...\";\n\n        trimmedAboutDescription = ellipsisTextArray;\n      }\n    }\n\n    window.addEventListener(\"resize\", () => {\n      clearTimeout(timer);\n      timer = setTimeout(() => {\n        this.viewportSize = window.innerWidth;\n      }, 250);\n    });\n\n    const research_portal_title = `${research.research_portal_label}: ${name}`;\n    return (\n      <Host>\n        <section class=\"hy-profile-page\">\n          <a href={this.peopleFinderReturnLink} class=\"hy-profile-page__back-button\">\n            <hy-icon icon={\"hy-icon-arrow-left\"} size={24} />\n            <span>{this.peopleFinderReturnLabel}</span>\n          </a>\n          <section class=\"hy-profile-page__section\">\n            <div class=\"hy-profile-page__person-information\">\n              <div>\n                <h1 class=\"hy-profile-page__name\">{name}</h1>\n                {job_title && <p class=\"hy-profile-page__job-title\">{job_title}</p>}\n                {additional_information && (\n                  <p class=\"hy-profile-page__additional-information\">{additional_information}</p>\n                )}\n              </div>\n              {image_url ? (\n                <img src={image_url} alt=\"\" class=\"hy-profile-page__image\" />\n              ) : (\n                <div class=\"hy-profile-page__image\" aria-hidden=\"true\" />\n              )}\n            </div>\n            {contact_information && (\n              <div class=\"hy-profile-page__contact-information\">\n                {contact_information.label && <h2>{contact_information.label}</h2>}\n                {contact_information.items && (\n                  <hy-person-profile-listing\n                    items={contact_information.items}\n                    col=\"col-4\"\n                    withoutIcons\n                    textSpacingTight\n                  ></hy-person-profile-listing>\n                )}\n              </div>\n            )}\n          </section>\n          {(organizations.items.length > 0 || Object.keys(research_organizations.items).length > 0) && (\n            <section class=\"hy-profile-page__section\">\n              {organization_units.label && <h2>{organization_units.label}</h2>}\n              {organizations.items.length > 0 && (\n                <section class=\"hy-profile-page__organization-units-section\">\n                  <h3>{organizations.label}</h3>\n                  <ul class=\"hy-profile-page__organizations\">\n                    <li>\n                      {organizations.items.map((item, index) => {\n                        return (\n                          <span>\n                            {index > 1 && <hy-icon icon={\"hy-icon-caret-right\"} size={10} />}\n                            {index !== 0 && (\n                              <span>\n                                <a\n                                  href={\n                                    organization_units.people_finder_path[organization_units.lang] +\n                                    \"?researchOrganizations.id[]=\" +\n                                    item.id\n                                  }\n                                  target={\"_blank\"}\n                                >\n                                  {item.name[organization_units.lang]}\n                                </a>\n                              </span>\n                            )}\n                          </span>\n                        );\n                      })}\n                    </li>\n                  </ul>\n                </section>\n              )}\n              {Object.keys(research_organizations.items).length > 0 && (\n                <section class=\"hy-profile-page__organization-units-section\">\n                  <h3>{research_organizations.label}</h3>\n                  <ul class=\"hy-profile-page__research-organizations\">\n                    {Object.values(research_organizations.items).map(([...item]) => (\n                      <li>\n                        {item.map((item, index) => {\n                          return (\n                            <Fragment>\n                              {index > 1 && (\n                                <ul>\n                                  <li>\n                                    <span>\n                                      <hy-icon icon={\"hy-icon-caret-right\"} size={10} />\n                                      <span>\n                                        <a\n                                          href={\n                                            organization_units.people_finder_path[organization_units.lang] +\n                                            \"?researchOrganizations.id[]=\" +\n                                            item.id\n                                          }\n                                          target={\"_blank\"}\n                                        >\n                                          {item.name[organization_units.lang]}\n                                        </a>\n                                      </span>\n                                    </span>\n                                  </li>\n                                </ul>\n                              )}\n                              {index == 1 && (\n                                <span>\n                                  <a\n                                    href={\n                                      organization_units.people_finder_path[organization_units.lang] +\n                                      \"?researchOrganizations.id[]=\" +\n                                      item.id\n                                    }\n                                    target={\"_blank\"}\n                                  >\n                                    {item.name[organization_units.lang]}\n                                  </a>\n                                </span>\n                              )}\n                            </Fragment>\n                          );\n                        })}\n                      </li>\n                    ))}\n                  </ul>\n                </section>\n              )}\n            </section>\n          )}\n          {about && aboutDescriptionLength !== 0 && (\n            <section class=\"hy-profile-page__section\">\n              {about.description && (\n                <Fragment>\n                  <h2>{about.label}</h2>\n                  <div\n                    class=\"hy-profile-page__person-about-text\"\n                    innerHTML={\n                      !this.isFullAboutTextHidden && aboutDescriptionLength > 650\n                        ? trimmedAboutDescription\n                        : about.description\n                    }\n                  ></div>\n                </Fragment>\n              )}\n              {aboutDescriptionLength > 650 && (\n                <button\n                  class=\"hy-profile-page__person-about-text-toggle\"\n                  onClick={() => this.toggleShowFullAboutText()}\n                  aria-expanded={`${this.isFullAboutTextHidden ? \"true\" : \"false\"}`}\n                >\n                  {this.isFullAboutTextHidden ? this.hideFullAboutText : this.showFullAboutText}\n                </button>\n              )}\n            </section>\n          )}\n          {((research && research.items.length > 0) || (person_content && person_content.research_url.length > 0)) && (\n            <section class=\"hy-profile-page__section\">\n              <div class=\"hy-profile-page__section__research_title\">\n                {research.label && <h2>{research.label}</h2>}\n                {research.label && person_content.research_url.length > 0 && (\n                  <hy-cta-button\n                    link-content={research_portal_title}\n                    sc-label={research_portal_title}\n                    url={person_content.research_url}\n                    is-external=\"true\"\n                    variant={CtaLinkButtonVariants.onWhiteBkgd}\n                  ></hy-cta-button>\n                )}\n              </div>\n\n              {research.items && (\n                <hy-person-profile-listing\n                  items={research.items}\n                  col=\"col-1\"\n                  textSpacingTight\n                  is-research\n                  inline\n                ></hy-person-profile-listing>\n              )}\n\n              {person_content.research_url.length > 0 && (\n                <div class=\"hy-profile-page__loader\" role=\"presentation\">\n                  <div></div>\n                  <div></div>\n                  <div></div>\n                  <div></div>\n                </div>\n              )}\n\n              {person_content.research_url.length > 0 && this.viewportSize < 768 && (\n                <div class=\"hy-profile-page__person-content-container\">\n                  <hy-accordion-container accordionid=\"accordion-container-person-content\">\n                    {person_content.publications && (\n                      <hy-accordion-item\n                        data-accordion-id={\"publications\"}\n                        accordiontitle={person_content.publications.label}\n                      ></hy-accordion-item>\n                    )}\n                    {person_content.projects && (\n                      <hy-accordion-item\n                        data-accordion-id={\"projects\"}\n                        accordiontitle={person_content.projects.label}\n                      ></hy-accordion-item>\n                    )}\n                    {person_content.activities && (\n                      <hy-accordion-item\n                        data-accordion-id={\"activities\"}\n                        accordiontitle={person_content.activities.label}\n                      ></hy-accordion-item>\n                    )}\n                  </hy-accordion-container>\n                </div>\n              )}\n              {person_content.research_url.length > 0 && this.viewportSize >= 768 && (\n                <div class=\"hy-profile-page__person-content-container\">\n                  <hy-tabs tab-id=\"tabs-container-person-content\">\n                    {person_content.publications && (\n                      <hy-tabs-item\n                        data-tab-id={\"publications\"}\n                        tab-title={person_content.publications.label}\n                      ></hy-tabs-item>\n                    )}\n                    {person_content.projects && (\n                      <hy-tabs-item data-tab-id={\"projects\"} tab-title={person_content.projects.label}></hy-tabs-item>\n                    )}\n                    {person_content.activities && (\n                      <hy-tabs-item\n                        data-tab-id={\"activities\"}\n                        tab-title={person_content.activities.label}\n                      ></hy-tabs-item>\n                    )}\n                  </hy-tabs>\n                </div>\n              )}\n            </section>\n          )}\n        </section>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,122 +0,0 @@
-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);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
-    }
-  }
-  render() {
-    /*
-    - Logic:
-    - 3 items: big
-    - 4 items: small
-    - 5 items: big
-    - 6 items: big
-    - 7 items: small
-    - 8 items: small
-    - 9 items: big
-    * */
-    const bigVariants = [3, 5, 6, 9];
-    const processVariant = bigVariants.includes(this._dataItems.length)
-      ? ProcessFlowBoxVariants.default
-      : ProcessFlowBoxVariants.small;
-    const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;
-    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");
-        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 }));
-      })),
-    ];
-  }
-  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": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "number-term",
-        "reflect": false
-      },
-      "dataItems": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ProcessFlowBoxValue[] | string",
-          "resolved": "ProcessFlowBoxValue[] | string",
-          "references": {
-            "ProcessFlowBoxValue": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/process/process.tsx"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-items",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=process.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"process.js","sourceRoot":"","sources":["../../../src/components/process/process.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAO3D,MAAM,OAAO,OAAO;;uBAEY,QAAQ;;;;EAKtC,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EAC3D,CAAC;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ;;;;;;;;;QASI;IACJ,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACjC,MAAM,cAAc,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;MACjE,CAAC,CAAC,sBAAsB,CAAC,OAAO;MAChC,CAAC,CAAC,sBAAsB,CAAC,KAAK,CAAC;IAEjC,MAAM,WAAW,GAAG,cAAc,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,eAAe,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpG,MAAM,SAAS,GAAG,KAAK,CAAC;IACxB,IAAI,SAAS,CAAC;IAEd,OAAO;MACL,WAAK,KAAK,EAAE,eAAe,IACxB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAChC,KAAK,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;QAC3E,OAAO,CACL,2BACE,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,cAAc,gBACX,KAAK,GAAG,CAAC,eACV,CAAC,CAAC,OAAO,qBACH,CAAC,CAAC,WAAW,6BACL,CAAC,CAAC,IAAI,gBACnB,SAAS,iBACR,IAAI,CAAC,UAAU,GAC5B,CACH,CAAC;MACJ,CAAC,CAAC,CACE;KACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface ProcessFlowBoxValue {\n  heading: string;\n  description: string;\n  step: string;\n}\n\nimport {Component, ComponentInterface, Prop, h, Element} from \"@stencil/core\";\nimport {ProcessFlowBoxVariants} from \"../../utils/utils\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\n\n@Component({\n  tag: \"hy-process\",\n  styleUrl: \"process.scss\",\n  shadow: true,\n})\nexport class Process implements ComponentInterface {\n  @Element() el: HTMLElement;\n  @Prop() headerstyle: string = \"common\";\n  @Prop() numberTerm: string;\n  private _dataItems: ProcessFlowBoxValue[];\n  @Prop() dataItems: ProcessFlowBoxValue[] | string;\n\n  async componentWillLoad() {\n    this._dataItems = await jsonParserWorker(this.dataItems);\n  }\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest(\".hy-main\");\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains(\"with-sidebar\")) {\n        this.headerstyle = \"large\";\n      }\n    }\n  }\n\n  render() {\n    /*\n    - Logic:\n    - 3 items: big\n    - 4 items: small\n    - 5 items: big\n    - 6 items: big\n    - 7 items: small\n    - 8 items: small\n    - 9 items: big\n    * */\n    const bigVariants = [3, 5, 6, 9];\n    const processVariant = bigVariants.includes(this._dataItems.length)\n      ? ProcessFlowBoxVariants.default\n      : ProcessFlowBoxVariants.small;\n\n    const itemsPerRow = processVariant == ProcessFlowBoxVariants.small ? 4 : 3;\n    const classAttributes = [processVariant, \"hy-process\", `hy-process__${this.headerstyle}`].join(\" \");\n    const classItem = \"box\";\n    var stepState;\n\n    return [\n      <div class={classAttributes}>\n        {this._dataItems.map((x, index) => {\n          index % itemsPerRow == 0 ? (stepState = \"first\") : (stepState = \"default\");\n          return (\n            <hy-process-flow-box\n              class={classItem}\n              variant={processVariant}\n              box-number={index + 1}\n              box-title={x.heading}\n              box-description={x.description}\n              intermediate-step-title={x.step}\n              step-state={stepState}\n              number-term={this.numberTerm}\n            />\n          );\n        })}\n      </div>,\n    ];\n  }\n}\n"]}