@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

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

@@ -1,34 +1,34 @@
-import { h } from '@stencil/core';
-import { CtaLinkVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h } from "@stencil/core";
+import { CtaLinkVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyLinkList {
   constructor() {
-    this.headerstyle = 'default';
+    this.headerstyle = "default";
     this.dataItems = undefined;
-    this.listHeading = '';
+    this.listHeading = "";
     this.variation = undefined;
-    this.headingVariant = 'h2';
+    this.headingVariant = "h2";
   }
   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 linkVariant = CtaLinkVariants.linkList;
     const HeadingVariant = this.headingVariant.toLowerCase();
-    let columnType = 'col-3';
+    let columnType = "col-3";
     if (this._dataItems.length === 7 || this._dataItems.length % 4 === 0) {
-      columnType = 'col-4';
+      columnType = "col-4";
     }
     return [
-      h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` }, this.listHeading.length > 0 && (h(HeadingVariant, { class: 'hy-link-list__title' }, this.listHeading)), h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === 'grid' ? columnType : ''}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (h("li", { class: "hy-link-list__links-item" }, h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
+      h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` }, this.listHeading.length > 0 && (h(HeadingVariant, { class: "hy-link-list__title" }, this.listHeading)), h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === "grid" ? columnType : ""}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (h("li", { class: "hy-link-list__links-item" }, h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
     ];
   }
   static get is() { return "hy-link-list"; }
@@ -60,7 +60,7 @@ export class HyLinkList {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "dataItems": {
         "type": "string",
@@ -71,7 +71,7 @@ export class HyLinkList {
           "references": {
             "CtaLinkValue": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-link-list/hy-link-list.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-link-list/hy-link-list.tsx"
             }
           }
         },
@@ -100,7 +100,7 @@ export class HyLinkList {
         },
         "attribute": "list-heading",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "variation": {
         "type": "string",
@@ -135,10 +135,9 @@ export class HyLinkList {
         },
         "attribute": "heading-variant",
         "reflect": false,
-        "defaultValue": "'h2'"
+        "defaultValue": "\"h2\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-link-list.js.map

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

@@ -1,8 +1,8 @@
-import { h } from '@stencil/core';
-import { ListItemVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { ListItemVariants } from "../../utils/utils";
 let keys = {
-  enter: 'Enter',
-  space: 'Space',
+  enter: "Enter",
+  space: "Space",
 };
 export class HyListItem {
   constructor() {
@@ -20,9 +20,9 @@ export class HyListItem {
     this.relatedLinksBlockTitle = undefined;
     this.relatedLinks = undefined;
     this.imageLabel = undefined;
-    this.outGoingUrlLabel = 'Go to programme page';
+    this.outGoingUrlLabel = "Go to programme page";
     this.additionalInfo = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.sourceSet = undefined;
     this.truncateDescription = false;
     this.truncateLimit = 140;
@@ -30,7 +30,7 @@ export class HyListItem {
     this._imageMinWidth = 0;
   }
   relatedLinksWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._relatedLinks = JSON.parse(newValue);
     }
     else {
@@ -38,7 +38,7 @@ export class HyListItem {
     }
   }
   additionalInfoWatcher(newValue) {
-    if (typeof newValue === 'string') {
+    if (typeof newValue === "string") {
       this._additionalInfo = JSON.parse(newValue);
     }
     else {
@@ -46,11 +46,11 @@ export class HyListItem {
     }
   }
   srcSetWatcher(data) {
-    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
+    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
   }
   expandRelatedInfoPanel(target) {
     let contentSelector = `hy-list-item-wrapper__${this.variant}__related-info__content`;
-    let targetButtonClass = 'hy-list-item-wrapper__degree__related-info__heading__button';
+    let targetButtonClass = "hy-list-item-wrapper__degree__related-info__heading__button";
     let contentSection = document.querySelectorAll(`[aria-labelledBy="${target.id}"]`)[0];
     if (contentSection) {
       if (!this.isExpandedRelatedContent) {
@@ -68,12 +68,12 @@ export class HyListItem {
     const key = event.code;
     let target = event.target;
     const targetElement = target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'path', 'button', 'a'].indexOf(r) >= 0);
+    const possibleTags = [targetElement].some((r) => ["svg", "path", "button", "a"].indexOf(r) >= 0);
     if (target &&
       possibleTags &&
-      !target.classList.contains('hy-list-item-wrapper__degree__related-info__link') &&
+      !target.classList.contains("hy-list-item-wrapper__degree__related-info__link") &&
       [keys.enter, keys.space].includes(key)) {
-      if (targetElement !== 'button') {
+      if (targetElement !== "button") {
         target = target.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`);
       }
       this.expandRelatedInfoPanel(target);
@@ -83,9 +83,9 @@ export class HyListItem {
   handleClick(event) {
     let target = event.target;
     const targetElement = target.tagName.toLowerCase();
-    const possibleTags = [targetElement].some((r) => ['svg', 'path', 'button', 'a'].indexOf(r) >= 0);
-    if (target && possibleTags && !target.classList.contains('hy-list-item-wrapper__degree__related-info__link')) {
-      if (targetElement !== 'button') {
+    const possibleTags = [targetElement].some((r) => ["svg", "path", "button", "a"].indexOf(r) >= 0);
+    if (target && possibleTags && !target.classList.contains("hy-list-item-wrapper__degree__related-info__link")) {
+      if (targetElement !== "button") {
         target = target.closest(`.hy-list-item-wrapper__${this.variant}__related-info__heading__button`);
       }
       this.expandRelatedInfoPanel(target);
@@ -99,16 +99,16 @@ export class HyListItem {
     this.srcSetWatcher(this.sourceSet);
   }
   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";
       }
     }
     if (this.variant == ListItemVariants.degreeProgramme) {
-      const image = document.querySelector('.hy-list-item__degree__image-container__image img');
+      const image = document.querySelector(".hy-list-item__degree__image-container__image img");
       if (image) {
-        image.addEventListener('load', function () {
+        image.addEventListener("load", function () {
           const outputImageAspectRatio = 1;
           const imageHeight = image.naturalHeight;
           const imageWidth = image.naturalWidth;
@@ -127,15 +127,15 @@ export class HyListItem {
   }
   render() {
     const classWrapperAttributes = [
-      'hy-list-item-wrapper',
+      "hy-list-item-wrapper",
       `hy-list-item-wrapper__${this.variant}`,
       `hy-list-item-wrapper__${this.variant}__${this.headerstyle}`,
-    ].join(' ');
-    const classAttributes = ['hy-list-item', `hy-list-item__${this.variant}`].join(' ');
+    ].join(" ");
+    const classAttributes = ["hy-list-item", `hy-list-item__${this.variant}`].join(" ");
     const classInfoContainerAttributes = [
       `hy-list-item__${this.variant}__info-container`,
       `hy-list-item__${this.variant}__info-container__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     /*const classInfoContainerDataAttributes = [
       `hy-list-item__${this.variant}__info-container__data`,
       `hy-list-item__${this.variant}__info-container__data__${this.headerstyle}`,
@@ -143,91 +143,91 @@ export class HyListItem {
     const classInfoContainerHeader = [
       `hy-list-item__${this.variant}__info-container__header`,
       `hy-list-item__${this.variant}__info-container__header__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     const classInfoContainerTitle = [
       `hy-list-item__${this.variant}__info-container__title`,
       `hy-list-item__${this.variant}__info-container__title__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     const classInfoContainerDescription = [
       `hy-list-item__${this.variant}__info-container__description`,
       `hy-list-item__${this.variant}__info-container__description__${this.headerstyle}`,
-    ].join(' ');
-    const classInfoContainerLinkContainer = [`hy-list-item__${this.variant}__info-container__link-container`].join(' ');
-    const classInfoContainerLinkIcon = [`hy-list-item__${this.variant}__info-container__link__icon`].join(' ');
-    const classInfoContainerLink = [`hy-list-item__${this.variant}__info-container__link`].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
+    ].join(" ");
+    const classInfoContainerLinkContainer = [`hy-list-item__${this.variant}__info-container__link-container`].join(" ");
+    const classInfoContainerLinkIcon = [`hy-list-item__${this.variant}__info-container__link__icon`].join(" ");
+    const classInfoContainerLink = [`hy-list-item__${this.variant}__info-container__link`].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
     function truncate(str, n) {
-      return str.length > n ? str.substr(0, n - 1) + '...' : str;
+      return str.length > n ? str.substr(0, n - 1) + "..." : str;
     }
     switch (this.variant) {
       case ListItemVariants.position: {
         const classInfoContainerOutgoingLink = [
           `hy-list-item__${this.variant}__info-container__outgoing-link`,
           `hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`,
-        ].join(' ');
-        return (h("article", null, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classInfoContainerAttributes }, h("div", { class: classInfoContainerHeader }, h("div", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-units-and-faculties', size: 18 })), this.itemType), h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.truncateDescription
+        ].join(" ");
+        return (h("article", null, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classInfoContainerAttributes }, h("div", { class: classInfoContainerHeader }, h("div", { class: "icon" }, h("hy-icon", { icon: "hy-icon-units-and-faculties", size: 18 })), this.itemType), h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.truncateDescription
             ? truncate(this.itemDescription, this.truncateLimit)
-            : this.itemDescription }))), h("div", { class: classInfoContainerOutgoingLink }, h("span", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-done', size: 14 })), h("span", { class: "label" }, this.outGoingUrlLabel)))));
+            : this.itemDescription }))), h("div", { class: classInfoContainerOutgoingLink }, h("span", { class: "icon" }, h("hy-icon", { icon: "hy-icon-done", size: 14 })), h("span", { class: "label" }, this.outGoingUrlLabel)))));
       }
       case ListItemVariants.degreeProgramme: {
-        const classImageContainerAttributes = [`hy-list-item__${this.variant}__image-container`].join(' ');
-        const classImageContainerImage = [`hy-list-item__${this.variant}__image-container__image`].join(' ');
+        const classImageContainerAttributes = [`hy-list-item__${this.variant}__image-container`].join(" ");
+        const classImageContainerImage = [`hy-list-item__${this.variant}__image-container__image`].join(" ");
         const classInfoContainerAdditionalInfoAttributes = [
           `hy-list-item__${this.variant}__info-container__additional-info`,
           `hy-list-item__${this.variant}__info-container__additional-info__${this.headerstyle}`,
-        ].join(' ');
-        const withAdditionalInfo = this._additionalInfo && this._additionalInfo.length > 0 ? '' : 'link-only';
+        ].join(" ");
+        const withAdditionalInfo = this._additionalInfo && this._additionalInfo.length > 0 ? "" : "link-only";
         const classMetadataWrapper = [
           `hy-list-item__${this.variant}__info-container__metadata-wrapper`,
           withAdditionalInfo,
-        ].join(' ');
-        const classContentWrapper = [`hy-list-item__${this.variant}__info-container__content-wrapper`].join(' ');
+        ].join(" ");
+        const classContentWrapper = [`hy-list-item__${this.variant}__info-container__content-wrapper`].join(" ");
         const classInfoContainerOutgoingLink = [
           `hy-list-item__${this.variant}__info-container__outgoing-link`,
           `hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`,
-        ].join(' ');
+        ].join(" ");
         const classInfoContainerOutgoingLinkUrl = [
           `hy-list-item__${this.variant}__info-container__outgoing-link__link`,
-        ].join(' ');
+        ].join(" ");
         const classRelatedInfoContainer = [
           `hy-list-item-wrapper__${this.variant}__related-info`,
           `hy-list-item-wrapper__${this.variant}__related-info__${this.headerstyle}`,
-        ].join(' ');
-        const classRelatedInfoHeading = [`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(' ');
-        const classRelatedInfoHeadingLink = [`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(' ');
+        ].join(" ");
+        const classRelatedInfoHeading = [`hy-list-item-wrapper__${this.variant}__related-info__heading`].join(" ");
+        const classRelatedInfoHeadingLink = [`hy-list-item-wrapper__${this.variant}__related-info__heading__link`].join(" ");
         const classRelatedInfoHeadingButton = [
           `hy-list-item-wrapper__${this.variant}__related-info__heading__button`,
-        ].join(' ');
-        const classRelatedInfoHeadingIcon = [`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(' ');
-        const classRelatedInfoContent = [`hy-list-item-wrapper__${this.variant}__related-info__content`].join(' ');
-        const classRelatedInfoLink = [`hy-list-item-wrapper__${this.variant}__related-info__link`].join(' ');
+        ].join(" ");
+        const classRelatedInfoHeadingIcon = [`hy-list-item-wrapper__${this.variant}__related-info__heading__icon`].join(" ");
+        const classRelatedInfoContent = [`hy-list-item-wrapper__${this.variant}__related-info__content`].join(" ");
+        const classRelatedInfoLink = [`hy-list-item-wrapper__${this.variant}__related-info__link`].join(" ");
         const titleAsId = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0
-          ? `${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g, '-')
-          : '';
-        const accordionItemHref = '#' + titleAsId + '--title';
-        const relatedLinksCount = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0 ? this._relatedLinks.length : '';
+          ? `${this.itemTitle}-${this.relatedLinksBlockTitle}`.toLowerCase().replace(/\W/g, "-")
+          : "";
+        const accordionItemHref = "#" + titleAsId + "--title";
+        const relatedLinksCount = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0 ? this._relatedLinks.length : "";
         return [
-          h("article", { class: classWrapperAttributes }, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classImageContainerAttributes }, h("div", { class: classImageContainerImage }, 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', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
-              '--minheight': `${this._imageMinHeight}px`,
-              '--minwidth': `${this._imageMinWidth}px`,
-            } }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
-              '--minheight': `${this._imageMinHeight}px`,
-              '--minwidth': `${this._imageMinWidth}px`,
+          h("article", { class: classWrapperAttributes }, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classImageContainerAttributes }, h("div", { class: classImageContainerImage }, 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", "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
+              "--minheight": `${this._imageMinHeight}px`,
+              "--minwidth": `${this._imageMinWidth}px`,
+            } }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
+              "--minheight": `${this._imageMinHeight}px`,
+              "--minwidth": `${this._imageMinWidth}px`,
             } }))), this.imageLabel && h("span", null, this.imageLabel)), h("div", { class: classInfoContainerAttributes }, h("div", { class: classContentWrapper }, h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))), h("div", { class: classMetadataWrapper }, this._additionalInfo && (h("div", { class: classInfoContainerAdditionalInfoAttributes }, this._additionalInfo.map((x) => {
             let classInfoContainerAdditionalInfoItem = [
               `hy-list-item__${this.variant}__info-container__additional-info__item`,
               `hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,
-              `${x.isActive.toString() == 'true' ? 'active' : ''}`,
-            ].join(' ');
+              `${x.isActive.toString() == "true" ? "active" : ""}`,
+            ].join(" ");
             return h("div", { class: classInfoContainerAdditionalInfoItem }, x.text);
-          }))), h("div", { class: classInfoContainerOutgoingLink }, h("a", { href: this.url, target: target, "aria-label": this.scLabel, class: classInfoContainerOutgoingLinkUrl, tabindex: "-1" }, h("span", { class: "label" }, this.outGoingUrlLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 32 })))))))), this.relatedLinksBlockTitle && (h("div", { class: classRelatedInfoContainer }, h("div", { class: classRelatedInfoHeading }, h("a", { href: accordionItemHref, class: classRelatedInfoHeadingLink, tabindex: "-1" }, h("button", { "aria-expanded": "false", "aria-controls": `${titleAsId}--content`, class: classRelatedInfoHeadingButton, id: `${titleAsId}--title` }, h("span", { class: classRelatedInfoHeadingIcon }, h("hy-icon", { icon: 'hy-icon-caret-down', size: 14 })), this.relatedLinksBlockTitle, " (", relatedLinksCount, ")"))), h("div", { class: classRelatedInfoContent, "aria-labelledBy": `${titleAsId}--title`, id: `${titleAsId}--content`, role: "region", "aria-hidden": "true" }, this._relatedLinks.map((x) => {
-            let relatedLinkTarget = x.isExternal ? '_blank' : '_self';
+          }))), h("div", { class: classInfoContainerOutgoingLink }, h("a", { href: this.url, target: target, "aria-label": this.scLabel, class: classInfoContainerOutgoingLinkUrl, tabindex: "-1" }, h("span", { class: "label" }, this.outGoingUrlLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 32 })))))))), this.relatedLinksBlockTitle && (h("div", { class: classRelatedInfoContainer }, h("div", { class: classRelatedInfoHeading }, h("a", { href: accordionItemHref, class: classRelatedInfoHeadingLink, tabindex: "-1" }, h("button", { "aria-expanded": "false", "aria-controls": `${titleAsId}--content`, class: classRelatedInfoHeadingButton, id: `${titleAsId}--title` }, h("span", { class: classRelatedInfoHeadingIcon }, h("hy-icon", { icon: "hy-icon-caret-down", size: 14 })), this.relatedLinksBlockTitle, " (", relatedLinksCount, ")"))), h("div", { class: classRelatedInfoContent, "aria-labelledBy": `${titleAsId}--title`, id: `${titleAsId}--content`, role: "region", "aria-hidden": "true" }, this._relatedLinks.map((x) => {
+            let relatedLinkTarget = x.isExternal ? "_blank" : "_self";
             return (h("a", { class: classRelatedInfoLink, href: x.url, target: target, "aria-label": relatedLinkTarget }, x.label));
           }))))),
         ];
       }
       default: {
-        return (h("article", null, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classInfoContainerAttributes }, h("div", { class: classInfoContainerHeader }, this.itemType), h("div", { class: classInfoContainerTitle }, this.itemTitle), h("div", { class: classInfoContainerLinkContainer }, h("span", { class: classInfoContainerLinkIcon }, h("hy-icon", { icon: 'hy-icon-link', size: 15 })), h("div", { class: classInfoContainerLink }, this.url)), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))))));
+        return (h("article", null, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classInfoContainerAttributes }, h("div", { class: classInfoContainerHeader }, this.itemType), h("div", { class: classInfoContainerTitle }, this.itemTitle), h("div", { class: classInfoContainerLinkContainer }, h("span", { class: classInfoContainerLinkIcon }, h("hy-icon", { icon: "hy-icon-link", size: 15 })), h("div", { class: classInfoContainerLink }, this.url)), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))))));
       }
     }
   }
@@ -448,7 +448,7 @@ export class HyListItem {
           "references": {
             "RelatedLink": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-list-item/hy-list-item.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-list-item/hy-list-item.tsx"
             }
           }
         },
@@ -494,7 +494,7 @@ export class HyListItem {
         },
         "attribute": "out-going-url-label",
         "reflect": false,
-        "defaultValue": "'Go to programme page'"
+        "defaultValue": "\"Go to programme page\""
       },
       "additionalInfo": {
         "type": "string",
@@ -505,7 +505,7 @@ export class HyListItem {
           "references": {
             "AdditionalInfo": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-list-item/hy-list-item.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-list-item/hy-list-item.tsx"
             }
           }
         },
@@ -534,7 +534,7 @@ export class HyListItem {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "sourceSet": {
         "type": "string",
@@ -545,7 +545,7 @@ export class HyListItem {
           "references": {
             "ImageSrcSet": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-list-item/hy-list-item.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-list-item/hy-list-item.tsx"
             }
           }
         },
@@ -632,4 +632,3 @@ export class HyListItem {
       }];
   }
 }
-//# sourceMappingURL=hy-list-item.js.map

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyLogoGridItem {
   constructor() {
     this.link = undefined;
@@ -9,10 +9,10 @@ export class HyLogoGridItem {
     const parsedLink = this.link ? JSON.parse(this.link) : null;
     return parsedImage.map(({ image_sources: sources, image_url: fallback_url, image_alt: alt }) => {
       const parsedSources = JSON.parse(sources);
-      const elementContent = (h("figure", { class: "hy-logo-grid__figure" }, parsedSources && (h("picture", null, parsedSources.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes ? sizes : '' }))), h("img", { alt: alt, src: fallback_url }))), !parsedSources && h("img", { alt: alt, src: fallback_url })));
+      const elementContent = (h("figure", { class: "hy-logo-grid__figure" }, parsedSources && (h("picture", null, parsedSources.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes ? sizes : "" }))), h("img", { alt: alt, src: fallback_url }))), !parsedSources && h("img", { alt: alt, src: fallback_url })));
       if (parsedLink) {
         const { url, target } = parsedLink;
-        const targetValue = target === '_blank' ? target : '_self';
+        const targetValue = target === "_blank" ? target : "_self";
         return (h("a", { href: url, target: targetValue, class: "hy-logo-grid__link" }, elementContent));
       }
       return elementContent;
@@ -68,4 +68,3 @@ export class HyLogoGridItem {
     };
   }
 }
-//# sourceMappingURL=hy-logo-grid.item.js.map

package/dist/collection/components/hy-logo-grid/hy-logo-grid.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyLogoGrid {
   constructor() {
     this.headingVariant = undefined;
@@ -58,4 +58,3 @@ export class HyLogoGrid {
     };
   }
 }
-//# sourceMappingURL=hy-logo-grid.js.map

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

@@ -1,14 +1,14 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyMain {
   constructor() {
     this.hasSidebar = false;
   }
   render() {
     const classAttributes = [
-      'hy-main',
-      this.hasSidebar ? 'with-sidebar' : 'without-sidebar',
-      this.hasSidebar ? 'hy-main__common' : 'hy-main__large',
-    ].join(' ');
+      "hy-main",
+      this.hasSidebar ? "with-sidebar" : "without-sidebar",
+      this.hasSidebar ? "hy-main__common" : "hy-main__large",
+    ].join(" ");
     return (h("div", { class: classAttributes }, h("slot", null)));
   }
   static get is() { return "hy-main"; }
@@ -45,4 +45,3 @@ export class HyMain {
     };
   }
 }
-//# sourceMappingURL=hy-main.js.map

package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.js

@@ -1,7 +1,7 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class HyMainContentWrapper {
   render() {
-    const classAttributes = ['hy-main-content-wrapper'].join(' ');
+    const classAttributes = ["hy-main-content-wrapper"].join(" ");
     return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-main-content-wrapper"; }
@@ -16,4 +16,3 @@ export class HyMainContentWrapper {
     };
   }
 }
-//# sourceMappingURL=hy-main-content-wrapper.js.map

package/dist/collection/components/hy-opening-hours/hy-opening-hours.js

@@ -1,10 +1,10 @@
-import { Host, h } from '@stencil/core';
-import { CtaLinkVariants } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { CtaLinkVariants } from "../../utils/utils";
 export class HyOpeningHours {
   constructor() {
     this.blockTitle = null;
     this.language = undefined;
-    this.venueType = 'libraries';
+    this.venueType = "libraries";
     this.blockId = undefined;
     this.nextLabel = undefined;
     this.prevLabel = undefined;
@@ -13,7 +13,7 @@ export class HyOpeningHours {
     this.customerServiceLabel = undefined;
     this.date = null;
     this.dateTitle = null;
-    this.dateType = 'day';
+    this.dateType = "day";
     this.multiple = false;
     this.customLinkTitle = null;
     this.customLink = null;
@@ -21,12 +21,12 @@ export class HyOpeningHours {
   }
   render() {
     const containerClasses = [
-      'hy-open-hours--container',
-      this.exceptional ? 'hy-open-hours--container--exceptional' : '',
-    ].join(' ');
-    const listClasses = ['open-hours__content__top-label', this.venueType].join(' ');
-    const buildingClasses = ['open-hours__content__top-label building', this.venueType].join(' ');
-    return (h(Host, null, h("div", { class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { class: "open-hours__date-change" }, h("button", { "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { icon: 'hy-icon-caret-left', size: 18 })), h("span", { class: "open-hours__date-change--title" }, this.dateTitle), h("button", { "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 18 })))), h("div", { class: "open-hours__content__top" }, h("span", { class: listClasses }, this.listLabel), h("span", { class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { class: listClasses }, this.customerServiceLabel)), h("div", { class: "open-hours__content" }, h("slot", null)), this.customLink && (h("div", { class: "open-hours__links" }, h("hy-cta-link", { "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList }, this.customLinkTitle)))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+      "hy-open-hours--container",
+      this.exceptional ? "hy-open-hours--container--exceptional" : "",
+    ].join(" ");
+    const listClasses = ["open-hours__content__top-label", this.venueType].join(" ");
+    const buildingClasses = ["open-hours__content__top-label building", this.venueType].join(" ");
+    return (h(Host, null, h("div", { class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { class: "open-hours__date-change" }, h("button", { "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { icon: "hy-icon-caret-left", size: 18 })), h("span", { class: "open-hours__date-change--title" }, this.dateTitle), h("button", { "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { icon: "hy-icon-caret-right", size: 18 })))), h("div", { class: "open-hours__content__top" }, h("span", { class: listClasses }, this.listLabel), h("span", { class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { class: listClasses }, this.customerServiceLabel)), h("div", { class: "open-hours__content" }, h("slot", null)), this.customLink && (h("div", { class: "open-hours__links" }, h("hy-cta-link", { "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList }, this.customLinkTitle)))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-opening-hours"; }
   static get originalStyleUrls() {
@@ -92,7 +92,7 @@ export class HyOpeningHours {
         },
         "attribute": "venue-type",
         "reflect": false,
-        "defaultValue": "'libraries'"
+        "defaultValue": "\"libraries\""
       },
       "blockId": {
         "type": "string",
@@ -248,7 +248,7 @@ export class HyOpeningHours {
         },
         "attribute": "date-type",
         "reflect": false,
-        "defaultValue": "'day'"
+        "defaultValue": "\"day\""
       },
       "multiple": {
         "type": "boolean",
@@ -325,4 +325,3 @@ export class HyOpeningHours {
     };
   }
 }
-//# sourceMappingURL=hy-opening-hours.js.map

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js

@@ -1,13 +1,13 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyOpeningHoursContent {
   constructor() {
     this.multiple = false;
     this.selfServiceLabel = null;
-    this.venueType = 'libraries';
+    this.venueType = "libraries";
     this.dataItems = undefined;
   }
   dataItemsWatcher(data) {
-    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;
+    this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.dataItemsWatcher(this.dataItems);
@@ -16,15 +16,15 @@ export class HyOpeningHoursContent {
     return (h(Host, null, this._dataItems.map((item) => {
       if (!item.service)
         return;
-      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
+      const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
       return (h("div", { class: itemClasses }, h("span", { class: "open-hours__list-item--office" }, item.today ? item.today : item.dateLibrary), h("span", { class: "open-hours__list-item--hours" }, item.building), h("span", { class: "open-hours__list-item--service" }, item.service)));
     }), this.selfServiceLabel && (h("div", { class: "open-hours__content__top" }, h("span", { class: "open-hours__content__top-label" }, this.selfServiceLabel))), this._dataItems.map((item) => {
       if (item.service)
         return;
-      const itemClasses = ['open-hours__list-item', item.today ? 'open-hours__list-item--today' : ''].join(' ');
-      const hoursClasses = ['open-hours__list-item--hours', this.venueType].join(' ');
-      const officeClasses = ['open-hours__list-item--office', this.venueType].join(' ');
-      return (h("div", { class: itemClasses }, h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), h("span", { class: hoursClasses }, item.building), this.venueType !== 'luomus' && h("span", { class: "open-hours__list-item--service" }, "-")));
+      const itemClasses = ["open-hours__list-item", item.today ? "open-hours__list-item--today" : ""].join(" ");
+      const hoursClasses = ["open-hours__list-item--hours", this.venueType].join(" ");
+      const officeClasses = ["open-hours__list-item--office", this.venueType].join(" ");
+      return (h("div", { class: itemClasses }, h("span", { class: officeClasses }, item.today ? item.today : item.dateLibrary), h("span", { class: hoursClasses }, item.building), this.venueType !== "luomus" && h("span", { class: "open-hours__list-item--service" }, "-")));
     })));
   }
   static get is() { return "hy-opening-hours-content"; }
@@ -92,7 +92,7 @@ export class HyOpeningHoursContent {
         },
         "attribute": "venue-type",
         "reflect": false,
-        "defaultValue": "'libraries'"
+        "defaultValue": "\"libraries\""
       },
       "dataItems": {
         "type": "string",
@@ -103,7 +103,7 @@ export class HyOpeningHoursContent {
           "references": {
             "items": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-opening-hours-content/hy-opening-hours-content.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-opening-hours-content/hy-opening-hours-content.tsx"
             }
           }
         },
@@ -125,4 +125,3 @@ export class HyOpeningHoursContent {
       }];
   }
 }
-//# sourceMappingURL=hy-opening-hours-content.js.map