@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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

@@ -1,10 +1,13 @@
-import { Component, Element, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyEventItem {
   constructor() {
+    this.eventTitle = undefined;
     this.eventDescription = '';
     this.dateShort = '';
     this.dateLong = '';
     this.location = '';
+    this.type = undefined;
+    this.url = undefined;
     this.styleGrid = false;
     this.readMoreLabel = 'Read more';
     this.isLong = false;
@@ -23,198 +26,186 @@ export class HyEventItem {
       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 })))));
+    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"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-event-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-event-item.css"]
-  }; }
-  static get properties() { return {
-    "eventTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "event-title",
-      "reflect": false
-    },
-    "eventDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "event-description",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "dateShort": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "date-short",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "dateLong": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "date-long",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "location": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "location",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url",
-      "reflect": false
-    },
-    "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"
-    },
-    "readMoreLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "read-more-label",
-      "reflect": false,
-      "defaultValue": "'Read more'"
-    }
-  }; }
-  static get states() { return {
-    "isLong": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-event-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-event-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "eventTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "event-title",
+        "reflect": false
+      },
+      "eventDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "event-description",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "dateShort": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "date-short",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "dateLong": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "date-long",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "location": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "location",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false
+      },
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
+      },
+      "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"
+      },
+      "readMoreLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "read-more-label",
+        "reflect": false,
+        "defaultValue": "'Read more'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isLong": {}
+    };
+  }
   static get elementRef() { return "el"; }
 }