@itcenteratunihelsinki/huds-lib 0.8.43 → 0.8.44

package/dist/collection/components/courses/hy-content-list/hy-content-list.js

@@ -1,14 +1,14 @@
-import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
-import { h, Host } from '@stencil/core';
+import { CourseStateVariants, CourseVariants } from "../../../utils/utils";
+import { h, Host } from "@stencil/core";
 export class HyContentList {
   constructor() {
     this.variant = CourseVariants.default;
-    this.linkLabel = 'Go to course page';
-    this.noResultLabel = 'No courses scheduled at the moment';
-    this.creditsLabel = 'cr';
-    this.cancelledLabel = 'Cancelled';
+    this.linkLabel = "Go to course page";
+    this.noResultLabel = "No courses scheduled at the moment";
+    this.creditsLabel = "cr";
+    this.cancelledLabel = "Cancelled";
     this.dataItems = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.courseStateVariant = CourseStateVariants.default;
     this.courseRealisations = [];
   }
@@ -16,7 +16,7 @@ export class HyContentList {
    * Data for links to be displayed.
    */
   dataWatcher(data) {
-    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
+    this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.dataWatcher(this.dataItems);
@@ -25,14 +25,14 @@ export class HyContentList {
     e.preventDefault();
     let card = this.el.querySelector(`#${id}`);
     if (card) {
-      window.open(card.dataset.location, '_blank');
+      window.open(card.dataset.location, "_blank");
     }
   }
   async 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";
       }
     }
   }
@@ -41,39 +41,39 @@ export class HyContentList {
     if (this._dataItems && this._dataItems.length > 0) {
       this._dataItems.forEach((item) => {
         const courseObject = JSON.parse(JSON.stringify(item));
-        const courseListType = courseObject['courseListType'];
-        this.variant = courseListType == 'list' ? CourseVariants.row : CourseVariants.grid;
+        const courseListType = courseObject["courseListType"];
+        this.variant = courseListType == "list" ? CourseVariants.row : CourseVariants.grid;
         for (const courseProperty in courseObject) {
-          if (courseProperty == 'courseListType')
+          if (courseProperty == "courseListType")
             continue;
           const courseItem = courseObject[courseProperty];
-          const courseCode = courseItem['code'];
-          const courseCredits = courseItem['credits'];
+          const courseCode = courseItem["code"];
+          const courseCredits = courseItem["credits"];
           // Course realisations.
-          if (courseItem['realisations']) {
-            const realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
+          if (courseItem["realisations"]) {
+            const realisations = JSON.parse(JSON.stringify(courseItem["realisations"]));
             for (const realisationProperty in realisations) {
               const realizationItem = realisations[realisationProperty];
-              const courseRealisationName = realizationItem['name'];
-              const courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
-              const courseStudyFormat = realizationItem['studyFormat'];
-              const courseCancelled = realizationItem['cancelled'];
-              const courseStartDate = realizationItem['startDate'];
-              const courseEndDate = realizationItem['endDate'];
-              const formattedTimeRange = realizationItem['formattedTimeRange'];
-              const courseEnrollmentLink = realizationItem['enrolmentLink'];
-              const courseTeachingLanguage = realizationItem['teachingLanguage'];
-              const courseOrganisation = realizationItem['organisation'];
+              const courseRealisationName = realizationItem["name"];
+              const courseRealisationFullName = courseRealisationName + ", " + courseCredits + " " + this.creditsLabel;
+              const courseStudyFormat = realizationItem["studyFormat"];
+              const courseCancelled = realizationItem["cancelled"];
+              const courseStartDate = realizationItem["startDate"];
+              const courseEndDate = realizationItem["endDate"];
+              const formattedTimeRange = realizationItem["formattedTimeRange"];
+              const courseEnrollmentLink = realizationItem["enrolmentLink"];
+              const courseTeachingLanguage = realizationItem["teachingLanguage"];
+              const courseOrganisation = realizationItem["organisation"];
               let courseTags = [];
-              if (realizationItem['tags']) {
-                let tags = JSON.parse(JSON.stringify(realizationItem['tags']));
+              if (realizationItem["tags"]) {
+                let tags = JSON.parse(JSON.stringify(realizationItem["tags"]));
                 for (let z in tags) {
                   let tagItem = { name: tags[z] };
                   courseTags.push(tagItem);
                 }
               }
               const courseTagsJSON = JSON.stringify(courseTags);
-              const contentListItemClassAttributes = ['item', this.variant].join(' ');
+              const contentListItemClassAttributes = ["item", this.variant].join(" ");
               courseRealisations.push(h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "formatted-time-range": formattedTimeRange, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
             }
           }
@@ -83,18 +83,18 @@ export class HyContentList {
     return courseRealisations;
   }
   render() {
-    const classAttributes = [this.variant, 'hy-content-list'].join(' ');
-    const classAlertAttributes = ['hy-content-list--alert', `hy-content-list--alert--${this.headerstyle}`].join(' ');
+    const classAttributes = [this.variant, "hy-content-list"].join(" ");
+    const classAlertAttributes = ["hy-content-list--alert", `hy-content-list--alert--${this.headerstyle}`].join(" ");
     const classAlertLabelAttributes = [
-      'hy-content-list--alert-label',
+      "hy-content-list--alert-label",
       `hy-content-list--alert-label--${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     this.courseRealisations = this.renderItems();
     if (this.courseRealisations && this.courseRealisations.length > 0) {
       return (h(Host, null, h("div", { class: classAttributes }, this.courseRealisations)));
     }
     else {
-      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: 'hy-icon-info', size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
+      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: "hy-icon-info", size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
     }
   }
   static get is() { return "hy-content-list"; }
@@ -126,7 +126,7 @@ export class HyContentList {
         },
         "attribute": "link-label",
         "reflect": false,
-        "defaultValue": "'Go to course page'"
+        "defaultValue": "\"Go to course page\""
       },
       "noResultLabel": {
         "type": "string",
@@ -144,7 +144,7 @@ export class HyContentList {
         },
         "attribute": "no-result-label",
         "reflect": false,
-        "defaultValue": "'No courses scheduled at the moment'"
+        "defaultValue": "\"No courses scheduled at the moment\""
       },
       "creditsLabel": {
         "type": "string",
@@ -162,7 +162,7 @@ export class HyContentList {
         },
         "attribute": "credits-label",
         "reflect": false,
-        "defaultValue": "'cr'"
+        "defaultValue": "\"cr\""
       },
       "cancelledLabel": {
         "type": "string",
@@ -180,7 +180,7 @@ export class HyContentList {
         },
         "attribute": "cancelled-label",
         "reflect": false,
-        "defaultValue": "'Cancelled'"
+        "defaultValue": "\"Cancelled\""
       },
       "dataItems": {
         "type": "string",
@@ -215,7 +215,7 @@ export class HyContentList {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "courseStateVariant": {
         "type": "string",

package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js

@@ -1,8 +1,8 @@
-import { h } from '@stencil/core';
-import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { h } from "@stencil/core";
+import { CourseStateVariants, CourseVariants } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 let keys = {
-  enter: 'Enter',
+  enter: "Enter",
 };
 export class HyContentLstItem {
   constructor() {
@@ -11,7 +11,7 @@ export class HyContentLstItem {
     this.courseCode = undefined;
     this.courseName = undefined;
     this.isCancelled = undefined;
-    this.cancelledLabel = 'Cancelled';
+    this.cancelledLabel = "Cancelled";
     this.courseCredits = undefined;
     this.courseTags = undefined;
     this.courseStartDate = undefined;
@@ -30,18 +30,18 @@ export class HyContentLstItem {
     const key = event.code;
     if (key == keys.enter) {
       let card = this.el;
-      window.open(card.dataset.location, '_blank', 'noopener');
+      window.open(card.dataset.location, "_blank", "noopener");
     }
   }
   render() {
-    const classAttributes = [this.variant, 'hy-content-list-item'].join(' ');
-    const target = '_blank';
-    const ariaLabel = 'Link points outside the current website.';
+    const classAttributes = [this.variant, "hy-content-list-item"].join(" ");
+    const target = "_blank";
+    const ariaLabel = "Link points outside the current website.";
     const classItemName = [
-      'hy-content-list-item--item-name',
+      "hy-content-list-item--item-name",
       `hy-content-list-item--item-name--${this.stateVariant}`,
-    ].join(' ');
-    const classItemCancelled = ['cancelled', `cancelled--${this.stateVariant}`].join(' ');
+    ].join(" ");
+    const classItemCancelled = ["cancelled", `cancelled--${this.stateVariant}`].join(" ");
     return [
       h("div", { class: classAttributes, tabindex: "0" }, h("div", { class: classItemName }, this.courseName), h("div", { class: "hy-content-list-item--metadata" }, this.isCancelled && (h("div", { class: classItemCancelled }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first" }, h("span", null, this.formattedTimeRange)), this.courseOrganisation
         ? [
@@ -52,7 +52,7 @@ export class HyContentLstItem {
           h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseStudyFormat)),
         ]), this._courseTags && this._courseTags.length > 0 && (h("div", { class: "hy-content-list-item--tags" }, this._courseTags.map((x) => {
         return h("hy-tag", null, x.name);
-      }))), this.isCancelled && (h("div", { class: "cancelled mobile" }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--link" }, h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { class: "label" }, this.courseLinkLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 40 })))))),
+      }))), this.isCancelled && (h("div", { class: "cancelled mobile" }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--link" }, h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { class: "label" }, this.courseLinkLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 40 })))))),
     ];
   }
   static get is() { return "hy-content-list-item"; }
@@ -181,7 +181,7 @@ export class HyContentLstItem {
         },
         "attribute": "cancelled-label",
         "reflect": false,
-        "defaultValue": "'Cancelled'"
+        "defaultValue": "\"Cancelled\""
       },
       "courseCredits": {
         "type": "string",
@@ -209,7 +209,7 @@ export class HyContentLstItem {
           "references": {
             "TagValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/courses/hy-content-list-item/hy-content-list-item.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/courses/hy-content-list-item/hy-content-list-item.tsx"
             }
           }
         },

package/dist/collection/components/cta-button/cta-button.js

@@ -1,22 +1,22 @@
-import { h } from '@stencil/core';
-import { CtaLinkButtonVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { CtaLinkButtonVariants } from "../../utils/utils";
 export class CtaButton {
   constructor() {
     this.variant = CtaLinkButtonVariants.onBlueBkgd;
-    this.linkContent = '';
+    this.linkContent = "";
     this.typeButton = false;
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   render() {
-    const classAttributes = ['hy-cta-button', this.variant, this.headerstyle].join(' ');
-    const containerClassAttributes = ['hy-cta-button-container'].join(' ');
-    const textClassAttributes = ['text'].join(' ');
-    const iconClassAttributes = ['link-icon'].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
+    const classAttributes = ["hy-cta-button", this.variant, this.headerstyle].join(" ");
+    const containerClassAttributes = ["hy-cta-button-container"].join(" ");
+    const textClassAttributes = ["text"].join(" ");
+    const iconClassAttributes = ["link-icon"].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
   }
   static get is() { return "hy-cta-button"; }
   static get originalStyleUrls() {
@@ -70,7 +70,7 @@ export class CtaButton {
         },
         "attribute": "link-content",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "typeButton": {
         "type": "boolean",
@@ -158,7 +158,7 @@ export class CtaButton {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       }
     };
   }

package/dist/collection/components/cta-link/cta-link.js

@@ -1,17 +1,17 @@
-import { h } from '@stencil/core';
-import { CtaLinkVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { CtaLinkVariants } from "../../utils/utils";
 export class CtaLink {
   constructor() {
     this.variant = CtaLinkVariants.default;
-    this.linkContent = '';
+    this.linkContent = "";
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
-    const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
-    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
+    const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
+    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))));
   }
   static get is() { return "hy-cta-link"; }
   static get originalStyleUrls() {
@@ -65,7 +65,7 @@ export class CtaLink {
         },
         "attribute": "link-content",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "url": {
         "type": "string",

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

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

package/dist/collection/components/footer/hy-footer-action/hy-footer-action.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 let scrollTimeout = null;
 export class HyFooterAction {
   constructor() {
@@ -9,15 +9,15 @@ export class HyFooterAction {
     clearTimeout(scrollTimeout);
   }
   scrollTop() {
-    const hyLogo = document.querySelector('.hy-site-logo a');
-    window.scrollTo({ top: 0, behavior: 'smooth' });
+    const hyLogo = document.querySelector(".hy-site-logo a");
+    window.scrollTo({ top: 0, behavior: "smooth" });
     scrollTimeout = window.setTimeout(() => {
       hyLogo.focus();
     }, 500);
   }
   render() {
-    const classAttributes = ['hy-footer-action'].join(' ');
-    return (h(Host, { class: classAttributes }, h("span", { class: 'hy-footer-action__updated-text' }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: 'hy-footer-action__up-icon', icon: 'hy-icon-arrow-up', size: 26 }))))));
+    const classAttributes = ["hy-footer-action"].join(" ");
+    return (h(Host, { class: classAttributes }, h("span", { class: "hy-footer-action__updated-text" }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: "hy-footer-action__up-icon", icon: "hy-icon-arrow-up", size: 26 }))))));
   }
   static get is() { return "hy-footer-action"; }
   static get originalStyleUrls() {

package/dist/collection/components/footer/hy-footer-base/hy-footer-base.js

@@ -1,6 +1,6 @@
-import { Host, h } from '@stencil/core';
-import { FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { Host, h } from "@stencil/core";
+import { FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 export class HyFooterBase {
   constructor() {
     this.color = FooterLinkItemColor.white;
@@ -18,7 +18,7 @@ export class HyFooterBase {
   }
   render() {
     const logoColor = ColorVariant.white;
-    const classAttributes = ['hy-footer-base--content-container'].join(' ');
+    const classAttributes = ["hy-footer-base--content-container"].join(" ");
     const links = this._dataFooterBaseLinks;
     const some = this._dataFooterBaseSome;
     return (h(Host, { class: classAttributes }, h("div", { class: "hy-footer-base" }, h("div", { class: "hy-footer-base__left" }, h("div", { class: "hy-footer-base__logo" }, h("hy-site-logo", { type: FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { class: "hy-footer-base__content" }, h("slot", { name: "content" })), h("div", { class: "hy-footer-base__some" }, h("span", { class: "hy-footer-base__some__label" }, this.someLabel), h("div", { class: "hy-footer-base__some__items" }, some &&
@@ -165,7 +165,7 @@ export class HyFooterBase {
           "references": {
             "FooterBaseLinks": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-base/hy-footer-base.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-base/hy-footer-base.tsx"
             }
           }
         },
@@ -187,7 +187,7 @@ export class HyFooterBase {
           "references": {
             "FooterBaseSome": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-base/hy-footer-base.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-base/hy-footer-base.tsx"
             }
           }
         },

package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js

@@ -1,7 +1,7 @@
-import { h, Host } from '@stencil/core';
-import ResizeObserver from 'resize-observer-polyfill';
-import { ColorVariant, CtaLinkButtonVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, HeadingSectionVariants, HeadingVarians, } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import ResizeObserver from "resize-observer-polyfill";
+import { ColorVariant, CtaLinkButtonVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, HeadingSectionVariants, HeadingVarians, } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 export class HyFooterInfo {
   constructor() {
     this.textTitle = undefined;
@@ -42,37 +42,37 @@ export class HyFooterInfo {
     const luomusFooterContentItems = this._dataLuomusFooterContent;
     const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;
     const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;
-    const footerLinkItemClass = this.isGroup ? 'group' : 'campus';
+    const footerLinkItemClass = this.isGroup ? "group" : "campus";
     const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;
     const logoColor = ColorVariant.white;
     const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;
     return (h(Host, { class: {
-        'hy-footer-info': true,
+        "hy-footer-info": true,
         luomus: this.isLuomusGroup,
       } }, h("div", { class: {
-        'hy-footer-info__content': true,
-        'is-group': this.isGroup,
-      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: 'hy-footer-info__branding' }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: 'Luomus logo' })))), !this.isLuomusGroup && (h("div", { class: {
-        'hy-footer-info__ingress': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__content": true,
+        "is-group": this.isGroup,
+      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: "hy-footer-info__branding" }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: "Luomus logo" })))), !this.isLuomusGroup && (h("div", { class: {
+        "hy-footer-info__ingress": true,
+        "is-group": this.isGroup,
       }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
       luomusFooterContentItems &&
       luomusFooterContentItems.map((item) => {
         return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
       })), this.isMobile && this.isGroup === false ? (h("div", { class: {
-        'hy-footer-info__links': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__links": true,
+        "is-group": this.isGroup,
         luomus: this.isLuomusGroup,
-      } }, h("hy-accordion-container", { accordionid: 'test' }, links &&
+      } }, h("hy-accordion-container", { accordionid: "test" }, links &&
       links.map((link) => {
         return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
       })))) : (h("div", { class: {
-        'hy-footer-info__links': true,
-        'is-group': this.isGroup,
+        "hy-footer-info__links": true,
+        "is-group": this.isGroup,
         luomus: this.isLuomusGroup,
       } }, links &&
       links.map((link) => {
-        const external_link = link.isExternal === 'external';
+        const external_link = link.isExternal === "external";
         return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
       })))));
   }
@@ -287,7 +287,7 @@ export class HyFooterInfo {
           "references": {
             "FooterInfoLinks": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-info/hy-footer-info.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-info/hy-footer-info.tsx"
             }
           }
         },
@@ -309,7 +309,7 @@ export class HyFooterInfo {
           "references": {
             "LuomusFooterContent": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-info/hy-footer-info.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/footer/hy-footer-info/hy-footer-info.tsx"
             }
           }
         },

package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { FooterLinkItemColor, FooterLinkVariants, HeadingVarians } from '../../../utils/utils';
+import { h } from "@stencil/core";
+import { FooterLinkItemColor, FooterLinkVariants, HeadingVarians } from "../../../utils/utils";
 export class HyFooterLinkItem {
   constructor() {
     this.label = undefined;
@@ -14,43 +14,43 @@ export class HyFooterLinkItem {
   }
   render() {
     const containerClassAttributes = [
-      'hy-footer-link-item--container',
+      "hy-footer-link-item--container",
       `hy-footer-link-item__${this.variant}`,
-      this.items && 'hy-footer-link-item__has-children',
-    ].join(' ');
+      this.items && "hy-footer-link-item__has-children",
+    ].join(" ");
     const classAttributes = [
-      'hy-footer-link-item',
-      this.mainLink && 'hy-footer-link-item__main',
+      "hy-footer-link-item",
+      this.mainLink && "hy-footer-link-item__main",
       `hy-footer-link-item__color-${this.color}`,
-    ].join(' ');
+    ].join(" ");
     const headingClassAttributes = [
-      'hy-footer-link-item',
-      'hy-footer-link-item__heading',
-      this.mainLink && 'hy-footer-link-item__main',
+      "hy-footer-link-item",
+      "hy-footer-link-item__heading",
+      this.mainLink && "hy-footer-link-item__main",
       `hy-footer-link-item__heading__color-${this.color}`,
-    ].join(' ');
+    ].join(" ");
     const linkClassAttributes = [
-      'hy-footer-link-item',
+      "hy-footer-link-item",
       `hy-footer-link-item__color-${this.color}`,
-      this.isLuomusGroup ? `luomus` : '',
-    ].join(' ');
+      this.isLuomusGroup ? `luomus` : "",
+    ].join(" ");
     if (this.items) {
       if (this.isMobile && this.variant !== FooterLinkVariants.group) {
         return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
-          const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+          const target = item.isExternal === "external" ? "_blank" : "_self";
+          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
         })));
       }
       else {
-        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: 'hy-footer-link-item__link', href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && h("div", { class: 'hy-footer-link-item__link' }, this.label)), this.items.map((item) => {
-          const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: "hy-footer-link-item__link", href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && h("div", { class: "hy-footer-link-item__link" }, this.label)), this.items.map((item) => {
+          const target = item.isExternal === "external" ? "_blank" : "_self";
+          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
         })));
       }
     }
     else {
-      const target = this.isExternal ? '_blank' : '_self';
-      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+      const target = this.isExternal ? "_blank" : "_self";
+      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: "hy-footer-link-item__icon", icon: "hy-icon-arrow-right", size: 16 })));
     }
   }
   static get is() { return "hy-footer-link-item"; }

package/dist/collection/components/grid-container/grid-container.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class GridContainer {
   render() {
     const classAttributes = ["hy-grid--container"];

package/dist/collection/components/grid-item/grid-item.js

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { GridColumns, GridColumnsSm, GridColumnsLg, GridAlignVariants } from "../../utils/utils";
 export class GridItem {
   constructor() {
     this.columns = GridColumns.default;
@@ -9,13 +9,13 @@ export class GridItem {
   }
   render() {
     const classAttributes = [
-      'hy-grid-item',
+      "hy-grid-item",
       `hy-grid__col-${this.columnssm}-sm`,
       `hy-grid__col-${this.columns}`,
       `hy-grid__col-${this.columnslg}-lg`,
-      `hy-grid-align__${this.contentalign}`
+      `hy-grid-align__${this.contentalign}`,
     ];
-    return (h(Host, { class: classAttributes.join(' ') }, h("slot", null)));
+    return (h(Host, { class: classAttributes.join(" ") }, h("slot", null)));
   }
   static get is() { return "hy-grid-item"; }
   static get originalStyleUrls() {