@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

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,187 @@ 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"; }
 }
+//# sourceMappingURL=hy-event-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-event-item.js","sourceRoot":"","sources":["../../../src/components/hy-event-item/hy-event-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAOjE,MAAM,OAAO,WAAW;;;4BAGa,EAAE;qBACT,EAAE;oBACH,EAAE;oBACF,EAAE;;;qBAGA,KAAK;yBACF,WAAW;kBAEhB,KAAK;;EAEhC,gBAAgB;IACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;IACrB,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,IAAI,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;OACpB;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,gBAAgB,GAAG;MACvB,iBAAiB;MACjB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB;MAClE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;KAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACL,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAC,QAAQ;MACzD,WAAK,KAAK,EAAC,4BAA4B;QACrC,WAAK,KAAK,EAAC,gCAAgC;UACzC,YAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,SAAS,CAAQ;UACjE,IAAI,CAAC,MAAM,IAAI,CACd,YAAM,KAAK,EAAC,yBAAyB;YACnC,eAAS,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAY,CAClD,CACR,CACG;QACN,WAAK,KAAK,EAAC,0BAA0B;UACnC,WAAK,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,UAAU,CAAO;UAC3D,WAAK,KAAK,EAAC,uBAAuB;YAC/B,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,KAAK,EAAC,yDAAyD;cAClE,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY;cAClD,IAAI,CAAC,QAAQ,CACV,CACP;YACA,IAAI,CAAC,QAAQ,IAAI,CAChB,WAAK,KAAK,EAAC,uDAAuD;cAChE,eAAS,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAY;cACpD,IAAI,CAAC,QAAQ,CACV,CACP;YACA,IAAI,CAAC,IAAI,IAAI,CACZ,WAAK,KAAK,EAAC,mDAAmD;cAC5D,eAAS,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAY;cAClD,IAAI,CAAC,IAAI,CACN,CACP;YACD,YAAM,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,aAAa,CAAQ,CAChE,CACF;QACN,YAAM,KAAK,EAAC,2BAA2B,iBAAa,MAAM;UACxD,eAAS,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,GAAY,CACnD,CACH,CACJ,CACL,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Prop, State} from '@stencil/core';\n\n@Component({\n  tag: 'hy-event-item',\n  styleUrl: 'hy-event-item.scss',\n  shadow: false,\n})\nexport class HyEventItem {\n  @Element() el: HTMLElement;\n  @Prop() eventTitle?: string;\n  @Prop() eventDescription: string = '';\n  @Prop() dateShort: string = '';\n  @Prop() dateLong: string = '';\n  @Prop() location: string = '';\n  @Prop() type: string;\n  @Prop() url: string;\n  @Prop() styleGrid: boolean = false;\n  @Prop() readMoreLabel: string = 'Read more';\n\n  @State() isLong: boolean = false;\n\n  componentDidLoad() {\n    const link = this.el;\n    if (this.styleGrid) {\n      if (link.clientHeight > 255) {\n        this.isLong = true;\n      }\n    }\n  }\n\n  render() {\n    const containerClasses = [\n      'hy-events__item',\n      this.styleGrid ? 'hy-events__item--grid' : 'hy-events__item--list',\n      this.isLong ? 'is-long' : '',\n    ].join(' ');\n\n    return (\n      <a href={this.url} class={containerClasses} target=\"_blank\">\n        <div class=\"hy-events__item--container\">\n          <div class=\"hy-events__item__top-container\">\n            <span class=\"hy-events__item__date--short\">{this.dateShort}</span>\n            {this.isLong && (\n              <span class=\"hy-events__item--toggle\">\n                <hy-icon icon=\"hy-icon-caret-down\" size={10}></hy-icon>\n              </span>\n            )}\n          </div>\n          <div class=\"hy-events__item__details\">\n            <div class=\"hy-events__item__title\">{this.eventTitle}</div>\n            <div class=\"hy-events__item__meta\">\n              {this.dateLong && (\n                <div class=\"hy-events__item__meta--item hy-events__item__date--long\">\n                  <hy-icon icon=\"hy-icon-events\" size={18}></hy-icon>\n                  {this.dateLong}\n                </div>\n              )}\n              {this.location && (\n                <div class=\"hy-events__item__meta--item hy-events__item__location\">\n                  <hy-icon icon=\"hy-icon-location\" size={18}></hy-icon>\n                  {this.location}\n                </div>\n              )}\n              {this.type && (\n                <div class=\"hy-events__item__meta--item hy-events__item__type\">\n                  <hy-icon icon=\"hy-icon-people\" size={18}></hy-icon>\n                  {this.type}\n                </div>\n              )}\n              <span class=\"hy-events__item__read-more\">{this.readMoreLabel}</span>\n            </div>\n          </div>\n          <span class=\"hy-events__item__url-icon\" aria-hidden=\"true\">\n            <hy-icon icon=\"hy-icon-arrow-right\" size={18}></hy-icon>\n          </span>\n        </div>\n      </a>\n    );\n  }\n}\n"]}