@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.75

package/dist/collection/components/hy-content-lists/hy-content-list-item/hy-content-list-item.js

@@ -2,373 +2,375 @@ import { h } from "@stencil/core";
 import { CourseStateVariants, CourseVariants } from "../../../utils/utils";
 import { jsonParserWorker } from "../../../global/globalScript";
 let keys = {
-  enter: "Enter",
+    enter: "Enter",
 };
 export class HyContentLstItem {
-  constructor() {
-    this.variant = CourseVariants.default;
-    this.stateVariant = CourseStateVariants.default;
-    this.courseCode = undefined;
-    this.courseName = undefined;
-    this.isCancelled = undefined;
-    this.cancelledLabel = "Cancelled";
-    this.courseCredits = undefined;
-    this.courseTags = undefined;
-    this.courseStartDate = undefined;
-    this.courseEndDate = undefined;
-    this.formattedTimeRange = undefined;
-    this.courseStudyFormat = undefined;
-    this.courseOrganisation = undefined;
-    this.courseEnrollmentLink = undefined;
-    this.courseTeachingLanguage = undefined;
-    this.courseLinkLabel = undefined;
-  }
-  async componentWillLoad() {
-    this._courseTags = await jsonParserWorker(this.courseTags);
-  }
-  handleKeyDown(event) {
-    const key = event.code;
-    if (key == keys.enter) {
-      let card = this.el;
-      window.open(card.dataset.location, "_blank", "noopener");
+    constructor() {
+        this.variant = CourseVariants.default;
+        this.stateVariant = CourseStateVariants.default;
+        this.courseCode = undefined;
+        this.courseName = undefined;
+        this.isCancelled = undefined;
+        this.cancelledLabel = "Cancelled";
+        this.courseCredits = undefined;
+        this.courseTags = undefined;
+        this.courseStartDate = undefined;
+        this.courseEndDate = undefined;
+        this.formattedTimeRange = undefined;
+        this.courseStudyFormat = undefined;
+        this.courseOrganisation = undefined;
+        this.courseEnrollmentLink = undefined;
+        this.courseTeachingLanguage = undefined;
+        this.courseLinkLabel = undefined;
     }
-  }
-  render() {
-    const classAttributes = [this.variant, "hy-content-list-item"].join(" ");
-    const target = "_blank";
-    const ariaLabel = "Link points outside the current website.";
-    const classItemName = [
-      "hy-content-list-item--item-name",
-      `hy-content-list-item--item-name--${this.stateVariant}`,
-    ].join(" ");
-    const classItemCancelled = ["cancelled", `cancelled--${this.stateVariant}`].join(" ");
-    return [
-      h("div", { class: classAttributes, tabindex: "0" }, h("div", { class: classItemName }, this.courseName), h("div", { class: "hy-content-list-item--metadata" }, this.isCancelled && (h("div", { class: classItemCancelled }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first" }, h("span", null, this.formattedTimeRange)), this.courseOrganisation
-        ? [
-          h("div", { class: "hy-content-list-item--metadata--item" }, h("span", null, this.courseStudyFormat)),
-          h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseOrganisation)),
-        ]
-        : [
-          h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseStudyFormat)),
-        ]), this._courseTags && this._courseTags.length > 0 && (h("div", { class: "hy-content-list-item--tags" }, this._courseTags.map((x) => {
-        return h("hy-tag", null, x.name);
-      }))), this.isCancelled && (h("div", { class: "cancelled mobile" }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--link" }, h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { class: "label" }, this.courseLinkLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 40 })))))),
-    ];
-  }
-  static get is() { return "hy-content-list-item"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["hy-content-list-item.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["hy-content-list-item.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "CourseVariants",
-          "resolved": "CourseVariants.default | CourseVariants.grid",
-          "references": {
-            "CourseVariants": {
-              "location": "import",
-              "path": "../../../utils/utils"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "CourseVariants.default"
-      },
-      "stateVariant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "CourseStateVariants",
-          "resolved": "CourseStateVariants.default | CourseStateVariants.pastCourses",
-          "references": {
-            "CourseStateVariants": {
-              "location": "import",
-              "path": "../../../utils/utils"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "state-variant",
-        "reflect": false,
-        "defaultValue": "CourseStateVariants.default"
-      },
-      "courseCode": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-code",
-        "reflect": false
-      },
-      "courseName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-name",
-        "reflect": false
-      },
-      "isCancelled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-cancelled",
-        "reflect": false
-      },
-      "cancelledLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "cancelled-label",
-        "reflect": false,
-        "defaultValue": "\"Cancelled\""
-      },
-      "courseCredits": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-credits",
-        "reflect": false
-      },
-      "courseTags": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TagValue[] | string",
-          "resolved": "TagValue[] | string",
-          "references": {
-            "TagValue": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-content-lists/hy-content-list-item/hy-content-list-item.tsx"
+    async componentWillLoad() {
+        this._courseTags = await jsonParserWorker(this.courseTags);
+    }
+    handleKeyDown(event) {
+        const key = event.code;
+        if (key == keys.enter) {
+            let card = this.el;
+            window.open(card.dataset.location, "_blank", "noopener");
+        }
+    }
+    render() {
+        const classAttributes = [this.variant, "hy-content-list-item"].join(" ");
+        const target = "_blank";
+        const ariaLabel = "Link points outside the current website.";
+        const classItemName = [
+            "hy-content-list-item--item-name",
+            `hy-content-list-item--item-name--${this.stateVariant}`,
+        ].join(" ");
+        const classItemCancelled = ["cancelled", `cancelled--${this.stateVariant}`].join(" ");
+        return [
+            h("div", { key: 'c168c469066896d82a742d2b41757ef358abab1f', class: classAttributes, tabindex: "0" }, h("div", { key: '413af19dd1cb731436cb978cc21592f193995b24', class: classItemName }, this.courseName), h("div", { key: 'c248fd0d9320d692a1bfe731d2a6d87ee61fd31d', class: "hy-content-list-item--metadata" }, this.isCancelled && (h("div", { key: '0e501f73f8686fc58e6884dd23a0e62c4bc1fd9b', class: classItemCancelled }, h("span", { key: '7f901eed6ccf8e596db3239384ec6e07c11303da' }, this.cancelledLabel))), h("div", { key: '90b7ebf618c9157f588368b980a7be00048e03f6', class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first" }, h("span", { key: '1c7a3004f02c93f3e3af52238afe2ccb8abd6cdc' }, this.formattedTimeRange)), this.courseOrganisation
+                ? [
+                    h("div", { class: "hy-content-list-item--metadata--item" }, h("span", null, this.courseStudyFormat)),
+                    h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseOrganisation)),
+                ]
+                : [
+                    h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseStudyFormat)),
+                ]), this._courseTags && this._courseTags.length > 0 && (h("div", { key: 'dc0b9db667e3522626cfad8b00860ca47b13581b', class: "hy-content-list-item--tags" }, this._courseTags.map((x) => {
+                return h("hy-tag", null, x.name);
+            }))), this.isCancelled && (h("div", { key: 'cfd0e329da0b4edfc3a798471abf2fdcd25f680c', class: "cancelled mobile" }, h("span", { key: '25a4557562260d23fa3f152e6c281f25c35a08da' }, this.cancelledLabel))), h("div", { key: 'e4ddeb0e46c40e030318f94e0d54e97c177dc005', class: "hy-content-list-item--link" }, h("a", { key: '0d961b9ea7eb6d0b7779e8d2238bd8b799c18ad6', href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { key: '6bea55ccb5c176b89736cdd6bf09befa6e865623', class: "label" }, this.courseLinkLabel), h("span", { key: '508af5bd51514290206054fc086313c1c6754f79', class: "icon-wrapper" }, h("div", { key: '211b7d1607b403d360dbcb2ac3d1b775738ec2ec', class: "icon" }, h("hy-icon", { key: '61a3254e5f9046365ff527ca4d978ed428adab25', icon: "hy-icon-arrow-to-right", size: 40 })))))),
+        ];
+    }
+    static get is() { return "hy-content-list-item"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["hy-content-list-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["hy-content-list-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CourseVariants",
+                    "resolved": "CourseVariants.default | CourseVariants.grid",
+                    "references": {
+                        "CourseVariants": {
+                            "location": "import",
+                            "path": "../../../utils/utils",
+                            "id": "src/utils/utils.ts::CourseVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "CourseVariants.default"
+            },
+            "stateVariant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CourseStateVariants",
+                    "resolved": "CourseStateVariants.default | CourseStateVariants.pastCourses",
+                    "references": {
+                        "CourseStateVariants": {
+                            "location": "import",
+                            "path": "../../../utils/utils",
+                            "id": "src/utils/utils.ts::CourseStateVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state-variant",
+                "reflect": false,
+                "defaultValue": "CourseStateVariants.default"
+            },
+            "courseCode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-code",
+                "reflect": false
+            },
+            "courseName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-name",
+                "reflect": false
+            },
+            "isCancelled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-cancelled",
+                "reflect": false
+            },
+            "cancelledLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "cancelled-label",
+                "reflect": false,
+                "defaultValue": "\"Cancelled\""
+            },
+            "courseCredits": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-credits",
+                "reflect": false
+            },
+            "courseTags": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TagValue[] | string",
+                    "resolved": "TagValue[] | string",
+                    "references": {
+                        "TagValue": {
+                            "location": "local",
+                            "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-content-lists/hy-content-list-item/hy-content-list-item.tsx",
+                            "id": "src/components/hy-content-lists/hy-content-list-item/hy-content-list-item.tsx::TagValue"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-tags",
+                "reflect": false
+            },
+            "courseStartDate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-start-date",
+                "reflect": false
+            },
+            "courseEndDate": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-end-date",
+                "reflect": false
+            },
+            "formattedTimeRange": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "formatted-time-range",
+                "reflect": false
+            },
+            "courseStudyFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-study-format",
+                "reflect": false
+            },
+            "courseOrganisation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-organisation",
+                "reflect": false
+            },
+            "courseEnrollmentLink": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-enrollment-link",
+                "reflect": false
+            },
+            "courseTeachingLanguage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-teaching-language",
+                "reflect": false
+            },
+            "courseLinkLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "course-link-label",
+                "reflect": false
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-tags",
-        "reflect": false
-      },
-      "courseStartDate": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-start-date",
-        "reflect": false
-      },
-      "courseEndDate": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-end-date",
-        "reflect": false
-      },
-      "formattedTimeRange": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "formatted-time-range",
-        "reflect": false
-      },
-      "courseStudyFormat": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-study-format",
-        "reflect": false
-      },
-      "courseOrganisation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-organisation",
-        "reflect": false
-      },
-      "courseEnrollmentLink": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-enrollment-link",
-        "reflect": false
-      },
-      "courseTeachingLanguage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-teaching-language",
-        "reflect": false
-      },
-      "courseLinkLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "course-link-label",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "keydown",
-        "method": "handleKeyDown",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-//# sourceMappingURL=hy-content-list-item.js.map