@itcenteratunihelsinki/huds-lib 0.8.42 → 0.8.44

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

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import { css } from 'emotion';
+import { h, Host } from "@stencil/core";
+import { css } from "emotion";
 /*
 Example of using hy-box:
 <hy-box mb="1.75, 1.75, 2, 2.5" />
@@ -10,9 +10,9 @@ wide, 60rem to 75rem or 60rem to 100.0625rem (depending on hasSidebar) (mb[2])
 xlarge, > 100.0625: 2.5rem (mb[3])
 * */
 const toRemValue = (val) => {
-  return typeof val === 'number' ? `${val}rem` : undefined;
+  return typeof val === "number" ? `${val}rem` : undefined;
 };
-const breakpoints = ['30rem', '60rem', '75.0625rem', '100.0625rem'];
+const breakpoints = ["30rem", "60rem", "75.0625rem", "100.0625rem"];
 /*
 Default - mobile
 mq[0] - tablet
@@ -33,12 +33,12 @@ const createCssClass = ({ hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, wid
     margin-bottom: ${toRemValue(mb[0])};
     margin-left: ${toRemValue(ml[0])};
     height: ${toRemValue(h)};
-    background-color: ${!!bg ? `var(--${bg})` : 'transparent'};
+    background-color: ${!!bg ? `var(--${bg})` : "transparent"};
     width: ${width[0]};
     display: flex;
-    flex-flow: ${direction || 'row'};
-    justify-content: ${justify || 'flex-start'};
-    align-items: ${align || 'flex-start'};
+    flex-flow: ${direction || "row"};
+    justify-content: ${justify || "flex-start"};
+    align-items: ${align || "flex-start"};
 
     ${mq[0]} {
       width: ${width[1]};
@@ -94,10 +94,10 @@ const createCssClass = ({ hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, wid
     }
   `;
 };
-const toNumArray = (value) => value === null || value === void 0 ? void 0 : value.split(',').map((v) => `${v.trim()}`).map((v) => parseFloat(v));
+const toNumArray = (value) => value === null || value === void 0 ? void 0 : value.split(",").map((v) => `${v.trim()}`).map((v) => parseFloat(v));
 export class HyBox {
   constructor() {
-    this.headerstyle = 'common';
+    this.headerstyle = "common";
     this.p = undefined;
     this.pl = undefined;
     this.pr = undefined;
@@ -108,18 +108,18 @@ export class HyBox {
     this.mr = undefined;
     this.mb = undefined;
     this.mt = undefined;
-    this.justify = 'flex-start';
-    this.align = 'baseline';
+    this.justify = "flex-start";
+    this.align = "baseline";
     this.h = undefined;
-    this.bg = 'transparent';
-    this.width = '100';
-    this.direction = 'row';
+    this.bg = "transparent";
+    this.width = "100";
+    this.direction = "row";
   }
   componentWillLoad() {
-    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";
       }
     }
   }
@@ -133,7 +133,7 @@ export class HyBox {
     const mb = (_m = (_l = toNumArray(this.mb)) !== null && _l !== void 0 ? _l : toNumArray(this.m)) !== null && _m !== void 0 ? _m : [0];
     const mr = (_p = (_o = toNumArray(this.mr)) !== null && _o !== void 0 ? _o : toNumArray(this.m)) !== null && _p !== void 0 ? _p : [0];
     const ml = (_r = (_q = toNumArray(this.ml)) !== null && _q !== void 0 ? _q : toNumArray(this.m)) !== null && _r !== void 0 ? _r : [0];
-    const hasSidebar = this.headerstyle == 'common';
+    const hasSidebar = this.headerstyle == "common";
     return (h(Host, { class: createCssClass({
         hasSidebar,
         pt,
@@ -146,7 +146,7 @@ export class HyBox {
         mb,
         h: this.h,
         bg: this.bg,
-        width: this.width.split(',').map((v) => `${v.trim()}%`),
+        width: this.width.split(",").map((v) => `${v.trim()}%`),
         justify: this.justify,
         align: this.align,
         direction: this.direction,
@@ -181,7 +181,7 @@ export class HyBox {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'common'"
+        "defaultValue": "\"common\""
       },
       "p": {
         "type": "string",
@@ -369,7 +369,7 @@ export class HyBox {
         },
         "attribute": "justify",
         "reflect": false,
-        "defaultValue": "'flex-start'"
+        "defaultValue": "\"flex-start\""
       },
       "align": {
         "type": "string",
@@ -387,7 +387,7 @@ export class HyBox {
         },
         "attribute": "align",
         "reflect": false,
-        "defaultValue": "'baseline'"
+        "defaultValue": "\"baseline\""
       },
       "h": {
         "type": "number",
@@ -422,7 +422,7 @@ export class HyBox {
         },
         "attribute": "bg",
         "reflect": false,
-        "defaultValue": "'transparent'"
+        "defaultValue": "\"transparent\""
       },
       "width": {
         "type": "string",
@@ -440,7 +440,7 @@ export class HyBox {
         },
         "attribute": "width",
         "reflect": false,
-        "defaultValue": "'100'"
+        "defaultValue": "\"100\""
       },
       "direction": {
         "type": "string",
@@ -458,10 +458,9 @@ export class HyBox {
         },
         "attribute": "direction",
         "reflect": false,
-        "defaultValue": "'row'"
+        "defaultValue": "\"row\""
       }
     };
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-box.js.map

package/dist/collection/components/hy-box-container/hy-box-container.js

@@ -1,16 +1,16 @@
-import { Host, h } from '@stencil/core';
-import { css } from 'emotion';
+import { Host, h } from "@stencil/core";
+import { css } from "emotion";
 export class HyBoxContainer {
   constructor() {
     this.wrap = true;
     this.maxWidth = true;
   }
   render() {
-    return (h(Host, { style: { width: '100%', display: 'flex', flex: '1', justifyContent: 'center' } }, h("div", { class: css `
+    return (h(Host, { style: { width: "100%", display: "flex", flex: "1", justifyContent: "center" } }, h("div", { class: css `
             display: flex;
             width: 100%;
-            flex-wrap: ${this.wrap ? 'wrap' : 'no-wrap'};
-            max-width: ${this.maxWidth ? '90rem' : '100%'};
+            flex-wrap: ${this.wrap ? "wrap" : "no-wrap"};
+            max-width: ${this.maxWidth ? "90rem" : "100%"};
           ` }, h("slot", null))));
   }
   static get is() { return "hy-box-container"; }
@@ -65,4 +65,3 @@ export class HyBoxContainer {
     };
   }
 }
-//# sourceMappingURL=hy-box-container.js.map

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

@@ -1,26 +1,26 @@
-import { h } from '@stencil/core';
-import { BreadcrumbVariants } from '../../utils/utils';
-import { jsonParserWorker } from '../../global/globalScript';
+import { h } from "@stencil/core";
+import { BreadcrumbVariants } from "../../utils/utils";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyBreadcrumbs {
   constructor() {
     this.dataItems = undefined;
     this.variant = BreadcrumbVariants.default;
-    this.headerstyle = 'with-sidebar';
+    this.headerstyle = "with-sidebar";
     this.menuOpen = false;
   }
   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 = 'without-sidebar';
+      if (!hyMainDiv.classList.contains("with-sidebar")) {
+        this.headerstyle = "without-sidebar";
       }
     }
   }
   render() {
-    const breadcrumbsClass = ['hy-breadcrumbs', this.variant, this.headerstyle].join(' ');
+    const breadcrumbsClass = ["hy-breadcrumbs", this.variant, this.headerstyle].join(" ");
     return (h("nav", { "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, h("ol", { class: "breadcrumb-container" }, this._dataItems.map((item) => {
       if (item.url.length > 0) {
         return (h("li", { class: "breadcrumb-item" }, h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
@@ -52,7 +52,7 @@ export class HyBreadcrumbs {
           "references": {
             "Breadcrumb": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-breadcrumbs/hy-breadcrumbs.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-breadcrumbs/hy-breadcrumbs.tsx"
             }
           }
         },
@@ -104,7 +104,7 @@ export class HyBreadcrumbs {
         },
         "attribute": "headerstyle",
         "reflect": false,
-        "defaultValue": "'with-sidebar'"
+        "defaultValue": "\"with-sidebar\""
       }
     };
   }
@@ -115,4 +115,3 @@ export class HyBreadcrumbs {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-breadcrumbs.js.map

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

@@ -1,5 +1,5 @@
-import { Host, h } from '@stencil/core';
-import { CheckboxVariants } from '../../utils/utils';
+import { Host, h } from "@stencil/core";
+import { CheckboxVariants } from "../../utils/utils";
 export class HyCheckbox {
   constructor() {
     this.checkboxId = undefined;
@@ -10,10 +10,10 @@ export class HyCheckbox {
   }
   render() {
     switch (this.variant) {
-      case 'button':
-        return (h(Host, { class: "hy-checkbox--button" }, h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, h("span", { class: "hy-checkbox--button__checkmark" }, h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" })))));
+      case "button":
+        return (h(Host, { class: "hy-checkbox--button" }, h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, h("span", { class: "hy-checkbox--button__checkmark" }, h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" })))));
       default:
-        return (h(Host, { class: "hy-checkbox" }, h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, h("span", { class: "hy-checkbox__checkmark" }, h("hy-icon", { class: "hy-checkbox__label-icon", icon: 'hy-icon-done', size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
+        return (h(Host, { class: "hy-checkbox" }, h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, h("span", { class: "hy-checkbox__checkmark" }, h("hy-icon", { class: "hy-checkbox__label-icon", icon: "hy-icon-done", size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
     }
   }
   static get is() { return "hy-checkbox"; }
@@ -124,4 +124,3 @@ export class HyCheckbox {
     };
   }
 }
-//# sourceMappingURL=hy-checkbox.js.map

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyCollaboration {
   constructor() {
     this.textDescription = undefined;
@@ -8,7 +8,7 @@ export class HyCollaboration {
     this.imageAltText = undefined;
   }
   render() {
-    return (h("div", { class: "hy-collaboration" }, h("figure", { class: "hy-collaboration__logo", role: "complementary" }, h("img", { src: this.imageUrl, alt: this.imageAltText })), h("div", { class: "hy-collaboration__content" }, h("p", { class: "hy-collaboration__description" }, this.textDescription), this.linkUrl && (h("a", { href: this.linkUrl, class: "hy-collaboration__link" }, this.linkTitle, h("span", { "aria-hidden": "true" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 10 })))))));
+    return (h("div", { class: "hy-collaboration" }, h("figure", { class: "hy-collaboration__logo", role: "complementary" }, h("img", { src: this.imageUrl, alt: this.imageAltText })), h("div", { class: "hy-collaboration__content" }, h("p", { class: "hy-collaboration__description" }, this.textDescription), this.linkUrl && (h("a", { href: this.linkUrl, class: "hy-collaboration__link" }, this.linkTitle, h("span", { "aria-hidden": "true" }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 10 })))))));
   }
   static get is() { return "hy-collaboration"; }
   static get originalStyleUrls() {
@@ -111,4 +111,3 @@ export class HyCollaboration {
     };
   }
 }
-//# sourceMappingURL=hy-collaboration.js.map

package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class HyCrisisBanner {
   constructor() {
     this.bannerTitle = undefined;
@@ -7,7 +7,7 @@ export class HyCrisisBanner {
     this.linkUrl = undefined;
   }
   render() {
-    return (h(Host, { class: "hy-crisis-banner", role: "alert" }, h("div", { class: "hy-crisis-banner__container" }, h("div", { class: "hy-crisis-banner__indicator" }, h("hy-icon", { class: 'hy-crisis-banner__indicator-icon', icon: 'hy-icon-alert' })), h("div", { class: "hy-crisis-banner__content-wrapper" }, h("div", { class: "hy-crisis-banner__content" }, h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (h("a", { class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, h("hy-icon", { class: 'hy-crisis-banner__link-icon', icon: 'hy-icon-arrow-to-right' })))))));
+    return (h(Host, { class: "hy-crisis-banner", role: "alert" }, h("div", { class: "hy-crisis-banner__container" }, h("div", { class: "hy-crisis-banner__indicator" }, h("hy-icon", { class: "hy-crisis-banner__indicator-icon", icon: "hy-icon-alert" })), h("div", { class: "hy-crisis-banner__content-wrapper" }, h("div", { class: "hy-crisis-banner__content" }, h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (h("a", { class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, h("hy-icon", { class: "hy-crisis-banner__link-icon", icon: "hy-icon-arrow-to-right" })))))));
   }
   static get is() { return "hy-crisis-banner"; }
   static get originalStyleUrls() {
@@ -93,4 +93,3 @@ export class HyCrisisBanner {
     };
   }
 }
-//# sourceMappingURL=hy-crisis-banner.js.map

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

@@ -1,12 +1,12 @@
-import { Host, h } from '@stencil/core';
-import { jsonParserWorker } from '../../global/globalScript';
+import { Host, h } from "@stencil/core";
+import { jsonParserWorker } from "../../global/globalScript";
 export class HyDropdown {
   constructor() {
     this.single = false;
     this.dropdownLabel = null;
-    this.dropdownId = 'dropdownToggle';
+    this.dropdownId = "dropdownToggle";
     this.dropdownOptions = undefined;
-    this.defaultLabel = 'All';
+    this.defaultLabel = "All";
     this.defaultOption = null;
     this.isPanelOpen = false;
     this.isChecked = false;
@@ -16,7 +16,7 @@ export class HyDropdown {
     this._dropdownOptions = await jsonParserWorker(this.dropdownOptions);
   }
   componentWillUpdate() {
-    const items = this.el.querySelectorAll('.hy-dropdown__checkbox');
+    const items = this.el.querySelectorAll(".hy-dropdown__checkbox");
     if (items) {
       if ([...items].some((item) => item.checked == true)) {
         this.isChecked = true;
@@ -30,7 +30,7 @@ export class HyDropdown {
     if (!this.single)
       return;
     if (newValue !== oldValue) {
-      const dropdownPanelCheckboxElements = this.el.getElementsByClassName('hy-dropdown__checkbox');
+      const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
       Array.from(dropdownPanelCheckboxElements).filter((item) => {
         if (item.id == newValue) {
           item.checked = true;
@@ -46,9 +46,9 @@ export class HyDropdown {
   }
   handleClick(event) {
     const dropdownToggleButtonElement = this.el.querySelector(`#${this.dropdownId}`);
-    const dropdownPanelElement = this.el.querySelector('.hy-dropdown__panel');
-    const dropdownPanelCheckboxElements = this.el.querySelectorAll('.hy-dropdown__checkbox');
-    const dropdownToggleButtonIconElement = this.el.querySelector('.hy-dropdown__icon');
+    const dropdownPanelElement = this.el.querySelector(".hy-dropdown__panel");
+    const dropdownPanelCheckboxElements = this.el.querySelectorAll(".hy-dropdown__checkbox");
+    const dropdownToggleButtonIconElement = this.el.querySelector(".hy-dropdown__icon");
     const { target } = event;
     const allowedElements = [
       dropdownToggleButtonElement,
@@ -64,7 +64,7 @@ export class HyDropdown {
   handleSingleClick(event) {
     if (!this.single || !this.isPanelOpen)
       return;
-    const dropdownPanelCheckboxElements = this.el.getElementsByClassName('hy-dropdown__checkbox');
+    const dropdownPanelCheckboxElements = this.el.getElementsByClassName("hy-dropdown__checkbox");
     const allowedElements = [...dropdownPanelCheckboxElements];
     const { target } = event;
     if (!allowedElements.includes(target))
@@ -88,12 +88,12 @@ export class HyDropdown {
   }
   render() {
     const { label: currentLabel, id: currentId, value: currentValue } = this.currentSingle[0];
-    const classAttributes = ['hy-dropdown', this.single ? 'hy-dropdown--single' : ''].join(' ');
+    const classAttributes = ["hy-dropdown", this.single ? "hy-dropdown--single" : ""].join(" ");
     if (this.single) {
-      return (h(Host, { class: classAttributes }, this.dropdownLabel && (h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? 'is-open' : ''}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? 'Open' : 'Close'} dropdown`, "data-current-id": currentId, "data-current-value": currentValue, value: currentId, type: "button" }, currentLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" })), h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? 'true' : 'false', "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index) => (h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index }))))));
+      return (h(Host, { class: classAttributes }, this.dropdownLabel && (h("label", { class: "hy-dropdown__button-label", htmlFor: this.dropdownId }, this.dropdownLabel)), h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? "Open" : "Close"} dropdown`, "data-current-id": currentId, "data-current-value": currentValue, value: currentId, type: "button" }, currentLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? "true" : "false", "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index) => (h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index }))))));
     }
     else {
-      return (h(Host, { class: classAttributes }, h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? 'is-open' : ''}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? 'Open' : 'Close'} dropdown`, type: "button" }, this.dropdownLabel && this.dropdownLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: 'hy-icon-caret-down', size: 14, "aria-hidden": "true" })), h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? 'true' : 'false', "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index) => (h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index }))))));
+      return (h(Host, { class: classAttributes }, h("button", { id: this.dropdownId, class: `hy-dropdown__toggle ${this.isPanelOpen ? "is-open" : ""}`, "aria-expanded": `${this.isPanelOpen || false}`, "aria-haspopup": "true", "aria-controls": "dropdownPanel", onClick: () => this.handlePanelToggle(), "aria-label": `${!this.isPanelOpen ? "Open" : "Close"} dropdown`, type: "button" }, this.dropdownLabel && this.dropdownLabel, h("hy-icon", { class: "hy-dropdown__icon", icon: "hy-icon-caret-down", size: 14, "aria-hidden": "true" })), h("hy-dropdown-panel", { "checkbox-checked": this.isChecked ? "true" : "false", "is-hidden": !this.isPanelOpen }, this._dropdownOptions.map(({ id, label, value }, index) => (h("hy-dropdown-panel-item", { "dropdown-item-id": id, "dropdown-item-label": label, "dropdown-item-value": value, "is-last": this._dropdownOptions.length - 1 === index }))))));
     }
   }
   static get is() { return "hy-dropdown"; }
@@ -161,7 +161,7 @@ export class HyDropdown {
         },
         "attribute": "dropdown-id",
         "reflect": false,
-        "defaultValue": "'dropdownToggle'"
+        "defaultValue": "\"dropdownToggle\""
       },
       "dropdownOptions": {
         "type": "string",
@@ -172,7 +172,7 @@ export class HyDropdown {
           "references": {
             "IDropdownItem": {
               "location": "local",
-              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-dropdown/hy-dropdown.tsx"
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-dropdown/hy-dropdown.tsx"
             }
           }
         },
@@ -201,7 +201,7 @@ export class HyDropdown {
         },
         "attribute": "default-label",
         "reflect": false,
-        "defaultValue": "'All'"
+        "defaultValue": "\"All\""
       },
       "defaultOption": {
         "type": "any",
@@ -253,4 +253,3 @@ export class HyDropdown {
       }];
   }
 }
-//# sourceMappingURL=hy-dropdown.js.map

package/dist/collection/components/hy-dropdown/hy-dropdown.panel.item.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyDropdownPanelItem {
   constructor() {
     this.isLast = false;
@@ -7,7 +7,7 @@ export class HyDropdownPanelItem {
     this.dropdownItemLabel = undefined;
   }
   render() {
-    return (h("li", { class: `hy-dropdown__panel-item ${this.isLast ? 'is-last' : ''}` }, h("input", { type: "checkbox", class: "hy-dropdown__checkbox", id: `${this.dropdownItemId}`, value: `${this.dropdownItemValue}` }), h("label", { class: "hy-dropdown__label", htmlFor: `${this.dropdownItemId}` }, this.dropdownItemLabel, h("hy-icon", { class: "hy-dropdown__label-icon", icon: 'hy-icon-done', size: 14, "aria-hidden": "true" }))));
+    return (h("li", { class: `hy-dropdown__panel-item ${this.isLast ? "is-last" : ""}` }, h("input", { type: "checkbox", class: "hy-dropdown__checkbox", id: `${this.dropdownItemId}`, value: `${this.dropdownItemValue}` }), h("label", { class: "hy-dropdown__label", htmlFor: `${this.dropdownItemId}` }, this.dropdownItemLabel, h("hy-icon", { class: "hy-dropdown__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" }))));
   }
   static get is() { return "hy-dropdown-panel-item"; }
   static get properties() {
@@ -84,4 +84,3 @@ export class HyDropdownPanelItem {
     };
   }
 }
-//# sourceMappingURL=hy-dropdown.panel.item.js.map

package/dist/collection/components/hy-dropdown/hy-dropdown.panel.js

@@ -1,10 +1,10 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyDropdownPanel {
   constructor() {
     this.isHidden = undefined;
   }
   render() {
-    return (h("ul", { id: "dropdownPanel", class: `hy-dropdown__panel ${this.isHidden ? 'is-hidden' : ''}`, "aria-hidden": `${this.isHidden || false}`, role: "region", "aria-labelledby": "dropdownToggle" }, h("slot", null)));
+    return (h("ul", { id: "dropdownPanel", class: `hy-dropdown__panel ${this.isHidden ? "is-hidden" : ""}`, "aria-hidden": `${this.isHidden || false}`, role: "region", "aria-labelledby": "dropdownToggle" }, h("slot", null)));
   }
   static get is() { return "hy-dropdown-panel"; }
   static get properties() {
@@ -29,4 +29,3 @@ export class HyDropdownPanel {
     };
   }
 }
-//# sourceMappingURL=hy-dropdown.panel.js.map

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

@@ -1,15 +1,15 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class HyEventItem {
   constructor() {
     this.eventTitle = undefined;
-    this.eventDescription = '';
-    this.dateShort = '';
-    this.dateLong = '';
-    this.location = '';
+    this.eventDescription = "";
+    this.dateShort = "";
+    this.dateLong = "";
+    this.location = "";
     this.type = undefined;
     this.url = undefined;
     this.styleGrid = false;
-    this.readMoreLabel = 'Read more';
+    this.readMoreLabel = "Read more";
     this.isLong = false;
   }
   componentDidLoad() {
@@ -22,10 +22,10 @@ export class HyEventItem {
   }
   render() {
     const containerClasses = [
-      'hy-events__item',
-      this.styleGrid ? 'hy-events__item--grid' : 'hy-events__item--list',
-      this.isLong ? 'is-long' : '',
-    ].join(' ');
+      "hy-events__item",
+      this.styleGrid ? "hy-events__item--grid" : "hy-events__item--list",
+      this.isLong ? "is-long" : "",
+    ].join(" ");
     return (h("a", { href: this.url, class: containerClasses, target: "_blank" }, h("div", { class: "hy-events__item--container" }, h("div", { class: "hy-events__item__top-container" }, h("span", { class: "hy-events__item__date--short" }, this.dateShort), this.isLong && (h("span", { class: "hy-events__item--toggle" }, h("hy-icon", { icon: "hy-icon-caret-down", size: 10 })))), h("div", { class: "hy-events__item__details" }, h("div", { class: "hy-events__item__title" }, this.eventTitle), h("div", { class: "hy-events__item__meta" }, this.dateLong && (h("div", { class: "hy-events__item__meta--item hy-events__item__date--long" }, h("hy-icon", { icon: "hy-icon-events", size: 18 }), this.dateLong)), this.location && (h("div", { class: "hy-events__item__meta--item hy-events__item__location" }, h("hy-icon", { icon: "hy-icon-location", size: 18 }), this.location)), this.type && (h("div", { class: "hy-events__item__meta--item hy-events__item__type" }, h("hy-icon", { icon: "hy-icon-people", size: 18 }), this.type)), h("span", { class: "hy-events__item__read-more" }, this.readMoreLabel))), h("span", { class: "hy-events__item__url-icon", "aria-hidden": "true" }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 18 })))));
   }
   static get is() { return "hy-event-item"; }
@@ -74,7 +74,7 @@ export class HyEventItem {
         },
         "attribute": "event-description",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "dateShort": {
         "type": "string",
@@ -92,7 +92,7 @@ export class HyEventItem {
         },
         "attribute": "date-short",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "dateLong": {
         "type": "string",
@@ -110,7 +110,7 @@ export class HyEventItem {
         },
         "attribute": "date-long",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "location": {
         "type": "string",
@@ -128,7 +128,7 @@ export class HyEventItem {
         },
         "attribute": "location",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "type": {
         "type": "string",
@@ -198,7 +198,7 @@ export class HyEventItem {
         },
         "attribute": "read-more-label",
         "reflect": false,
-        "defaultValue": "'Read more'"
+        "defaultValue": "\"Read more\""
       }
     };
   }
@@ -209,4 +209,3 @@ export class HyEventItem {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-event-item.js.map