@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

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

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { CtaLinkVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { CtaLinkVariants } from "../../utils/utils";
 let scrollTimeout = null;
 let checkTimeout = null;
 let itemWidth = 280 + 24;
@@ -9,48 +9,48 @@ export class HyEvents {
     this.showMore = false;
     this.viewAllUrl = undefined;
     this.viewAllLabel = undefined;
-    this.scrollLeftLabel = 'Scroll list to left';
-    this.scrollRightLabel = 'Scroll list to right';
+    this.scrollLeftLabel = "Scroll list to left";
+    this.scrollRightLabel = "Scroll list to right";
     this.scrollable = true;
   }
   componentDidLoad() {
     const itemList = this.el;
-    const content = document.querySelector('.hy-events');
-    const scrollLeft = itemList.querySelector('.hy-events__scroll-left');
-    const scrollRight = itemList.querySelector('.hy-events__scroll-right');
+    const content = document.querySelector(".hy-events");
+    const scrollLeft = itemList.querySelector(".hy-events__scroll-left");
+    const scrollRight = itemList.querySelector(".hy-events__scroll-right");
     //this.checkScrollHidden(content, scrollLeft, scrollRight);
     if (this.styleGrid) {
-      content.addEventListener('scroll', () => {
+      content.addEventListener("scroll", () => {
         scrollTimeout = setTimeout(() => {
           window.clearTimeout(scrollTimeout);
         }, 250);
       }, false);
-      scrollLeft.addEventListener('click', (e) => {
+      scrollLeft.addEventListener("click", (e) => {
         e.preventDefault();
-        scrollLeft.classList.add('is-disabled');
+        scrollLeft.classList.add("is-disabled");
         content.scrollBy({
           top: 0,
           left: -itemWidth,
-          behavior: 'smooth',
+          behavior: "smooth",
         });
         checkTimeout = window.setTimeout(() => {
           window.clearTimeout(checkTimeout);
           //this.checkScrollHidden(content, scrollLeft, scrollRight);
-          scrollLeft.classList.remove('is-disabled');
+          scrollLeft.classList.remove("is-disabled");
         }, 250);
       });
-      scrollRight.addEventListener('click', (e) => {
+      scrollRight.addEventListener("click", (e) => {
         e.preventDefault();
-        scrollRight.classList.add('is-disabled');
+        scrollRight.classList.add("is-disabled");
         content.scrollBy({
           top: 0,
           left: +itemWidth,
-          behavior: 'smooth',
+          behavior: "smooth",
         });
         checkTimeout = window.setTimeout(() => {
           window.clearTimeout(checkTimeout);
           //this.checkScrollHidden(content, scrollLeft, scrollRight);
-          scrollRight.classList.remove('is-disabled');
+          scrollRight.classList.remove("is-disabled");
         }, 250);
       });
     }
@@ -61,23 +61,23 @@ export class HyEvents {
     }
   }
   checkScrollHidden(list, leftButton, rightButton) {
-    const itemList = list.querySelector('.hy-events__content');
+    const itemList = list.querySelector(".hy-events__content");
     if (list.scrollLeft === 0) {
-      leftButton.classList.add('is-hidden');
+      leftButton.classList.add("is-hidden");
     }
     else {
-      leftButton.classList.remove('is-hidden');
+      leftButton.classList.remove("is-hidden");
     }
     if (list.scrollLeft + list.clientWidth >= itemList.scrollWidth - 1) {
-      rightButton.classList.add('is-hidden');
+      rightButton.classList.add("is-hidden");
     }
     else {
-      rightButton.classList.remove('is-hidden');
+      rightButton.classList.remove("is-hidden");
     }
   }
   render() {
-    const classAttributes = ['hy-events', this.styleGrid ? 'hy-events--grid' : ''].join(' ');
-    const footerClasses = ['hy-events__footer', this.styleGrid ? 'hy-events__footer--grid' : ''].join(' ');
+    const classAttributes = ["hy-events", this.styleGrid ? "hy-events--grid" : ""].join(" ");
+    const footerClasses = ["hy-events__footer", this.styleGrid ? "hy-events__footer--grid" : ""].join(" ");
     return (h("div", { class: "hy-events--wrapper" }, h("div", { class: classAttributes }, h("slot", null)), h("div", { class: footerClasses }, this.scrollable && this.styleGrid && (h("div", { class: "hy-events__scroll-buttons" }, h("button", { type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel }, h("hy-icon", { icon: "hy-icon-caret-left", size: 16 })), h("button", { type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel }, h("hy-icon", { icon: "hy-icon-caret-right", size: 16 })))), this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
   }
   static get is() { return "hy-events"; }
@@ -179,7 +179,7 @@ export class HyEvents {
         },
         "attribute": "scroll-left-label",
         "reflect": false,
-        "defaultValue": "'Scroll list to left'"
+        "defaultValue": "\"Scroll list to left\""
       },
       "scrollRightLabel": {
         "type": "string",
@@ -197,7 +197,7 @@ export class HyEvents {
         },
         "attribute": "scroll-right-label",
         "reflect": false,
-        "defaultValue": "'Scroll list to right'"
+        "defaultValue": "\"Scroll list to right\""
       }
     };
   }
@@ -214,4 +214,3 @@ export class HyEvents {
       }];
   }
 }
-//# sourceMappingURL=hy-events.js.map

package/dist/collection/components/hy-filter-group/hy-filter-group.item.js

@@ -1,12 +1,12 @@
-import { h } from '@stencil/core';
-import { ColorVariant } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { ColorVariant } from "../../utils/utils";
 export class HyFilterGroupItem {
   constructor() {
     this.filterGroupItemId = undefined;
     this.filterGroupItemLabel = undefined;
   }
   render() {
-    return (h("li", { class: "hy-filter-group__filter" }, h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-remove', size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", null)));
+    return (h("li", { class: "hy-filter-group__filter" }, h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-remove", size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", null)));
   }
   static get is() { return "hy-filter-group-item"; }
   static get properties() {
@@ -48,4 +48,3 @@ export class HyFilterGroupItem {
     };
   }
 }
-//# sourceMappingURL=hy-filter-group.item.js.map

package/dist/collection/components/hy-filter-group/hy-filter-group.js

@@ -1,11 +1,11 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyFilterGroup {
   constructor() {
     this.filterGroupLabel = undefined;
     this.filterGroupFilters = undefined;
   }
   arrayDataWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._filterGroupFilters = JSON.parse(newValue);
     }
     else {
@@ -61,7 +61,7 @@ export class HyFilterGroup {
           "references": {
             "IFilterGroupFilter": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-filter-group/hy-filter-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-filter-group/hy-filter-group.tsx"
             }
           }
         },
@@ -83,4 +83,3 @@ export class HyFilterGroup {
       }];
   }
 }
-//# sourceMappingURL=hy-filter-group.js.map

package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { ListStyleVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { ListStyleVariants } from "../../utils/utils";
 export class HyFilterListType {
   constructor() {
     this.filterLabel = undefined;
@@ -7,14 +7,14 @@ export class HyFilterListType {
   }
   render() {
     return (h("div", { class: "hy-filter__list-type" }, h("span", null, this.filterLabel), h("button", { type: "button", class: {
-        'hy-filter-item': true,
-        'hy-filter__list-type__list': true,
-        'is-active': this.filterValue == ListStyleVariants.list,
-      }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-list', size: 16, "aria-hidden": "true" })), h("button", { type: "button", class: {
-        'hy-filter-item': true,
-        'hy-filter__list-type__grid': true,
-        'is-active': this.filterValue == ListStyleVariants.grid,
-      }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-grid', size: 16, "aria-hidden": "true" }))));
+        "hy-filter-item": true,
+        "hy-filter__list-type__list": true,
+        "is-active": this.filterValue == ListStyleVariants.list,
+      }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-list", size: 16, "aria-hidden": "true" })), h("button", { type: "button", class: {
+        "hy-filter-item": true,
+        "hy-filter__list-type__grid": true,
+        "is-active": this.filterValue == ListStyleVariants.grid,
+      }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: "hy-icon-list-style-grid", size: 16, "aria-hidden": "true" }))));
   }
   static get is() { return "hy-filter-list-type"; }
   static get originalStyleUrls() {
@@ -66,4 +66,3 @@ export class HyFilterListType {
     };
   }
 }
-//# sourceMappingURL=hy-filter-list-type.js.map

package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.js

@@ -1,13 +1,13 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyFilterVisibilityTool {
   constructor() {
     this.filterVisibilityToolType = undefined;
   }
   render() {
     switch (this.filterVisibilityToolType) {
-      case 'toggle':
+      case "toggle":
         return (h(Host, null, h("hy-filter-visibility-tool-toggle", null)));
-      case 'reset':
+      case "reset":
         return (h(Host, null, h("hy-filter-visibility-tool-reset", null)));
     }
   }
@@ -28,7 +28,7 @@ export class HyFilterVisibilityTool {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'toggle' | 'reset'",
+          "original": "\"toggle\" | \"reset\"",
           "resolved": "\"reset\" | \"toggle\"",
           "references": {}
         },
@@ -44,4 +44,3 @@ export class HyFilterVisibilityTool {
     };
   }
 }
-//# sourceMappingURL=hy-filter-visibility-tool.js.map

package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.js

@@ -1,8 +1,7 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyFilterVisibilityToolReset {
   render() {
-    return (h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-remove', size: 14, "aria-hidden": "true" }), "Reset filters"));
+    return (h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--reset", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-remove", size: 14, "aria-hidden": "true" }), "Reset filters"));
   }
   static get is() { return "hy-filter-visibility-tool-reset"; }
 }
-//# sourceMappingURL=hy-filter-visibility-tool.reset.js.map

package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.toggle.js

@@ -1,8 +1,7 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class HyFilterVisibilityToolToggle {
   render() {
-    return (h(Host, null, h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-plus', size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: 'hy-icon-minus', size: 12, "aria-hidden": "true" }), "Show less filters")));
+    return (h(Host, null, h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-more", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-plus", size: 12, "aria-hidden": "true" }), "Show more filters"), h("button", { class: "hy-filter-visibility-tool hy-filter-visibility-tool--show-less", type: "button" }, h("hy-icon", { class: "hy-filter-visibility-tool__icon", icon: "hy-icon-minus", size: 12, "aria-hidden": "true" }), "Show less filters")));
   }
   static get is() { return "hy-filter-visibility-tool-toggle"; }
 }
-//# sourceMappingURL=hy-filter-visibility-tool.reset.toggle.js.map

package/dist/collection/components/hy-general-list/hy-general-list.js

@@ -1,6 +1,6 @@
-import { h, Host } from '@stencil/core';
-import { GeneralListTypes } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import { GeneralListTypes } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyGeneralList {
   constructor() {
     this.type = GeneralListTypes.list;
@@ -12,9 +12,9 @@ export class HyGeneralList {
   }
   async componentWillLoad() {
     this._dataItems = await jsonParserWorker(this.dataItems);
-    const hyMainDiv = this.el.closest('.hy-main');
+    const hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (hyMainDiv.classList.contains('with-sidebar')) {
+      if (hyMainDiv.classList.contains("with-sidebar")) {
         this.hasSidebar = true;
       }
     }
@@ -26,16 +26,16 @@ export class HyGeneralList {
   }
   render() {
     const classAttributes = [
-      'hy-general-list',
-      this.hasSidebar ? 'hy-general-list--with-sidebar' : '',
+      "hy-general-list",
+      this.hasSidebar ? "hy-general-list--with-sidebar" : "",
       `hy-general-list--style-${this.type}`,
-    ].join(' ');
+    ].join(" ");
     let listData = this._dataItems;
-    if (typeof this._dataItems === 'object') {
+    if (typeof this._dataItems === "object") {
       listData = Object.values(this._dataItems);
     }
     function truncate(str, n) {
-      return str.length > n ? str.substr(0, n - 1) + '...' : str;
+      return str.length > n ? str.substr(0, n - 1) + "..." : str;
     }
     return (h(Host, null, h("ul", { class: classAttributes }, listData &&
       listData.map((item) => (h("li", null, h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
@@ -103,7 +103,7 @@ export class HyGeneralList {
           "references": {
             "ListItemValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-general-list/hy-general-list.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-general-list/hy-general-list.tsx"
             }
           }
         },
@@ -167,4 +167,3 @@ export class HyGeneralList {
       }];
   }
 }
-//# sourceMappingURL=hy-general-list.js.map

package/dist/collection/components/hy-general-list-item/hy-general-list-item.js

@@ -1,38 +1,38 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyGeneralListItem {
   constructor() {
     this.hasSidebar = true;
     this.description = undefined;
-    this.imageAlt = '';
+    this.imageAlt = "";
     this.imageUrl = null;
     this.disableLazy = false;
     this.itemTitle = undefined;
     this.label = undefined;
-    this.subLabel = '';
-    this.date = '';
-    this.tag = '';
+    this.subLabel = "";
+    this.date = "";
+    this.tag = "";
     this.type = undefined;
     this.url = undefined;
     this.listStyle = undefined;
     this.target = true;
   }
   render() {
-    const classAttributes = ['hy-general-list-item', `hy-general-list-item--style-${this.listStyle}`].join(' ');
-    const contentClassAttributes = ['hy-general-list-item__text-container'].join(' ');
-    const imageClassAttributes = ['hy-general-list-item__image-container'].join(' ');
-    const sidebarClass = this.hasSidebar ? 'common' : 'large';
-    const titleClassAttributes = ['hy-general-list-item__title', `hy-general-list-item__title__${sidebarClass}`].join(' ');
+    const classAttributes = ["hy-general-list-item", `hy-general-list-item--style-${this.listStyle}`].join(" ");
+    const contentClassAttributes = ["hy-general-list-item__text-container"].join(" ");
+    const imageClassAttributes = ["hy-general-list-item__image-container"].join(" ");
+    const sidebarClass = this.hasSidebar ? "common" : "large";
+    const titleClassAttributes = ["hy-general-list-item__title", `hy-general-list-item__title__${sidebarClass}`].join(" ");
     const descriptionClassAttributes = [
-      'hy-general-list-item__description',
+      "hy-general-list-item__description",
       `hy-general-list-item__description__${sidebarClass}`,
-    ].join(' ');
+    ].join(" ");
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
-    return (h("article", { class: classAttributes }, h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? '_blank' : '_self' }, this.type && (h("div", { class: "hy-general-list-item__type" }, h("span", { class: "hy-general-list-item__type__major" }, this.label), h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { class: imageClassAttributes, style: aspectRatio }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, (this.tag || this.date) && (h("span", { class: "hy-genenral-list-item__meta" }, this.tag, h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && '|', " ", this.date))), h("h3", { class: titleClassAttributes }, this.itemTitle), h("p", { class: descriptionClassAttributes }, this.description)))));
+    return (h("article", { class: classAttributes }, h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { class: "hy-general-list-item__type" }, h("span", { class: "hy-general-list-item__type__major" }, this.label), h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { class: imageClassAttributes, style: aspectRatio }, h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, (this.tag || this.date) && (h("span", { class: "hy-genenral-list-item__meta" }, this.tag, h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { class: titleClassAttributes }, this.itemTitle), h("p", { class: descriptionClassAttributes }, this.description)))));
   }
   static get is() { return "hy-general-list-item"; }
   static get originalStyleUrls() {
@@ -98,7 +98,7 @@ export class HyGeneralListItem {
         },
         "attribute": "image-alt",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "imageUrl": {
         "type": "string",
@@ -186,7 +186,7 @@ export class HyGeneralListItem {
         },
         "attribute": "sub-label",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "date": {
         "type": "string",
@@ -204,7 +204,7 @@ export class HyGeneralListItem {
         },
         "attribute": "date",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "tag": {
         "type": "string",
@@ -222,7 +222,7 @@ export class HyGeneralListItem {
         },
         "attribute": "tag",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "type": {
         "type": "string",
@@ -297,4 +297,3 @@ export class HyGeneralListItem {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-general-list-item.js.map

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

@@ -1,8 +1,8 @@
 let timeout = null;
 let delay = 250;
-import { h, Host } from '@stencil/core';
-import { jsonParserWorker } from '../../global/globalScript';
-import { CtaLinkButtonVariants, HeroColorVariant, HeroSizeVariant, HeroGroupTypeVariant, HeroTypeVariant, } from '../../utils/utils';
+import { h, Host } from "@stencil/core";
+import { jsonParserWorker } from "../../global/globalScript";
+import { CtaLinkButtonVariants, HeroColorVariant, HeroSizeVariant, HeroGroupTypeVariant, HeroTypeVariant, } from "../../utils/utils";
 export class HyHero {
   constructor() {
     this.heroType = HeroTypeVariant.landing;
@@ -10,7 +10,7 @@ export class HyHero {
     this.colorVariant = HeroColorVariant.blue;
     this.sizeVariant = HeroSizeVariant.large;
     this.image = undefined;
-    this.imageAltText = '';
+    this.imageAltText = "";
     this.disableLazy = false;
     this.hasShortcuts = false;
     this.heading = undefined;
@@ -25,21 +25,21 @@ export class HyHero {
     this._sourceSet = await jsonParserWorker(this.sourceSet);
   }
   handleHeroImageObjectFitValue(heroSizeVariant, heroElement) {
-    const heroContentContainerElement = heroElement.getElementsByClassName('hy-hero__content-container')[0];
-    if (heroSizeVariant === 'small') {
+    const heroContentContainerElement = heroElement.getElementsByClassName("hy-hero__content-container")[0];
+    if (heroSizeVariant === "small") {
       if (heroContentContainerElement.offsetHeight >= 300) {
-        heroElement.classList.add('has-cover');
+        heroElement.classList.add("has-cover");
       }
       else {
-        heroElement.classList.remove('has-cover');
+        heroElement.classList.remove("has-cover");
       }
     }
-    if (heroSizeVariant === 'large') {
+    if (heroSizeVariant === "large") {
       if (heroContentContainerElement.offsetHeight >= 344) {
-        heroElement.classList.add('has-cover');
+        heroElement.classList.add("has-cover");
       }
       else {
-        heroElement.classList.remove('has-cover');
+        heroElement.classList.remove("has-cover");
       }
     }
   }
@@ -47,7 +47,7 @@ export class HyHero {
     let variant = CtaLinkButtonVariants.heroWhite;
     let colorVariantValue = this.colorVariant;
     let heroTypeValue = this.heroType;
-    if (this.heroType === 'minor_landing') {
+    if (this.heroType === "minor_landing") {
       colorVariantValue = HeroColorVariant.white;
       heroTypeValue = HeroTypeVariant.landing;
     }
@@ -57,41 +57,41 @@ export class HyHero {
     if (colorVariantValue === HeroColorVariant.black) {
       variant = CtaLinkButtonVariants.heroBlack;
     }
-    if (!colorVariantValue || colorVariantValue === 'fp_white') {
+    if (!colorVariantValue || colorVariantValue === "fp_white") {
       colorVariantValue = HeroColorVariant.white;
     }
     const hyHeroClasses = [
-      'hy-hero',
+      "hy-hero",
       `hy-hero--${heroTypeValue}`,
       `hy-hero--${this.heroGroupType}`,
       `hy-hero--${colorVariantValue}`,
       `hy-hero--${this.sizeVariant}`,
     ];
-    const heroTitleClasses = ['hy-hero__title', 'hy-heading__hero'].join(' ');
+    const heroTitleClasses = ["hy-hero__title", "hy-heading__hero"].join(" ");
     // If there is a Shortcuts block after hero, add the class 'shortcuts' to remove underline.
     if (this.hasShortcuts) {
-      hyHeroClasses.push('has-shortcuts');
+      hyHeroClasses.push("has-shortcuts");
     }
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
     window.onload = () => {
-      const heroElement = document.getElementsByClassName('hy-hero')[0];
+      const heroElement = document.getElementsByClassName("hy-hero")[0];
       this.handleHeroImageObjectFitValue(this.sizeVariant, heroElement);
-      window.addEventListener('resize', () => {
+      window.addEventListener("resize", () => {
         clearTimeout(timeout);
         timeout = setTimeout(() => this.handleHeroImageObjectFitValue(this.sizeVariant, heroElement), delay);
       });
     };
-    if (heroTypeValue === 'front_page') {
-      return (h(Host, null, h("div", { class: hyHeroClasses.join(' ') }, h("div", { class: `hy-hero__container` }, h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
-        (this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), h("div", { class: `hy-hero__spacer-box` }), h("div", { class: `hy-hero__content-container` }, h("div", { class: `hy-hero__content` }, h("div", { class: `hy-hero__title-container` }, h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && h("p", { class: `hy-hero__description` }, this.description), this.url && (h("div", { class: `hy-hero__actions` }, h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), h("hy-box", { mb: "2, 2, 1, 1" })));
+    if (heroTypeValue === "front_page") {
+      return (h(Host, null, h("div", { class: hyHeroClasses.join(" ") }, h("div", { class: `hy-hero__container` }, h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
+        (this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), h("div", { class: `hy-hero__spacer-box` }), h("div", { class: `hy-hero__content-container` }, h("div", { class: `hy-hero__content` }, h("div", { class: `hy-hero__title-container` }, h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && h("p", { class: `hy-hero__description` }, this.description), this.url && (h("div", { class: `hy-hero__actions` }, h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), h("hy-box", { mb: "2, 2, 1, 1" })));
     }
-    return (h(Host, null, h("div", { class: hyHeroClasses.join(' ') }, h("div", { class: `hy-hero__container` }, h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
-      (this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), h("div", { class: `hy-hero__content-container` }, h("div", { class: `hy-hero__content` }, h("div", { class: `hy-hero__title-container` }, h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && h("p", { class: `hy-hero__description` }, this.description), this.url && (h("div", { class: `hy-hero__actions` }, h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), h("hy-box", { mb: "2, 2, 1, 1" })));
+    return (h(Host, null, h("div", { class: hyHeroClasses.join(" ") }, h("div", { class: `hy-hero__container` }, h("div", { class: `hy-hero__image-container`, style: aspectRatio }, this.image &&
+      (this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : "" }))), h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAltText, class: `hy-image__image`, src: this.image })))), h("div", { class: `hy-hero__content-container` }, h("div", { class: `hy-hero__content` }, h("div", { class: `hy-hero__title-container` }, h("h2", { innerHTML: this.heading, class: heroTitleClasses })), this.description && h("p", { class: `hy-hero__description` }, this.description), this.url && (h("div", { class: `hy-hero__actions` }, h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant }))))))), h("hy-box", { mb: "2, 2, 1, 1" })));
   }
   static get is() { return "hy-hero"; }
   static get originalStyleUrls() {
@@ -231,7 +231,7 @@ export class HyHero {
         },
         "attribute": "image-alt-text",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "disableLazy": {
         "type": "boolean",
@@ -381,7 +381,7 @@ export class HyHero {
           "references": {
             "ImageSrcSet": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-hero/hy-hero.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-hero/hy-hero.tsx"
             }
           }
         },
@@ -398,4 +398,3 @@ export class HyHero {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-hero.js.map