npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.41 → 0.8.43 - Mend

@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Component, Element, h, Listen, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
 import { jsonParserWorker } from '../../../global/globalScript';
 let keys = {
@@ -8,7 +8,20 @@ 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);
@@ -30,341 +43,331 @@ export class HyContentLstItem {
     ].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 })))))),
+      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"
+  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": "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"
+        },
+        "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": "/builds/julkiset-sivut/design-system-lib/src/components/courses/hy-content-list-item/hy-content-list-item.tsx"
+            }
           }
-        }
-      },
-      "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 listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }