@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CtaLinkVariants } from '../../utils/utils';
 let scrollTimeout = null;
 let checkTimeout = null;
@@ -7,6 +7,8 @@ export class HyEvents {
   constructor() {
     this.styleGrid = false;
     this.showMore = false;
+    this.viewAllUrl = undefined;
+    this.viewAllLabel = undefined;
     this.scrollLeftLabel = 'Scroll list to left';
     this.scrollRightLabel = 'Scroll list to right';
     this.scrollable = true;
@@ -76,138 +78,139 @@ export class HyEvents {
   render() {
     const classAttributes = ['hy-events', this.styleGrid ? 'hy-events--grid' : ''].join(' ');
     const footerClasses = ['hy-events__footer', this.styleGrid ? 'hy-events__footer--grid' : ''].join(' ');
-    return (h("div", { class: "hy-events--wrapper" },
-      h("div", { class: classAttributes },
-        h("slot", null)),
-      h("div", { class: footerClasses },
-        this.scrollable && this.styleGrid && (h("div", { class: "hy-events__scroll-buttons" },
-          h("button", { type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel },
-            h("hy-icon", { icon: "hy-icon-caret-left", size: 16 })),
-          h("button", { type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel },
-            h("hy-icon", { icon: "hy-icon-caret-right", size: 16 })))),
-        this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
+    return (h("div", { class: "hy-events--wrapper" }, h("div", { class: classAttributes }, h("slot", null)), h("div", { class: footerClasses }, this.scrollable && this.styleGrid && (h("div", { class: "hy-events__scroll-buttons" }, h("button", { type: "button", class: "hy-events__scroll-left", "aria-label": this.scrollLeftLabel }, h("hy-icon", { icon: "hy-icon-caret-left", size: 16 })), h("button", { type: "button", class: "hy-events__scroll-right", "aria-label": this.scrollRightLabel }, h("hy-icon", { icon: "hy-icon-caret-right", size: 16 })))), this.showMore && this.viewAllLabel && this.viewAllUrl && (h("hy-cta-link", { "link-content": this.viewAllLabel, "sc-label": this.viewAllLabel, url: this.viewAllUrl, variant: CtaLinkVariants.linkList })))));
   }
   static get is() { return "hy-events"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-events.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-events.css"]
-  }; }
-  static get properties() { return {
-    "styleGrid": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "style-grid",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showMore": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-more",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "viewAllUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "view-all-url",
-      "reflect": false
-    },
-    "viewAllLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-events.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-events.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "styleGrid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "style-grid",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "view-all-label",
-      "reflect": false
-    },
-    "scrollLeftLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "showMore": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-more",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "viewAllUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "view-all-url",
+        "reflect": false
       },
-      "attribute": "scroll-left-label",
-      "reflect": false,
-      "defaultValue": "'Scroll list to left'"
-    },
-    "scrollRightLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "viewAllLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "view-all-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "scrollLeftLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "scroll-left-label",
+        "reflect": false,
+        "defaultValue": "'Scroll list to left'"
       },
-      "attribute": "scroll-right-label",
-      "reflect": false,
-      "defaultValue": "'Scroll list to right'"
-    }
-  }; }
-  static get states() { return {
-    "scrollable": {}
-  }; }
+      "scrollRightLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "scroll-right-label",
+        "reflect": false,
+        "defaultValue": "'Scroll list to right'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "scrollable": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "viewAllUrl",
-      "methodName": "watchUrlHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "viewAllUrl",
+        "methodName": "watchUrlHandler"
+      }];
+  }
 }

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

@@ -1,48 +1,50 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ColorVariant } from '../../utils/utils';
 export class HyFilterGroupItem {
+  constructor() {
+    this.filterGroupItemId = undefined;
+    this.filterGroupItemLabel = undefined;
+  }
   render() {
-    return (h("li", { class: "hy-filter-group__filter" },
-      h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` },
-        this.filterGroupItemLabel,
-        h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-remove', size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })),
-      h("slot", null)));
+    return (h("li", { class: "hy-filter-group__filter" }, h("button", { type: "button", class: "hy-filter-group__button", "aria-label": `Deselect ${this.filterGroupItemLabel}` }, this.filterGroupItemLabel, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-remove', size: 10, "aria-hidden": "true", fill: ColorVariant.grey_dark })), h("slot", null)));
   }
   static get is() { return "hy-filter-group-item"; }
-  static get properties() { return {
-    "filterGroupItemId": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "string | number",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "filter-group-item-id",
-      "reflect": false
-    },
-    "filterGroupItemLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get properties() {
+    return {
+      "filterGroupItemId": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "string | number",
+          "resolved": "number | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-group-item-id",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "filter-group-item-label",
-      "reflect": false
-    }
-  }; }
+      "filterGroupItemLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-group-item-label",
+        "reflect": false
+      }
+    };
+  }
 }

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

@@ -1,5 +1,9 @@
-import { Component, Host, h, Prop, Watch } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyFilterGroup {
+  constructor() {
+    this.filterGroupLabel = undefined;
+    this.filterGroupFilters = undefined;
+  }
   arrayDataWatcher(newValue) {
     if (typeof newValue === 'string') {
       this._filterGroupFilters = JSON.parse(newValue);
@@ -16,61 +20,66 @@ export class HyFilterGroup {
     console.log(id);
   }
   render() {
-    return (h(Host, { class: "hy-filter-group" },
-      h("ul", { class: "hy-filter-group__listing" },
-        h("li", null,
-          h("h3", { class: "hy-filter-group__label" }, this.filterGroupLabel)),
-        this._filterGroupFilters.map(({ id, label }) => (h("hy-filter-group-item", { "filter-group-item-id": id, "filter-group-item-label": label, onClick: () => this.handleFilterDeselect(id) }))))));
+    return (h(Host, { class: "hy-filter-group" }, h("ul", { class: "hy-filter-group__listing" }, h("li", null, h("h3", { class: "hy-filter-group__label" }, this.filterGroupLabel)), this._filterGroupFilters.map(({ id, label }) => (h("hy-filter-group-item", { "filter-group-item-id": id, "filter-group-item-label": label, onClick: () => this.handleFilterDeselect(id) }))))));
   }
   static get is() { return "hy-filter-group"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-filter-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-filter-group.css"]
-  }; }
-  static get properties() { return {
-    "filterGroupLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-filter-group.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-filter-group.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterGroupLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-group-label",
+        "reflect": false
       },
-      "attribute": "filter-group-label",
-      "reflect": false
-    },
-    "filterGroupFilters": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IFilterGroupFilter[] | string",
-        "resolved": "IFilterGroupFilter[] | string",
-        "references": {
-          "IFilterGroupFilter": {
-            "location": "local"
+      "filterGroupFilters": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IFilterGroupFilter[] | string",
+          "resolved": "IFilterGroupFilter[] | string",
+          "references": {
+            "IFilterGroupFilter": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-filter-group/hy-filter-group.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "filter-group-filters",
-      "reflect": false
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "filterGroupFilters",
-      "methodName": "arrayDataWatcher"
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-group-filters",
+        "reflect": false
+      }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "filterGroupFilters",
+        "methodName": "arrayDataWatcher"
+      }];
+  }
 }

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

@@ -1,63 +1,68 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ListStyleVariants } from '../../utils/utils';
 export class HyFilterListType {
+  constructor() {
+    this.filterLabel = undefined;
+    this.filterValue = undefined;
+  }
   render() {
-    return (h("div", { class: "hy-filter__list-type" },
-      h("span", null, this.filterLabel),
-      h("button", { type: "button", class: {
-          'hy-filter-item': true,
-          'hy-filter__list-type__list': true,
-          'is-active': this.filterValue == ListStyleVariants.list,
-        }, "aria-label": `${this.filterLabel}--list` },
-        h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-list', size: 16, "aria-hidden": "true" })),
-      h("button", { type: "button", class: {
-          'hy-filter-item': true,
-          'hy-filter__list-type__grid': true,
-          'is-active': this.filterValue == ListStyleVariants.grid,
-        }, "aria-label": `${this.filterLabel}--grid` },
-        h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-grid', size: 16, "aria-hidden": "true" }))));
+    return (h("div", { class: "hy-filter__list-type" }, h("span", null, this.filterLabel), h("button", { type: "button", class: {
+        'hy-filter-item': true,
+        'hy-filter__list-type__list': true,
+        'is-active': this.filterValue == ListStyleVariants.list,
+      }, "aria-label": `${this.filterLabel}--list` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-list', size: 16, "aria-hidden": "true" })), h("button", { type: "button", class: {
+        'hy-filter-item': true,
+        'hy-filter__list-type__grid': true,
+        'is-active': this.filterValue == ListStyleVariants.grid,
+      }, "aria-label": `${this.filterLabel}--grid` }, h("hy-icon", { class: "hy-filter-group__button-icon", icon: 'hy-icon-list-style-grid', size: 16, "aria-hidden": "true" }))));
   }
   static get is() { return "hy-filter-list-type"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-filter-list-type.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-filter-list-type.css"]
-  }; }
-  static get properties() { return {
-    "filterLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "filter-label",
-      "reflect": false
-    },
-    "filterValue": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-filter-list-type.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-filter-list-type.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-label",
+        "reflect": false
       },
-      "attribute": "filter-value",
-      "reflect": false
-    }
-  }; }
+      "filterValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-value",
+        "reflect": false
+      }
+    };
+  }
 }