@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/hy-general-list-item/hy-general-list-item.js

@@ -1,13 +1,19 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyGeneralListItem {
   constructor() {
     this.hasSidebar = true;
+    this.description = undefined;
     this.imageAlt = '';
     this.imageUrl = null;
     this.disableLazy = false;
+    this.itemTitle = undefined;
+    this.label = undefined;
     this.subLabel = '';
     this.date = '';
     this.tag = '';
+    this.type = undefined;
+    this.url = undefined;
+    this.listStyle = undefined;
     this.target = true;
   }
   render() {
@@ -26,277 +32,269 @@ export class HyGeneralListItem {
     const aspectRatio = {
       '--aspectRatio': `${aspect}%`,
     };
-    return (h("article", { class: classAttributes },
-      h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? '_blank' : '_self' },
-        this.type && (h("div", { class: "hy-general-list-item__type" },
-          h("span", { class: "hy-general-list-item__type__major" }, this.label),
-          h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))),
-        this.imageUrl && (h("figure", { class: imageClassAttributes, style: aspectRatio },
-          h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))),
-        h("div", { class: contentClassAttributes },
-          (this.tag || this.date) && (h("span", { class: "hy-genenral-list-item__meta" },
-            this.tag,
-            h("span", { class: "hy-genenral-list-item__meta__date" },
-              this.tag && '|',
-              " ",
-              this.date))),
-          h("h3", { class: titleClassAttributes }, this.itemTitle),
-          h("p", { class: descriptionClassAttributes }, this.description)))));
+    return (h("article", { class: classAttributes }, h("a", { class: "hy-general-list-item__link", href: this.url, target: this.target ? '_blank' : '_self' }, this.type && (h("div", { class: "hy-general-list-item__type" }, h("span", { class: "hy-general-list-item__type__major" }, this.label), h("span", { class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { class: imageClassAttributes, style: aspectRatio }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, (this.tag || this.date) && (h("span", { class: "hy-genenral-list-item__meta" }, this.tag, h("span", { class: "hy-genenral-list-item__meta__date" }, this.tag && '|', " ", this.date))), h("h3", { class: titleClassAttributes }, this.itemTitle), h("p", { class: descriptionClassAttributes }, this.description)))));
   }
   static get is() { return "hy-general-list-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-general-list-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-general-list-item.css"]
-  }; }
-  static get properties() { return {
-    "hasSidebar": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "has-sidebar",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false
-    },
-    "imageAlt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-alt",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "disableLazy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disable-lazy",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "itemTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item-title",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "subLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-general-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-general-list-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "hasSidebar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-sidebar",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "sub-label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "date": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "imageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-alt",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "date",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "tag": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-url",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disableLazy": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-lazy",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "tag",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "itemTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "type",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "subLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sub-label",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "date": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "date",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "url",
-      "reflect": false
-    },
-    "listStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "tag": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tag",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false
       },
-      "attribute": "list-style",
-      "reflect": false
-    },
-    "target": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "listStyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "list-style",
+        "reflect": false
       },
-      "attribute": "target",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
+      "target": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "target",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-general-list-item.js.map

package/dist/collection/components/hy-general-list-item/hy-general-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-general-list-item.js","sourceRoot":"","sources":["../../../src/components/hy-general-list-item/hy-general-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-general-list-item',\n  styleUrl: 'hy-general-list-item.scss',\n  shadow: false,\n})\nexport class HyGeneralListItem {\n  @Prop() hasSidebar: boolean = true;\n  @Prop() description?: string;\n  @Prop() imageAlt: string = '';\n  @Prop() imageUrl: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() itemTitle?: string;\n  @Prop() label?: string;\n  @Prop() subLabel: string = '';\n  @Prop() date: string = '';\n  @Prop() tag: string = '';\n  @Prop() type?: string;\n  @Prop() url?: string;\n  @Prop() listStyle?: string;\n  @Prop() target: boolean = true;\n\n  @Element() el: HTMLElement;\n\n  render() {\n    const classAttributes = ['hy-general-list-item', `hy-general-list-item--style-${this.listStyle}`].join(' ');\n    const contentClassAttributes = ['hy-general-list-item__text-container'].join(' ');\n    const imageClassAttributes = ['hy-general-list-item__image-container'].join(' ');\n\n    const sidebarClass = this.hasSidebar ? 'common' : 'large';\n    const titleClassAttributes = ['hy-general-list-item__title', `hy-general-list-item__title__${sidebarClass}`].join(\n      ' '\n    );\n    const descriptionClassAttributes = [\n      'hy-general-list-item__description',\n      `hy-general-list-item__description__${sidebarClass}`,\n    ].join(' ');\n\n    const aspectRatioWidth = 16;\n    const aspectRatioHeight = 10;\n    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;\n    const aspectRatio = {\n      '--aspectRatio': `${aspect}%` as 'aspectRatio',\n    };\n\n    return (\n      <article class={classAttributes}>\n        <a class=\"hy-general-list-item__link\" href={this.url} target={this.target ? '_blank' : '_self'}>\n          {this.type && (\n            <div class=\"hy-general-list-item__type\">\n              <span class=\"hy-general-list-item__type__major\">{this.label}</span>\n              <span class=\"hy-general-list-item__type__sub\">{this.subLabel}</span>\n            </div>\n          )}\n          {this.imageUrl && (\n            <figure class={imageClassAttributes} style={aspectRatio}>\n              <img\n                loading={this.disableLazy ? 'eager' : 'lazy'}\n                alt={this.imageAlt}\n                class=\"hy-general-list-item__image\"\n                src={this.imageUrl}\n              />\n            </figure>\n          )}\n          <div class={contentClassAttributes}>\n            {(this.tag || this.date) && (\n              <span class=\"hy-genenral-list-item__meta\">\n                {this.tag}\n                <span class=\"hy-genenral-list-item__meta__date\">\n                  {this.tag && '|'} {this.date}\n                </span>\n              </span>\n            )}\n            <h3 class={titleClassAttributes}>{this.itemTitle}</h3>\n            <p class={descriptionClassAttributes}>{this.description}</p>\n          </div>\n        </a>\n      </article>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-hero/hy-hero.css

@@ -352,7 +352,7 @@ h2.hy-hero__title.hy-heading__hero {
 
 @media (min-width: 1024px) {
   .hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,
-.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero {
+  .hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero {
     font-size: 2.875rem;
     line-height: 54px;
     letter-spacing: -1.15px;
@@ -361,7 +361,7 @@ h2.hy-hero__title.hy-heading__hero {
 
 @media (min-width: 1601px) {
   .hy-hero.hy-hero--group_landing.hy-hero--generic_site_group h2.hy-hero__title.hy-heading__hero,
-.hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero {
+  .hy-hero.hy-hero--research_group h2.hy-hero__title.hy-heading__hero {
     font-size: 3.25rem;
     line-height: 60px;
     letter-spacing: -1.3px;