@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/collection/components/color-box/color-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-box.js","sourceRoot":"","sources":["../../../src/components/color-box/color-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOrE,MAAM,OAAO,QAAQ;EACnB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Host, h} from '@stencil/core';\n\n@Component({\n  tag: 'color-box',\n  styleUrl: 'color-box.css',\n  shadow: true\n})\nexport class ColorBox implements ComponentInterface {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,14 +1,15 @@
 import { CourseStateVariants, CourseVariants } from '../../../utils/utils';
-import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class HyContentList {
   constructor() {
+    this.variant = CourseVariants.default;
     this.linkLabel = 'Go to course page';
     this.noResultLabel = 'No courses scheduled at the moment';
     this.creditsLabel = 'cr';
     this.cancelledLabel = 'Cancelled';
+    this.dataItems = undefined;
     this.headerstyle = 'common';
     this.courseStateVariant = CourseStateVariants.default;
-    this.variant = CourseVariants.default;
     this.courseRealisations = [];
   }
   /**
@@ -39,29 +40,30 @@ export class HyContentList {
     let courseRealisations = [];
     if (this._dataItems && this._dataItems.length > 0) {
       this._dataItems.forEach((item) => {
-        let courseObject = JSON.parse(JSON.stringify(item));
+        const courseObject = JSON.parse(JSON.stringify(item));
         const courseListType = courseObject['courseListType'];
         this.variant = courseListType == 'list' ? CourseVariants.row : CourseVariants.grid;
-        for (let courseProperty in courseObject) {
+        for (const courseProperty in courseObject) {
           if (courseProperty == 'courseListType')
             continue;
-          let courseItem = courseObject[courseProperty];
-          let courseCode = courseItem['code'];
-          let courseCredits = courseItem['credits'];
+          const courseItem = courseObject[courseProperty];
+          const courseCode = courseItem['code'];
+          const courseCredits = courseItem['credits'];
           // Course realisations.
           if (courseItem['realisations']) {
-            let realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
-            for (let realisationProperty in realisations) {
-              let realizationItem = realisations[realisationProperty];
-              let courseRealisationName = realizationItem['name'];
-              let courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
-              let courseStudyFormat = realizationItem['studyFormat'];
-              let courseCancelled = realizationItem['cancelled'];
-              let courseStartDate = realizationItem['startDate'];
-              let courseEndDate = realizationItem['endDate'];
-              let courseEnrollmentLink = realizationItem['enrolmentLink'];
-              let courseTeachingLanguage = realizationItem['teachingLanguage'];
-              let courseOrganisation = realizationItem['organisation'];
+            const realisations = JSON.parse(JSON.stringify(courseItem['realisations']));
+            for (const realisationProperty in realisations) {
+              const realizationItem = realisations[realisationProperty];
+              const courseRealisationName = realizationItem['name'];
+              const courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;
+              const courseStudyFormat = realizationItem['studyFormat'];
+              const courseCancelled = realizationItem['cancelled'];
+              const courseStartDate = realizationItem['startDate'];
+              const courseEndDate = realizationItem['endDate'];
+              const formattedTimeRange = realizationItem['formattedTimeRange'];
+              const courseEnrollmentLink = realizationItem['enrolmentLink'];
+              const courseTeachingLanguage = realizationItem['teachingLanguage'];
+              const courseOrganisation = realizationItem['organisation'];
               let courseTags = [];
               if (realizationItem['tags']) {
                 let tags = JSON.parse(JSON.stringify(realizationItem['tags']));
@@ -70,9 +72,9 @@ export class HyContentList {
                   courseTags.push(tagItem);
                 }
               }
-              let courseTagsJSON = JSON.stringify(courseTags);
+              const courseTagsJSON = JSON.stringify(courseTags);
               const contentListItemClassAttributes = ['item', this.variant].join(' ');
-              courseRealisations.push(h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
+              courseRealisations.push(h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "formatted-time-range": formattedTimeRange, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
             }
           }
         }
@@ -89,163 +91,168 @@ export class HyContentList {
     ].join(' ');
     this.courseRealisations = this.renderItems();
     if (this.courseRealisations && this.courseRealisations.length > 0) {
-      return (h(Host, null,
-        h("div", { class: classAttributes }, this.courseRealisations)));
+      return (h(Host, null, h("div", { class: classAttributes }, this.courseRealisations)));
     }
     else {
-      return (h(Host, null,
-        h("div", { class: classAttributes },
-          h("div", { class: "hy-content-list--no-result" },
-            h("span", { class: classAlertAttributes },
-              h("hy-icon", { icon: 'hy-icon-info', size: 16 })),
-            h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
+      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: 'hy-icon-info', size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
     }
   }
   static get is() { return "hy-content-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-content-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-content-list.css"]
-  }; }
-  static get properties() { return {
-    "linkLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "link-label",
-      "reflect": false,
-      "defaultValue": "'Go to course page'"
-    },
-    "noResultLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "no-result-label",
-      "reflect": false,
-      "defaultValue": "'No courses scheduled at the moment'"
-    },
-    "creditsLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "credits-label",
-      "reflect": false,
-      "defaultValue": "'cr'"
-    },
-    "cancelledLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-content-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-content-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "linkLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-label",
+        "reflect": false,
+        "defaultValue": "'Go to course page'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "noResultLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "no-result-label",
+        "reflect": false,
+        "defaultValue": "'No courses scheduled at the moment'"
       },
-      "attribute": "cancelled-label",
-      "reflect": false,
-      "defaultValue": "'Cancelled'"
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "creditsLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "credits-label",
+        "reflect": false,
+        "defaultValue": "'cr'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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'"
       },
-      "attribute": "data-items",
-      "reflect": false
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "courseStateVariant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CourseStateVariants",
-        "resolved": "CourseStateVariants.default | CourseStateVariants.pastCourses",
-        "references": {
-          "CourseStateVariants": {
-            "location": "import",
-            "path": "../../../utils/utils"
+      "courseStateVariant": {
+        "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": "course-state-variant",
-      "reflect": false,
-      "defaultValue": "CourseStateVariants.default"
-    }
-  }; }
-  static get states() { return {
-    "courseRealisations": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-state-variant",
+        "reflect": false,
+        "defaultValue": "CourseStateVariants.default"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "courseRealisations": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "dataItems",
-      "methodName": "dataWatcher"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "dataItems",
+        "methodName": "dataWatcher"
+      }];
+  }
 }
+//# sourceMappingURL=hy-content-list.js.map

package/dist/collection/components/courses/hy-content-list/hy-content-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-content-list.js","sourceRoot":"","sources":["../../../../src/components/courses/hy-content-list/hy-content-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import {CourseStateVariants, CourseVariants} from '../../../utils/utils';\nimport {Component, ComponentInterface, Element, h, Host, Prop, State, Watch} from '@stencil/core';\n\n@Component({\n  tag: 'hy-content-list',\n  styleUrl: 'hy-content-list.scss',\n  shadow: false,\n})\nexport class HyContentList implements ComponentInterface {\n  @Prop() linkLabel: string = 'Go to course page';\n  @Prop() noResultLabel: string = 'No courses scheduled at the moment';\n  @Prop() creditsLabel: string = 'cr';\n  @Prop() cancelledLabel: string = 'Cancelled';\n  @Prop() dataItems: string;\n  @Prop() headerstyle: string = 'common';\n  @Prop() courseStateVariant: CourseStateVariants = CourseStateVariants.default;\n  private _dataItems: [];\n  private variant: CourseVariants = CourseVariants.default;\n  @State() courseRealisations: Array<object> = [];\n  @Element() el: HTMLElement;\n  /**\n   * Data for links to be displayed.\n   */\n\n  @Watch('dataItems') dataWatcher(data: [] | string) {\n    this._dataItems = typeof data === 'string' ? JSON.parse(data) : data;\n  }\n\n  componentWillLoad() {\n    this.dataWatcher(this.dataItems);\n  }\n\n  handleCardClick(e, id) {\n    e.preventDefault();\n    let card = this.el.querySelector(`#${id}`) as HTMLElement;\n\n    if (card) {\n      window.open(card.dataset.location, '_blank');\n    }\n  }\n\n  async componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n  }\n\n  renderItems() {\n    let courseRealisations = [];\n    if (this._dataItems && this._dataItems.length > 0) {\n      this._dataItems.forEach((item) => {\n        const courseObject = JSON.parse(JSON.stringify(item));\n\n        const courseListType = courseObject['courseListType'];\n        this.variant = courseListType == 'list' ? CourseVariants.row : CourseVariants.grid;\n\n        for (const courseProperty in courseObject) {\n          if (courseProperty == 'courseListType') continue;\n\n          const courseItem = courseObject[courseProperty];\n          const courseCode = courseItem['code'];\n          const courseCredits = courseItem['credits'];\n\n          // Course realisations.\n          if (courseItem['realisations']) {\n            const realisations = JSON.parse(JSON.stringify(courseItem['realisations']));\n            for (const realisationProperty in realisations) {\n              const realizationItem = realisations[realisationProperty];\n              const courseRealisationName = realizationItem['name'];\n              const courseRealisationFullName = courseRealisationName + ', ' + courseCredits + ' ' + this.creditsLabel;\n              const courseStudyFormat = realizationItem['studyFormat'];\n              const courseCancelled = realizationItem['cancelled'];\n              const courseStartDate = realizationItem['startDate'];\n              const courseEndDate = realizationItem['endDate'];\n              const formattedTimeRange = realizationItem['formattedTimeRange'];\n              const courseEnrollmentLink = realizationItem['enrolmentLink'];\n              const courseTeachingLanguage = realizationItem['teachingLanguage'];\n              const courseOrganisation = realizationItem['organisation'];\n\n              let courseTags = [];\n              if (realizationItem['tags']) {\n                let tags = JSON.parse(JSON.stringify(realizationItem['tags']));\n                for (let z in tags) {\n                  let tagItem = {name: tags[z]};\n                  courseTags.push(tagItem);\n                }\n              }\n              const courseTagsJSON = JSON.stringify(courseTags);\n\n              const contentListItemClassAttributes = ['item', this.variant].join(' ');\n\n              courseRealisations.push(\n                <hy-content-list-item\n                  id={realisationProperty}\n                  class={contentListItemClassAttributes}\n                  variant={this.variant}\n                  state-variant={this.courseStateVariant}\n                  course-code={courseCode}\n                  course-name={courseRealisationFullName}\n                  is-cancelled={courseCancelled}\n                  cancelled-label={this.cancelledLabel}\n                  course-credits={courseCredits}\n                  course-tags={courseTagsJSON}\n                  course-start-date={courseStartDate}\n                  course-end-date={courseEndDate}\n                  formatted-time-range={formattedTimeRange}\n                  course-study-format={courseStudyFormat}\n                  course-organisation={courseOrganisation}\n                  course-enrollment-link={courseEnrollmentLink}\n                  course-teaching-language={courseTeachingLanguage}\n                  course-link-label={this.linkLabel}\n                  data-location={courseEnrollmentLink}\n                  onClick={(e) => this.handleCardClick(e, realisationProperty)}\n                  //onKeyDown={() => this.handleKeyDown(window.event, realisationProperty)}\n                ></hy-content-list-item>\n              );\n            }\n          }\n        }\n      });\n    }\n\n    return courseRealisations;\n  }\n\n  render() {\n    const classAttributes = [this.variant, 'hy-content-list'].join(' ');\n    const classAlertAttributes = ['hy-content-list--alert', `hy-content-list--alert--${this.headerstyle}`].join(' ');\n    const classAlertLabelAttributes = [\n      'hy-content-list--alert-label',\n      `hy-content-list--alert-label--${this.headerstyle}`,\n    ].join(' ');\n\n    this.courseRealisations = this.renderItems();\n    if (this.courseRealisations && this.courseRealisations.length > 0) {\n      return (\n        <Host>\n          <div class={classAttributes}>{this.courseRealisations}</div>\n        </Host>\n      );\n    } else {\n      return (\n        <Host>\n          <div class={classAttributes}>\n            <div class=\"hy-content-list--no-result\">\n              <span class={classAlertAttributes}>\n                <hy-icon icon={'hy-icon-info'} size={16} />\n              </span>\n              <span class={classAlertLabelAttributes}>{this.noResultLabel}</span>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n  }\n}\n"]}

package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.css

@@ -82,14 +82,14 @@ hy-content-list-item.row {
 
 @media (min-width: 30rem) {
   hy-content-list-item[variant=row],
-hy-content-list-item.row {
+  hy-content-list-item.row {
     padding: 21px 0 12px 24px;
   }
 }
 
 @media (min-width: 60rem) {
   hy-content-list-item[variant=row],
-hy-content-list-item.row {
+  hy-content-list-item.row {
     margin-bottom: 16px;
   }
 }