@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js

@@ -0,0 +1,211 @@
+import { h } from "@stencil/core";
+import { jsonParserWorker } from "../../global/globalScript";
+import Swiper, { Navigation, Pagination, A11y } from "swiper";
+import { CtaLinkButtonVariants } from "../../utils/utils";
+export class HyHeroCarousel {
+  constructor() {
+    this.itemCount = undefined;
+    this.ariaLabelNext = "Next slide";
+    this.ariaLabelPrev = "Previous slide";
+    this.ariaLabelFirstSlide = "This is the first slide";
+    this.ariaLabelLastSlide = "This is the first slide";
+    this.ariaLabelBulletMessage = "Go to slide";
+    this.data = undefined;
+  }
+  async componentWillLoad() {
+    this._data = await jsonParserWorker(this.data);
+  }
+  componentDidLoad() {
+    new Swiper(".swiper", {
+      modules: [Navigation, Pagination, A11y],
+      enabled: true,
+      direction: "horizontal",
+      loop: true,
+      spaceBetween: 50,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        bulletClass: "hero-carousel--pagination__bullet",
+        bulletActiveClass: "hero-carousel--pagination__bullet--active",
+        clickable: true,
+        renderBullet: function (index, className) {
+          return `<span aria-label="${this.ariaLabelBulletMessage} ${index}" data-index="${index}" class="${className}"></span>`;
+        },
+      },
+      a11y: {
+        enabled: true,
+        firstSlideMessage: this.ariaLabelFirstSlide,
+        lastSlideMessage: this.ariaLabelLastSlide,
+        nextSlideMessage: this.ariaLabelNext,
+        prevSlideMessage: this.ariaLabelPrev,
+        paginationBulletMessage: `${this.ariaLabelBulletMessage} {{index}}`,
+      },
+    });
+  }
+  handleSlideChangeFromButtons(index) {
+    const swiperEl = document.querySelector(".swiper");
+    swiperEl.swiper.slideTo(index, 300, null);
+  }
+  render() {
+    const carouselContentClasses = ["hero-carousel--item__content", this.itemCount > 1 ? "has-pagination" : ""].join(" ");
+    return (h("div", { class: "hero-carousel-container" }, h("div", { class: "swiper" }, h("div", { class: "swiper-wrapper" }, this._data["items"] &&
+      this._data["items"].map((i, index) => {
+        const currentIndex = index;
+        const srcSet = JSON.parse(i.image_sources);
+        return (h("div", { class: "swiper-slide", "data-title": i.title, "data-desc": i.desc }, h("div", { class: "swiper-slide hero-carousel--item" }, h("div", { class: carouselContentClasses }, h("h2", { class: "hero-carousel--item__title" }, i.title), h("div", { class: "hero-carousel--item__desc" }, i.desc), i.uri && (h("hy-cta-button", { "link-content": i.uri_title, "sc-label": i.uri_title, url: i.uri, "is-external": "false", variant: CtaLinkButtonVariants.heroBlue })), this.itemCount > 1 ? (h("div", { class: "hero-carousel--item__pagination" }, h("ul", null, this._data["items"].map((i, index) => {
+          const paginationButtonClasses = [
+            "hero-carousel--item__pagination__button",
+            index === currentIndex ? "is-current" : "",
+          ].join(" ");
+          return (h("li", { class: paginationButtonClasses }, h("button", { "aria-label": `${this.ariaLabelBulletMessage} ${index}`, onClick: () => this.handleSlideChangeFromButtons(index), "data-index": index, "aria-current": index === currentIndex ? "true" : "false" }, h("span", { class: "hero-carousel--item__pagination__button__theme" }, i.theme_text), i.title)));
+        })))) : null), h("div", { class: "hero-carousel--item__image" }, srcSet.length > 0 ? (h("picture", null, srcSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { "aria-hidden": "true", loading: "eager", alt: i.image_alt, class: `hy-image__image`, src: i.image_fallback }))) : (h("img", { "aria-hidden": "true", loading: "eager", alt: i.image_alt, class: `hy-image__image`, src: i.image_fallback }))))));
+      })), this.itemCount > 1 ? (h("div", { class: "hero-carousel--controls" }, h("div", { class: "swiper-pagination hero-carousel--pagination--mobile" }), h("div", { class: "hero-carousel--controls__buttons" }, h("div", { class: "swiper-button-prev" }, h("hy-icon", { class: "arrow", icon: "hy-icon-arrow-left" }), h("hy-icon", { class: "caret", icon: "hy-icon-caret-left" })), h("div", { class: "swiper-button-next" }, h("hy-icon", { class: "arrow", icon: "hy-icon-arrow-right" }), h("hy-icon", { class: "caret", icon: "hy-icon-caret-right" }))))) : null)));
+  }
+  static get is() { return "hy-hero-carousel"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["./hy-hero-carousel.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-hero-carousel.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "itemCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-count",
+        "reflect": false
+      },
+      "ariaLabelNext": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aria-label-next",
+        "reflect": false,
+        "defaultValue": "\"Next slide\""
+      },
+      "ariaLabelPrev": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aria-label-prev",
+        "reflect": false,
+        "defaultValue": "\"Previous slide\""
+      },
+      "ariaLabelFirstSlide": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aria-label-first-slide",
+        "reflect": false,
+        "defaultValue": "\"This is the first slide\""
+      },
+      "ariaLabelLastSlide": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aria-label-last-slide",
+        "reflect": false,
+        "defaultValue": "\"This is the first slide\""
+      },
+      "ariaLabelBulletMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "aria-label-bullet-message",
+        "reflect": false,
+        "defaultValue": "\"Go to slide\""
+      },
+      "data": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CarouselItem[] | string",
+          "resolved": "CarouselItem[] | string",
+          "references": {
+            "CarouselItem": {
+              "location": "local",
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-hero-carousel/hy-hero-carousel.tsx"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/hy-introduction/hy-introduction.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { HeadingVarians, HeadingSectionVariants } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { HeadingVarians, HeadingSectionVariants } from "../../utils/utils";
 export class HyIntroduction {
   constructor() {
     this.variant = null;
@@ -11,39 +11,39 @@ export class HyIntroduction {
     this.scLabel = undefined;
     this.urlTitle = undefined;
     this.imageUrl = undefined;
-    this.imageAlt = '';
+    this.imageAlt = "";
     this.isExternal = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.sourceSet = undefined;
   }
   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-introduction',
+      "hy-introduction",
       `hy-introduction__${this.headerstyle}`,
       this.headerstyle,
-      this.reversed ? 'hy-introduction--reversed' : '',
+      this.reversed ? "hy-introduction--reversed" : "",
       this.variant
         ? `hy-introduction--with-bg hy-introduction--with-bg__${this.variant}`
-        : 'hy-introduction--without-bg',
-    ].join(' ');
-    const classTitle = ['hy-introduction__title', `hy-introduction__title__${this.headerstyle}`].join(' ');
-    const classDescription = ['hy-introduction__description', `hy-introduction__description__${this.headerstyle}`].join(' ');
+        : "hy-introduction--without-bg",
+    ].join(" ");
+    const classTitle = ["hy-introduction__title", `hy-introduction__title__${this.headerstyle}`].join(" ");
+    const classDescription = ["hy-introduction__description", `hy-introduction__description__${this.headerstyle}`].join(" ");
     const contentWrapperClasses = [
-      'hy-introduction__content',
-      this.reversed ? 'hy-introduction__content--reversed' : '',
-      this.imageUrl ? 'hy-introduction__content--with-image' : 'hy-introduction__content--without-image',
-      this.limitContentWidth ? 'hy-introduction__content--limit-width' : '',
-    ].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (h(Host, null, h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), h("div", { class: classAttributes }, h("hy-main-content-wrapper", null, h("div", { class: "hy-introduction__outer-content" }, h("div", { class: contentWrapperClasses }, h("hy-heading", { class: classTitle, heading: HeadingVarians.h2, section: HeadingSectionVariants.introduction }, this.textTitle), h("p", { class: classDescription }, this.textDescription), this.url && (h("div", { class: "hy-introduction__link__container" }, h("a", { class: "hy-introduction__link", href: this.url, "aria-label": this.scLabel, target: target }, this.urlTitle, h("span", { class: "hy-introduction__link__icon" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 24 })))))), this.imageUrl &&
+      "hy-introduction__content",
+      this.reversed ? "hy-introduction__content--reversed" : "",
+      this.imageUrl ? "hy-introduction__content--with-image" : "hy-introduction__content--without-image",
+      this.limitContentWidth ? "hy-introduction__content--limit-width" : "",
+    ].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (h(Host, null, h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), h("div", { class: classAttributes }, h("hy-main-content-wrapper", null, h("div", { class: "hy-introduction__outer-content" }, h("div", { class: contentWrapperClasses }, h("hy-heading", { class: classTitle, heading: HeadingVarians.h2, section: HeadingSectionVariants.introduction }, this.textTitle), h("p", { class: classDescription }, this.textDescription), this.url && (h("div", { class: "hy-introduction__link__container" }, h("a", { class: "hy-introduction__link", href: this.url, "aria-label": this.scLabel, target: target }, this.urlTitle, h("span", { class: "hy-introduction__link__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 24 })))))), this.imageUrl &&
       (this.sourceSet ? (h("div", { class: "hy-introduction__image" }, h("hy-image", { "source-set": this.sourceSet, "image-url": this.imageUrl, aspectRatioWidth: 16, aspectRatioHeight: 10, "image-alt": this.imageAlt }))) : (h("div", { class: "hy-introduction__image" }, h("hy-image", { "image-url": this.imageUrl, aspectRatioWidth: 16, aspectRatioHeight: 10, "image-alt": this.imageAlt }))))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-introduction"; }
@@ -237,7 +237,7 @@ export class HyIntroduction {
         },
         "attribute": "image-alt",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "isExternal": {
         "type": "boolean",
@@ -273,7 +273,7 @@ export class HyIntroduction {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "sourceSet": {
         "type": "string",
@@ -284,7 +284,7 @@ export class HyIntroduction {
           "references": {
             "ImageSrcSet": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-introduction/hy-introduction.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-introduction/hy-introduction.tsx"
             }
           }
         },
@@ -301,4 +301,3 @@ export class HyIntroduction {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-introduction.js.map

package/dist/collection/components/hy-key-figure/hy-key-figure.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { KeyHighlightVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { KeyHighlightVariants } from "../../utils/utils";
 export class HyKeyFigure {
   constructor() {
     this.variant = KeyHighlightVariants.default;
@@ -7,7 +7,7 @@ export class HyKeyFigure {
     this.description = undefined;
   }
   render() {
-    const classVariant = [this.variant, 'hy-key-figure'].join(' ');
+    const classVariant = [this.variant, "hy-key-figure"].join(" ");
     return (h("div", { class: classVariant }, h("div", { class: "hy-key-figure__title" }, this.heading), h("div", { class: "hy-key-figure__description" }, this.description)));
   }
   static get is() { return "hy-key-figure"; }
@@ -84,4 +84,3 @@ export class HyKeyFigure {
     };
   }
 }
-//# sourceMappingURL=hy-key-figure.js.map

package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.js

@@ -1,32 +1,32 @@
-import { h, Host } from '@stencil/core';
-import { KeyHighlightVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import { KeyHighlightVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyKeyFigureGroup {
   constructor() {
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   async componentWillLoad() {
     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";
       }
     }
   }
   getBoxClassName(count) {
-    let className = 'box';
+    let className = "box";
     if (count % 3 == 0) {
-      className = 'box-3';
+      className = "box-3";
     }
     else if (count % 4 == 0) {
-      className = 'box-4';
+      className = "box-4";
     }
     else if (count % 5 == 0) {
-      className = 'box-5';
+      className = "box-5";
     }
     return className;
   }
@@ -41,11 +41,11 @@ export class HyKeyFigureGroup {
     const keyFiguresVariant = this._dataItems.length == 4 ? KeyHighlightVariants.small : KeyHighlightVariants.default;
     const classAttributes = [
       keyFiguresVariant,
-      'hy-key-figure-group-container',
+      "hy-key-figure-group-container",
       `hy-key-figure-group-container__${this.headerstyle}`,
-    ].join(' ');
-    const classRowAttributes = ['hy-key-figure-group'].join(' ');
-    const classRowCenteredAttributes = ['hy-key-figure-group', 'hy-key-figure-group-centered'].join(' ');
+    ].join(" ");
+    const classRowAttributes = ["hy-key-figure-group"].join(" ");
+    const classRowCenteredAttributes = ["hy-key-figure-group", "hy-key-figure-group-centered"].join(" ");
     if (this._dataItems.length % 5 == 0) {
       return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: classRowAttributes }, this._dataItems.map((x, index) => {
         if (index < 3) {
@@ -85,7 +85,7 @@ export class HyKeyFigureGroup {
           "references": {
             "KeyFigureValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-key-figure-group/hy-key-figure-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-key-figure-group/hy-key-figure-group.tsx"
             }
           }
         },
@@ -114,10 +114,9 @@ export class HyKeyFigureGroup {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-key-figure-group.js.map

package/dist/collection/components/hy-key-highlight/hy-key-highlight.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { KeyHighlightVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { KeyHighlightVariants } from "../../utils/utils";
 export class HyKeyHighlight {
   constructor() {
     this.variant = KeyHighlightVariants.default;
@@ -7,7 +7,7 @@ export class HyKeyHighlight {
     this.description = undefined;
   }
   render() {
-    const classVariant = [this.variant, 'hy-key-highlight'].join(' ');
+    const classVariant = [this.variant, "hy-key-highlight"].join(" ");
     return (h("div", { class: classVariant }, h("div", { class: "hy-key-highlight__title__container" }, h("div", { class: "hy-key-highlight__title", innerHTML: this.heading })), h("div", { class: "hy-key-highlight__description" }, this.description)));
   }
   static get is() { return "hy-key-highlight"; }
@@ -84,4 +84,3 @@ export class HyKeyHighlight {
     };
   }
 }
-//# sourceMappingURL=hy-key-highlight.js.map

package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.js

@@ -1,31 +1,31 @@
-import { h, Host } from '@stencil/core';
-import { KeyHighlightVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import { KeyHighlightVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyKeyHighlightGroup {
   constructor() {
     this.variant = KeyHighlightVariants.default;
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   async componentWillLoad() {
     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";
       }
     }
   }
   render() {
     const classAttributes = [
       this.variant,
-      'hy-key-highlight-group',
+      "hy-key-highlight-group",
       `hy-key-highlight-group__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     const dataItemCount = this._dataItems.length;
-    const classItem = dataItemCount % 4 == 0 ? 'box-4' : 'box';
+    const classItem = dataItemCount % 4 == 0 ? "box-4" : "box";
     return (h(Host, null, h("div", { class: classAttributes }, this._dataItems.map((x) => {
       return (h("hy-key-highlight", { class: classItem, variant: this.variant, heading: x.heading, description: x.description }));
     }))));
@@ -76,7 +76,7 @@ export class HyKeyHighlightGroup {
           "references": {
             "KeyHighlightValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-key-highlight-group/hy-key-highlight-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-key-highlight-group/hy-key-highlight-group.tsx"
             }
           }
         },
@@ -105,10 +105,9 @@ export class HyKeyHighlightGroup {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-key-highlight-group.js.map

package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.js

@@ -1,28 +1,28 @@
-import { h } from '@stencil/core';
-import { HeadingVarians } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h } from "@stencil/core";
+import { HeadingVarians } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyLargeProcessFlow {
   constructor() {
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.dataItems = undefined;
   }
   async componentWillLoad() {
     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";
       }
     }
   }
   render() {
-    const classAttributes = ['hy-large-process-flow', `hy-large-process-flow__${this.headerstyle}`].join(' ');
+    const classAttributes = ["hy-large-process-flow", `hy-large-process-flow__${this.headerstyle}`].join(" ");
     return [
       h("div", { class: classAttributes }, this._dataItems.map((x, index) => {
         let phases = JSON.stringify(x.boxes);
-        const headingClasses = index !== 0 ? 'hy-large-process-flow__multi-phase-title' : 'hy-large-process-flow__first-phase';
+        const headingClasses = index !== 0 ? "hy-large-process-flow__multi-phase-title" : "hy-large-process-flow__first-phase";
         return [
           h("hy-heading", { class: headingClasses, heading: HeadingVarians.h3 }, x.phaseTitle),
           h("hy-large-process-flow-phase", { "data-items": phases }),
@@ -60,7 +60,7 @@ export class HyLargeProcessFlow {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "dataItems": {
         "type": "string",
@@ -71,7 +71,7 @@ export class HyLargeProcessFlow {
           "references": {
             "ProcessFlowValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-large-process-flow/hy-large-process-flow.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-large-process-flow/hy-large-process-flow.tsx"
             }
           }
         },
@@ -88,4 +88,3 @@ export class HyLargeProcessFlow {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-large-process-flow.js.map

package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.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 HyLargeProcessFlowPhase {
   constructor() {
     this.dataItems = undefined;
@@ -8,14 +8,14 @@ export class HyLargeProcessFlowPhase {
     this._dataItems = await jsonParserWorker(this.dataItems);
   }
   render() {
-    const classAttributes = ['hy-large-process-flow__phase-container'].join(' ');
+    const classAttributes = ["hy-large-process-flow__phase-container"].join(" ");
     return (h("div", { class: classAttributes }, this._dataItems.map((x, index) => {
       var items;
       if (x.links && x.links.length > 0) {
         let linkItems = x.links;
         let linkItemsCount = x.links.length;
         items = linkItems.map((item, index) => {
-          let classLinks = index == linkItemsCount - 1 ? 'phase-link last' : 'phase-link';
+          let classLinks = index == linkItemsCount - 1 ? "phase-link last" : "phase-link";
           return item ? (h("hy-cta-link", { class: classLinks, "link-content": item.label, "sc-label": item.ariaLabel, "is-external": item.isExternal, url: item.url })) : null;
         });
       }
@@ -47,7 +47,7 @@ export class HyLargeProcessFlowPhase {
           "references": {
             "PhaseValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.tsx"
             }
           }
         },
@@ -63,4 +63,3 @@ export class HyLargeProcessFlowPhase {
     };
   }
 }
-//# sourceMappingURL=hy-large-process-flow-phase.js.map