@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

package/dist/collection/components/image/image.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class Image {
   constructor() {
     this.imageUrl = null;
@@ -10,7 +10,7 @@ export class Image {
     this.sourceSet = undefined;
   }
   srcSetWatcher(data) {
-    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
+    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     this.srcSetWatcher(this.sourceSet);
@@ -20,17 +20,17 @@ export class Image {
     if (this.aspectRatioWidth !== 0 && this.aspectRatioWidth !== 0) {
       const aspect = (this.aspectRatioHeight / this.aspectRatioWidth) * 100;
       aspectRatio = {
-        '--aspectRatio': `${aspect}%`,
+        "--aspectRatio": `${aspect}%`,
       };
     }
-    const classAttributes = ['hy-image', this.caption ? 'hy-image--with-caption' : null].join(' ');
+    const classAttributes = ["hy-image", this.caption ? "hy-image--with-caption" : null].join(" ");
     const containerClasses = [
-      'hy-image__image-container',
-      aspectRatio !== null ? 'hy-image--with-aspect' : 'hy-image--no-aspect',
-    ].join(' ');
+      "hy-image__image-container",
+      aspectRatio !== null ? "hy-image--with-aspect" : "hy-image--no-aspect",
+    ].join(" ");
     return [
-      h("div", { class: classAttributes }, h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : '' }, this.imageUrl &&
-        (this._sourceSet ? (h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && h("div", { class: "hy-image__caption" }, this.caption)),
+      h("div", { class: classAttributes }, h("div", { class: containerClasses, style: aspectRatio !== null ? aspectRatio : "" }, this.imageUrl &&
+        (this._sourceSet ? (h("picture", null, this._sourceSet.map(({ src, media, type, sizes }) => (h("source", { srcSet: src, media: media, type: type, sizes: sizes || "" }))), h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl })))), this.caption && h("div", { class: "hy-image__caption" }, this.caption)),
       h("hy-box", { mb: "1.75, 1.75, 2, 2.5" }),
     ];
   }
@@ -164,7 +164,7 @@ export class Image {
           "references": {
             "ImageSrcSet": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/image/image.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/image/image.tsx"
             }
           }
         },
@@ -186,4 +186,3 @@ export class Image {
       }];
   }
 }
-//# sourceMappingURL=image.js.map

package/dist/collection/components/ingress/ingress.js

@@ -1,18 +1,18 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 export class Ingress {
   constructor() {
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
-    const classAttributes = ['hy-ingress', `hy-ingress__${this.headerstyle}`].join(' ');
+    const classAttributes = ["hy-ingress", `hy-ingress__${this.headerstyle}`].join(" ");
     return (h(Host, null, h("p", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-ingress"; }
@@ -44,10 +44,9 @@ export class Ingress {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=ingress.js.map

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

@@ -1,17 +1,17 @@
-import { Host, h } from '@stencil/core';
-import { LinkVariants } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { LinkVariants } from "../../utils/utils";
 export class Link {
   constructor() {
     this.variant = LinkVariants.default;
-    this.linkContent = '';
+    this.linkContent = "";
     this.url = undefined;
     this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
-    const classAttributes = ['hy-link', this.variant];
-    const target = this.isExternal ? '_blank' : '_self';
-    return (h(Host, null, h("a", { "aria-label": this.scLabel, class: classAttributes.join(' '), href: this.url, target: target }, this.linkContent)));
+    const classAttributes = ["hy-link", this.variant];
+    const target = this.isExternal ? "_blank" : "_self";
+    return (h(Host, null, h("a", { "aria-label": this.scLabel, class: classAttributes.join(" "), href: this.url, target: target }, this.linkContent)));
   }
   static get is() { return "hy-link"; }
   static get originalStyleUrls() {
@@ -65,7 +65,7 @@ export class Link {
         },
         "attribute": "link-content",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "url": {
         "type": "string",
@@ -122,4 +122,3 @@ export class Link {
     };
   }
 }
-//# sourceMappingURL=link.js.map

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

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { LinkBoxVariants } from '../../utils/utils';
+import { h } from "@stencil/core";
+import { LinkBoxVariants } from "../../utils/utils";
 export class LinkBox {
   constructor() {
     this.variant = LinkBoxVariants.default;
@@ -14,56 +14,56 @@ export class LinkBox {
     this.isExternal = false;
     this.scLabel = undefined;
     this.readMoreLabel = undefined;
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.sourceSet = undefined;
   }
   srcSetWatcher(data) {
-    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
+    this._sourceSet = typeof data === "string" ? JSON.parse(data) : data;
   }
   componentWillLoad() {
     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";
       }
     }
   }
   render() {
-    const classContainerAttributes = ['hy-link-box-container'].join(' ');
+    const classContainerAttributes = ["hy-link-box-container"].join(" ");
     const classAttributes = [
-      'hy-link-box',
+      "hy-link-box",
       this.variant,
       `hy-link-box__${this.variant}`,
       this.headerstyle,
       `hy-link-box__${this.headerstyle}`,
-      this.imageUrl ? 'hy-link-box--with-image' : null,
-    ].join(' ');
-    const classTextContainer = ['hy-link-box__text-container', this.imageUrl ? 'hy-link-box--with-image' : null].join(' ');
+      this.imageUrl ? "hy-link-box--with-image" : null,
+    ].join(" ");
+    const classTextContainer = ["hy-link-box__text-container", this.imageUrl ? "hy-link-box--with-image" : null].join(" ");
     const classTitle = [
-      'hy-link-box__text-container__title',
+      "hy-link-box__text-container__title",
       `hy-link-box__text-container__title__${this.variant}`,
       `hy-link-box__text-container__title__${this.headerstyle}`,
-      this.imageUrl ? 'hy-link-box__text-container__title__image' : '',
-      this.imageUrl ? 'image' : '',
-    ].join(' ');
+      this.imageUrl ? "hy-link-box__text-container__title__image" : "",
+      this.imageUrl ? "image" : "",
+    ].join(" ");
     const classDescription = [
-      'hy-link-box__text-container__description',
+      "hy-link-box__text-container__description",
       `hy-link-box__text-container__description__${this.variant}`,
       `hy-link-box__text-container__description__${this.headerstyle}`,
-    ].join(' ');
-    const target = this.isExternal ? '_blank' : '_self';
+    ].join(" ");
+    const target = this.isExternal ? "_blank" : "_self";
     const aspectRatioWidth = 16;
     const aspectRatioHeight = 10;
     const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
     const aspectRatio = {
-      '--aspectRatio': `${aspect}%`,
+      "--aspectRatio": `${aspect}%`,
     };
     return [
       h("article", { class: classContainerAttributes }, h("div", { class: classAttributes }, this.imageUrl &&
-        (this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, 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.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { class: { 'hy-site-logo__icon': true }, icon: 'hy-icon-hy-logo' }))), h("div", { class: classTextContainer }, h("h3", { class: classTitle }, this.textTitle), this.textDescription && (h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + '...' : this.textDescription)))), h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, h("span", { "aria-hidden": "true" }), h("span", null, this.readMoreLabel), h("span", { class: `hy-cta-link__icon ${this.isExternal ? 'hy-cta-link__icon--external' : ''}` }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))),
+        (this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, 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.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("img", { loading: this.disableLazy ? "eager" : "lazy", "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { class: { "hy-site-logo__icon": true }, icon: "hy-icon-hy-logo" }))), h("div", { class: classTextContainer }, h("h3", { class: classTitle }, this.textTitle), this.textDescription && (h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + "..." : this.textDescription)))), h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, h("span", { "aria-hidden": "true" }), h("span", null, this.readMoreLabel), h("span", { class: `hy-cta-link__icon ${this.isExternal ? "hy-cta-link__icon--external" : ""}` }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))),
     ];
   }
   static get is() { return "hy-link-box"; }
@@ -313,7 +313,7 @@ export class LinkBox {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "sourceSet": {
         "type": "string",
@@ -324,7 +324,7 @@ export class LinkBox {
           "references": {
             "ImageSrcSet": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/link-box/link-box.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/link-box/link-box.tsx"
             }
           }
         },
@@ -347,4 +347,3 @@ export class LinkBox {
       }];
   }
 }
-//# sourceMappingURL=link-box.js.map

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

@@ -1,9 +1,9 @@
-import { h, Host } from '@stencil/core';
-import { LinkBoxVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h, Host } from "@stencil/core";
+import { LinkBoxVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class LinkBoxList {
   constructor() {
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.variant = LinkBoxVariants.default;
     this.readMoreLabel = undefined;
     this.dataItems = undefined;
@@ -12,20 +12,20 @@ export class LinkBoxList {
     this._dataItems = await jsonParserWorker(this.dataItems);
   }
   componentDidLoad() {
-    let hyMainDiv = this.el.closest('.hy-main');
+    let hyMainDiv = this.el.closest(".hy-main");
     if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains('with-sidebar')) {
-        this.headerstyle = 'large';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "large";
       }
     }
   }
   render() {
     const classAttributes = [
-      'hy-link-box-list',
+      "hy-link-box-list",
       this.variant,
       `hy-link-box-list__${this.variant}`,
       `hy-link-box-list__${this.headerstyle}`,
-    ].join(' ');
+    ].join(" ");
     /*
     - Logic:
     - 3 items: big
@@ -36,7 +36,7 @@ export class LinkBoxList {
     - 8 items: small
     - 9 items: big
     * */
-    const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(' ');
+    const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(" ");
     return (h(Host, null, h("ul", { class: classAttributes }, this._dataItems.map((x) => {
       return (h("li", null, h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, "show-logo": x.showLogo, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel, "read-more-label": this.readMoreLabel })));
     })), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
@@ -70,7 +70,7 @@ export class LinkBoxList {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "variant": {
         "type": "string",
@@ -121,7 +121,7 @@ export class LinkBoxList {
           "references": {
             "LinkBox": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/link-box-list/link-box-list.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/link-box-list/link-box-list.tsx"
             }
           }
         },
@@ -138,4 +138,3 @@ export class LinkBoxList {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=link-box-list.js.map

package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js

@@ -1,13 +1,13 @@
-import { Host, h } from '@stencil/core';
-import { ColorVariant, SiteLogoSize } from '../../../utils/utils';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { Host, h } from "@stencil/core";
+import { ColorVariant, SiteLogoSize } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
 let keys = {
-  enter: 'Enter',
+  enter: "Enter",
 };
 export class HyMenuMainGroup {
   constructor() {
-    this.menuLabel = 'University main menu';
-    this.menuLabelClose = 'Close';
+    this.menuLabel = "University main menu";
+    this.menuLabelClose = "Close";
     this.dataMainMenu = undefined;
     this.isMobile = false;
     this.logoUrl = undefined;
@@ -29,7 +29,7 @@ export class HyMenuMainGroup {
     event.stopPropagation();
     const key = event.code;
     let target = event.target;
-    if (key === 'Escape' && this.isMenuOpen) {
+    if (key === "Escape" && this.isMenuOpen) {
       this.isMenuOpen = false;
       this.emitEvent();
     }
@@ -47,11 +47,11 @@ export class HyMenuMainGroup {
     this.mobileMenuTopToggle.emit();
   }
   adjustMainMenuPosition(target) {
-    let hyTopHeader = this.el.closest('.hy-site-header__content-top');
-    if (hyTopHeader && !hyTopHeader.hasAttribute('is-mobile')) {
-      let mainMenuToggle = target.shadowRoot.querySelector('.menu--main-group__toggle');
-      let mainMenuDropdown = target.shadowRoot.querySelector('.menu--main-group__dropdown');
-      let mainMenuList = target.shadowRoot.querySelector('.list');
+    let hyTopHeader = this.el.closest(".hy-site-header__content-top");
+    if (hyTopHeader && !hyTopHeader.hasAttribute("is-mobile")) {
+      let mainMenuToggle = target.shadowRoot.querySelector(".menu--main-group__toggle");
+      let mainMenuDropdown = target.shadowRoot.querySelector(".menu--main-group__dropdown");
+      let mainMenuList = target.shadowRoot.querySelector(".list");
       if (mainMenuDropdown && mainMenuList && mainMenuToggle) {
         let rectHeader = hyTopHeader.getBoundingClientRect();
         let rectMenuToggle = mainMenuToggle.getBoundingClientRect();
@@ -59,23 +59,23 @@ export class HyMenuMainGroup {
         mainMenuList.style.left = `${rectMenuToggle.left}px`;
       }
       let headerHeight = hyTopHeader.offsetHeight + 270;
-      this.showBackdropShadow('open', headerHeight);
+      this.showBackdropShadow("open", headerHeight);
     }
   }
-  showBackdropShadow(state = 'close', top = 0) {
-    let hyHeader = this.el.closest('.hy-site-header');
+  showBackdropShadow(state = "close", top = 0) {
+    let hyHeader = this.el.closest(".hy-site-header");
     let hyBackdropDiv = hyHeader.children[0];
     if (hyBackdropDiv) {
-      if (state === 'open') {
+      if (state === "open") {
         let me = window.outerHeight - top;
         hyBackdropDiv.style.height = `${me}px`;
         hyBackdropDiv.style.top = `${top}px`;
-        hyBackdropDiv.style.position = 'absolute';
-        hyBackdropDiv.classList.add('is-active');
+        hyBackdropDiv.style.position = "absolute";
+        hyBackdropDiv.classList.add("is-active");
       }
       else {
-        hyBackdropDiv.removeAttribute('style');
-        hyBackdropDiv.classList.remove('is-active');
+        hyBackdropDiv.removeAttribute("style");
+        hyBackdropDiv.classList.remove("is-active");
       }
     }
   }
@@ -109,37 +109,37 @@ export class HyMenuMainGroup {
     this.isMenuOpen = false;
   }
   render() {
-    const white = 'var(--grayscale-white)';
+    const white = "var(--grayscale-white)";
     const logoSizeGroup = this.isMobile ? SiteLogoSize.small : SiteLogoSize.small;
     const logoColorGroup = ColorVariant.white;
     return this.isMobile ? (h(Host, { class: {
-        'menu--main-group--mobile': true,
-        'menu--main-group--mobile__is-open': this.isMenuOpen,
+        "menu--main-group--mobile": true,
+        "menu--main-group--mobile__is-open": this.isMenuOpen,
       } }, h("button", { "aria-label": this.menuLabel, class: {
-        'menu--main-group__mobile-toggle': true,
-        'is-open': this.isMenuOpen,
-      } }, h("hy-icon", { icon: 'hy-icon-slim-hamburger-menu', size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? 'false' : 'true', class: {
-        'menu--main-group__dropdown--mobile': true,
-        'is-open': this.isMenuOpen,
-      } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: 'menu--main-group__logo-container', id: 'menu-logo' }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { 'menu-main-link': true } }, h("span", { class: 'menu--main-group__label' }, item.label)));
+        "menu--main-group__mobile-toggle": true,
+        "is-open": this.isMenuOpen,
+      } }, h("hy-icon", { icon: "hy-icon-slim-hamburger-menu", size: 20, fill: white })), h("nav", { role: "navigation", "aria-hidden": this.isMenuOpen ? "false" : "true", class: {
+        "menu--main-group__dropdown--mobile": true,
+        "is-open": this.isMenuOpen,
+      } }, h("div", { class: "menu--main-group__dropdown__top" }, h("div", { class: "menu--main-group__logo-container", id: "menu-logo" }, h("hy-site-logo", { "is-group": true, size: logoSizeGroup, color: logoColorGroup, url: this.siteUrl, label: this.siteLabel })), h("button", { "aria-label": `Close ${this.menuLabel}`, class: "menu--main-group__dropdown__close", onClick: (e) => this.handleTopMenuClose(e) }, h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: white }))), h("div", { class: "menu--main-group__dropdown__items" }, this._dataMainMenu.map((item) => {
+      return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "menu--main-group__label" }, item.label)));
     })), h("div", { class: "menu--main-group__dropdown__donate" }, this.donate &&
       this.donate.map((i) => {
-        return (h("a", { class: 'menu--secondary__item hy-link__donate group', href: i.url }, h("hy-icon", { icon: 'hy-icon-heart-support', size: 14, fill: logoColorGroup }), h("span", { class: 'hy-link__donate__label group' }, i.label)));
+        return (h("a", { class: "menu--secondary__item hy-link__donate group", href: i.url }, h("hy-icon", { icon: "hy-icon-heart-support", size: 14, fill: logoColorGroup }), h("span", { class: "hy-link__donate__label group" }, i.label)));
       }))))) : (h(Host, { class: {
-        'menu--main-group': true,
-        'menu--main-group__is-open': this.isMenuOpen,
+        "menu--main-group": true,
+        "menu--main-group__is-open": this.isMenuOpen,
       } }, h("button", { class: {
-        'menu--main-group__toggle': true,
-        'is-open': this.isMenuOpen,
-      }, "aria-expanded": this.isMenuOpen ? 'true' : 'false', "aria-haspopup": "menu" }, this.isMenuOpen ? (h("hy-icon", { class: 'toggle__close', icon: 'hy-icon-remove', size: 8, fill: white })) : (h("hy-icon", { class: 'toggle__caret', icon: 'hy-icon-slim-hamburger-menu', size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
-        'menu--main-group__dropdown': true,
-        'is-open': this.isMenuOpen,
+        "menu--main-group__toggle": true,
+        "is-open": this.isMenuOpen,
+      }, "aria-expanded": this.isMenuOpen ? "true" : "false", "aria-haspopup": "menu" }, this.isMenuOpen ? (h("hy-icon", { class: "toggle__close", icon: "hy-icon-remove", size: 8, fill: white })) : (h("hy-icon", { class: "toggle__caret", icon: "hy-icon-slim-hamburger-menu", size: 8, fill: white })), h("span", null, this.menuLabel)), h("div", { class: {
+        "menu--main-group__dropdown": true,
+        "is-open": this.isMenuOpen,
       } }, h("div", { class: "list" }, this._dataMainMenu.map((item) => {
-      return (h("a", { href: item.url, class: { 'menu-main-link': true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: 'hy-icon-caret-right', size: 10, fill: white })), h("span", { class: 'menu--main-group__label' }, item.label)));
+      return (h("a", { href: item.url, class: { "menu-main-link": true } }, h("span", { class: "heading-icon" }, h("hy-icon", { icon: "hy-icon-caret-right", size: 10, fill: white })), h("span", { class: "menu--main-group__label" }, item.label)));
     })), h("button", { onClick: (e) => this.handleComponentClick(e), class: {
-        'panel-toggle': true,
-      }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), h("hy-icon", { icon: 'hy-icon-remove', size: 20, fill: ColorVariant.white }))))));
+        "panel-toggle": true,
+      }, "aria-label": "Close menu" }, h("span", { class: "panel-toggle__label" }, h("span", { class: "panel-toggle__label__title" }, this.menuLabelClose), h("hy-icon", { icon: "hy-icon-remove", size: 20, fill: ColorVariant.white }))))));
   }
   static get is() { return "hy-menu-main-group"; }
   static get encapsulation() { return "shadow"; }
@@ -171,7 +171,7 @@ export class HyMenuMainGroup {
         },
         "attribute": "menu-label",
         "reflect": false,
-        "defaultValue": "'University main menu'"
+        "defaultValue": "\"University main menu\""
       },
       "menuLabelClose": {
         "type": "string",
@@ -189,7 +189,7 @@ export class HyMenuMainGroup {
         },
         "attribute": "menu-label-close",
         "reflect": false,
-        "defaultValue": "'Close'"
+        "defaultValue": "\"Close\""
       },
       "dataMainMenu": {
         "type": "string",
@@ -200,7 +200,7 @@ export class HyMenuMainGroup {
           "references": {
             "MainMenu": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
             }
           }
         },
@@ -308,7 +308,7 @@ export class HyMenuMainGroup {
           "references": {
             "DonateLink": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/hy-menu-main-group/hy-menu-main-group.tsx"
             }
           }
         },
@@ -412,4 +412,3 @@ export class HyMenuMainGroup {
       }];
   }
 }
-//# sourceMappingURL=hy-menu-main-group.js.map

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

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { jsonParserWorker } from '../../../global/globalScript';
+import { h } from "@stencil/core";
+import { jsonParserWorker } from "../../../global/globalScript";
 export class MenuLanguage {
   constructor() {
     this.dataMenuLanguage = undefined;
@@ -41,10 +41,10 @@ export class MenuLanguage {
   }
   adjustPosition(languageMenuSelector, target) {
     const languagePanel = languageMenuSelector.shadowRoot.querySelectorAll(`.menu-language__dropdown`)[0];
-    let headerHeight = '0';
+    let headerHeight = "0";
     let hyHeader = this.isGroup
-      ? target.closest('.hy-site-header__content-top')
-      : target.closest('.hy-site-header');
+      ? target.closest(".hy-site-header__content-top")
+      : target.closest(".hy-site-header");
     if (hyHeader) {
       let rectHeader = hyHeader.getBoundingClientRect();
       let rectLangMenu = languageMenuSelector.getBoundingClientRect();
@@ -57,22 +57,22 @@ export class MenuLanguage {
     this._labels = await jsonParserWorker(this.labels);
   }
   render() {
-    const black = 'var(--brand-main-nearly-black)';
-    const white = 'var(--grayscale-white)';
+    const black = "var(--brand-main-nearly-black)";
+    const white = "var(--grayscale-white)";
     const svgColor = this.isGroup ? white : black;
     const globeIconSize = this.isGroup ? 16 : 14;
     return (h("div", { class: {
-        'menu-language': true,
-        'is-open': this.isMenuOpen,
-        'is-group': this.isGroup,
+        "menu-language": true,
+        "is-open": this.isMenuOpen,
+        "is-group": this.isGroup,
       } }, h("button", { class: {
-        'menu-language__toggle': true,
-      }, "aria-label": this.isMenuOpen ? this._labels['close'] : this._labels['open'] }, h("hy-icon", { icon: 'hy-icon-globe', size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
+        "menu-language__toggle": true,
+      }, "aria-label": this.isMenuOpen ? this._labels["close"] : this._labels["open"] }, h("hy-icon", { icon: "hy-icon-globe", size: globeIconSize, fill: svgColor }), h("span", null, this._dataMenuLanguage.map(({ isActive, langCode }) => {
       if (isActive) {
         return langCode;
       }
-    })), h("hy-icon", { icon: 'hy-icon-caret-down', size: 8, fill: svgColor })), h("div", { class: {
-        'menu-language__dropdown': true,
+    })), h("hy-icon", { icon: "hy-icon-caret-down", size: 8, fill: svgColor })), h("div", { class: {
+        "menu-language__dropdown": true,
       }, "aria-hidden": `${!this.isMenuOpen}` }, h("ul", { class: "menu-language__links" }, this._dataMenuLanguage.map((item) => {
       return (h("hy-menu-language-item", { "lang-code": item.langCode, url: item.url, label: item.label, abbr: item.abbr, "is-active": item.isActive, "is-disabled": item.isDisabled }));
     })))));
@@ -100,7 +100,7 @@ export class MenuLanguage {
           "references": {
             "MenuLanguage": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/navigation/menu-language/menu-language.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/navigation/menu-language/menu-language.tsx"
             }
           }
         },
@@ -219,4 +219,3 @@ export class MenuLanguage {
       }];
   }
 }
-//# sourceMappingURL=menu-language.js.map

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class SiteLanguage {
   constructor() {
     this.abbr = undefined;
@@ -10,9 +10,9 @@ export class SiteLanguage {
   }
   render() {
     return (h("li", { class: `menu-language__links-item` }, h("a", { href: this.url, lang: this.langCode, class: {
-        'is-active': this.isActive,
-        'is-disabled': this.isDisabled,
-        'menu-language__link': true,
+        "is-active": this.isActive,
+        "is-disabled": this.isDisabled,
+        "menu-language__link": true,
       } }, this.label)));
   }
   static get is() { return "hy-menu-language-item"; }
@@ -136,4 +136,3 @@ export class SiteLanguage {
     };
   }
 }
-//# sourceMappingURL=menu-language-item.js.map

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

@@ -1,7 +1,7 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyPager {
   render() {
-    const classAttributes = ['hy-pager'].join(' ');
+    const classAttributes = ["hy-pager"].join(" ");
     return (h("ul", { class: classAttributes }, h("slot", null)));
   }
   static get is() { return "hy-pager"; }
@@ -17,4 +17,3 @@ export class HyPager {
     };
   }
 }
-//# sourceMappingURL=hy-pager.js.map