@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

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

@@ -1,63 +1,69 @@
-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
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-filter-list-type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-filter-list-type.js","sourceRoot":"","sources":["../../../src/components/hy-filter-list-type/hy-filter-list-type.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAOpD,MAAM,OAAO,gBAAgB;;;;;EAI3B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,sBAAsB;MAC/B,gBAAO,IAAI,CAAC,WAAW,CAAQ;MAC/B,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;UACL,gBAAgB,EAAE,IAAI;UACtB,4BAA4B,EAAE,IAAI;UAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;SACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ;QAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG;MACT,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;UACL,gBAAgB,EAAE,IAAI;UACtB,4BAA4B,EAAE,IAAI;UAClC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,IAAI;SACxD,gBACW,GAAG,IAAI,CAAC,WAAW,QAAQ;QAEvC,eAAS,KAAK,EAAC,8BAA8B,EAAC,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,CACvG,CACL,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\nimport {ListStyleVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-filter-list-type',\n  styleUrl: 'hy-filter-list-type.scss',\n  shadow: false,\n})\nexport class HyFilterListType {\n  @Prop() filterLabel?: string;\n  @Prop() filterValue?: string;\n\n  render() {\n    return (\n      <div class=\"hy-filter__list-type\">\n        <span>{this.filterLabel}</span>\n        <button\n          type=\"button\"\n          class={{\n            'hy-filter-item': true,\n            'hy-filter__list-type__list': true,\n            'is-active': this.filterValue == ListStyleVariants.list,\n          }}\n          aria-label={`${this.filterLabel}--list`}\n        >\n          <hy-icon class=\"hy-filter-group__button-icon\" icon={'hy-icon-list-style-list'} size={16} aria-hidden=\"true\" />\n        </button>\n        <button\n          type=\"button\"\n          class={{\n            'hy-filter-item': true,\n            'hy-filter__list-type__grid': true,\n            'is-active': this.filterValue == ListStyleVariants.grid,\n          }}\n          aria-label={`${this.filterLabel}--grid`}\n        >\n          <hy-icon class=\"hy-filter-group__button-icon\" icon={'hy-icon-list-style-grid'} size={16} aria-hidden=\"true\" />\n        </button>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,39 +1,47 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyFilterVisibilityTool {
+  constructor() {
+    this.filterVisibilityToolType = undefined;
+  }
   render() {
     switch (this.filterVisibilityToolType) {
       case 'toggle':
-        return (h(Host, null,
-          h("hy-filter-visibility-tool-toggle", null)));
+        return (h(Host, null, h("hy-filter-visibility-tool-toggle", null)));
       case 'reset':
-        return (h(Host, null,
-          h("hy-filter-visibility-tool-reset", null)));
+        return (h(Host, null, h("hy-filter-visibility-tool-reset", null)));
     }
   }
   static get is() { return "hy-filter-visibility-tool"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-filter-visibility-tool.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-filter-visibility-tool.css"]
-  }; }
-  static get properties() { return {
-    "filterVisibilityToolType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'toggle' | 'reset'",
-        "resolved": "\"reset\" | \"toggle\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "filter-visibility-tool-type",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-filter-visibility-tool.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-filter-visibility-tool.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterVisibilityToolType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'toggle' | 'reset'",
+          "resolved": "\"reset\" | \"toggle\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-visibility-tool-type",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-filter-visibility-tool.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-filter-visibility-tool.js","sourceRoot":"","sources":["../../../src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,sBAAsB;;;;EAGjC,MAAM;IACJ,QAAQ,IAAI,CAAC,wBAAwB,EAAE;MACrC,KAAK,QAAQ;QACX,OAAO,CACL,EAAC,IAAI;UACH,2CAAoC,CAC/B,CACR,CAAC;MAEJ,KAAK,OAAO;QACV,OAAO,CACL,EAAC,IAAI;UACH,0CAAmC,CAC9B,CACR,CAAC;KACL;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-filter-visibility-tool',\n  styleUrl: 'hy-filter-visibility-tool.scss',\n  shadow: false,\n})\nexport class HyFilterVisibilityTool {\n  @Prop() filterVisibilityToolType: 'toggle' | 'reset';\n\n  render() {\n    switch (this.filterVisibilityToolType) {\n      case 'toggle':\n        return (\n          <Host>\n            <hy-filter-visibility-tool-toggle />\n          </Host>\n        );\n\n      case 'reset':\n        return (\n          <Host>\n            <hy-filter-visibility-tool-reset />\n          </Host>\n        );\n    }\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-filter-visibility-tool.reset.js","sourceRoot":"","sources":["../../../src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAM3C,MAAM,OAAO,2BAA2B;EACtC,MAAM;IACJ,OAAO,CACL,cAAQ,KAAK,EAAC,4DAA4D,EAAC,IAAI,EAAC,QAAQ;MACtF,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG;sBAEjG,CACV,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import {Component, h} from '@stencil/core';\n\n@Component({\n  tag: 'hy-filter-visibility-tool-reset',\n  shadow: false,\n})\nexport class HyFilterVisibilityToolReset {\n  render() {\n    return (\n      <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--reset\" type=\"button\">\n        <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={'hy-icon-remove'} size={14} aria-hidden=\"true\" />\n        Reset filters\n      </button>\n    );\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-filter-visibility-tool.reset.toggle.js","sourceRoot":"","sources":["../../../src/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAMjD,MAAM,OAAO,4BAA4B;EACvC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,cAAQ,KAAK,EAAC,gEAAgE,EAAC,IAAI,EAAC,QAAQ;QAC1F,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG;4BAE/F;MACT,cAAQ,KAAK,EAAC,gEAAgE,EAAC,IAAI,EAAC,QAAQ;QAC1F,eAAS,KAAK,EAAC,iCAAiC,EAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG;4BAEhG,CACJ,CACR,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import {Component, h, Host} from '@stencil/core';\n\n@Component({\n  tag: 'hy-filter-visibility-tool-toggle',\n  shadow: false,\n})\nexport class HyFilterVisibilityToolToggle {\n  render() {\n    return (\n      <Host>\n        <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--show-more\" type=\"button\">\n          <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={'hy-icon-plus'} size={12} aria-hidden=\"true\" />\n          Show more filters\n        </button>\n        <button class=\"hy-filter-visibility-tool hy-filter-visibility-tool--show-less\" type=\"button\">\n          <hy-icon class=\"hy-filter-visibility-tool__icon\" icon={'hy-icon-minus'} size={12} aria-hidden=\"true\" />\n          Show less filters\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,10 +1,11 @@
-import { Component, Element, h, Prop, State, Host, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { GeneralListTypes } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyGeneralList {
   constructor() {
     this.type = GeneralListTypes.list;
     this.blank = true;
+    this.dataItems = undefined;
     this.truncateDescription = true;
     this.truncateLimit = 140;
     this.hasSidebar = false;
@@ -36,125 +37,134 @@ export class HyGeneralList {
     function truncate(str, n) {
       return str.length > n ? str.substr(0, n - 1) + '...' : str;
     }
-    return (h(Host, null,
-      h("ul", { class: classAttributes }, listData &&
-        listData.map((item) => (h("li", null,
-          h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("ul", { class: classAttributes }, listData &&
+      listData.map((item) => (h("li", null, h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-general-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-general-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-general-list.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GeneralListTypes",
-        "resolved": "GeneralListTypes.grid | GeneralListTypes.list",
-        "references": {
-          "GeneralListTypes": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-general-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-general-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GeneralListTypes",
+          "resolved": "GeneralListTypes.grid | GeneralListTypes.list",
+          "references": {
+            "GeneralListTypes": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "GeneralListTypes.list"
-    },
-    "blank": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "GeneralListTypes.list"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "blank": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "blank",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "blank",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ListItemValue[] | string",
-        "resolved": "ListItemValue[] | string",
-        "references": {
-          "ListItemValue": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ListItemValue[] | string",
+          "resolved": "ListItemValue[] | string",
+          "references": {
+            "ListItemValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-general-list/hy-general-list.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    },
-    "truncateDescription": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
       },
-      "attribute": "truncate-description",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "truncateLimit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "truncateDescription": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "truncate-description",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "truncate-limit",
-      "reflect": false,
-      "defaultValue": "140"
-    }
-  }; }
-  static get states() { return {
-    "hasSidebar": {}
-  }; }
+      "truncateLimit": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "truncate-limit",
+        "reflect": false,
+        "defaultValue": "140"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasSidebar": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "dataItems",
-      "methodName": "watchPropHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "dataItems",
+        "methodName": "watchPropHandler"
+      }];
+  }
 }
+//# sourceMappingURL=hy-general-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-general-list.js","sourceRoot":"","sources":["../../../src/components/hy-general-list/hy-general-list.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface ListItemValue {\n  description: string;\n  id: string;\n  imageAlt: string;\n  imageUrl: string;\n  label: string;\n  subLabel: string;\n  date: string;\n  tag: string;\n  title: string;\n  type: string;\n  url: string;\n  target: boolean;\n}\n\nimport {Component, Element, h, Prop, State, Host, Watch} from '@stencil/core';\nimport {GeneralListTypes} from '../../utils/utils';\nimport {jsonParserWorker} from '../../global/globalScript';\n\n@Component({\n  tag: 'hy-general-list',\n  styleUrl: 'hy-general-list.scss',\n  shadow: false,\n})\nexport class HyGeneralList {\n  @Prop() type: GeneralListTypes = GeneralListTypes.list;\n  @Prop() blank: boolean = true;\n  @Prop() dataItems: ListItemValue[] | string;\n  @Prop() truncateDescription: boolean = true;\n  @Prop() truncateLimit: number = 140;\n  private _dataItems: ListItemValue[];\n  @Element() el: HTMLElement;\n  @State() hasSidebar: boolean = false;\n\n  async componentWillLoad() {\n    this._dataItems = await jsonParserWorker(this.dataItems);\n\n    const hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (hyMainDiv.classList.contains('with-sidebar')) {\n        this.hasSidebar = true;\n      }\n    }\n  }\n\n  @Watch('dataItems')\n  async watchPropHandler(newValue: string | number, oldValue: string | number) {\n    if (newValue !== oldValue) {\n      this._dataItems = await jsonParserWorker(this.dataItems);\n    }\n  }\n\n  render() {\n    const classAttributes = [\n      'hy-general-list',\n      this.hasSidebar ? 'hy-general-list--with-sidebar' : '',\n      `hy-general-list--style-${this.type}`,\n    ].join(' ');\n\n    let listData = this._dataItems;\n    if (typeof this._dataItems === 'object') {\n      listData = Object.values(this._dataItems);\n    }\n\n    function truncate(str, n) {\n      return str.length > n ? str.substr(0, n - 1) + '...' : str;\n    }\n\n    return (\n      <Host>\n        <ul class={classAttributes}>\n          {listData &&\n            listData.map((item) => (\n              <li>\n                <hy-general-list-item\n                  has-sidebar={this.hasSidebar}\n                  target={this.blank}\n                  data-location={item.url}\n                  description={\n                    this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description\n                  }\n                  id={item.id}\n                  imageAlt={item.imageAlt}\n                  imageUrl={item.imageUrl}\n                  item-title={item.title}\n                  label={item.label}\n                  sub-label={item.subLabel}\n                  tag={item.tag}\n                  date={item.date}\n                  type={item.type}\n                  url={item.url}\n                  list-style={this.type}\n                ></hy-general-list-item>\n              </li>\n            ))}\n        </ul>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}