@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

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

@@ -1,300 +1,299 @@
 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() {
-    const classAttributes = ["hy-general-list-item", `hy-general-list-item--style-${this.listStyle}`].join(" ");
-    const contentClassAttributes = ["hy-general-list-item__text-container"].join(" ");
-    const imageClassAttributes = ["hy-general-list-item__image-container"].join(" ");
-    const sidebarClass = this.hasSidebar ? "common" : "large";
-    const titleClassAttributes = ["hy-general-list-item__title", `hy-general-list-item__title__${sidebarClass}`].join(" ");
-    const descriptionClassAttributes = [
-      "hy-general-list-item__description",
-      `hy-general-list-item__description__${sidebarClass}`,
-    ].join(" ");
-    const aspectRatioWidth = 16;
-    const aspectRatioHeight = 10;
-    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
-    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)))));
-  }
-  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": ""
-        },
-        "attribute": "sub-label",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "date": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "date",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "tag": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "tag",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
-      },
-      "url": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "url",
-        "reflect": false
-      },
-      "listStyle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "list-style",
-        "reflect": false
-      },
-      "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"; }
+    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() {
+        const classAttributes = ["hy-general-list-item", `hy-general-list-item--style-${this.listStyle}`].join(" ");
+        const contentClassAttributes = ["hy-general-list-item__text-container"].join(" ");
+        const imageClassAttributes = ["hy-general-list-item__image-container"].join(" ");
+        const sidebarClass = this.hasSidebar ? "common" : "large";
+        const titleClassAttributes = ["hy-general-list-item__title", `hy-general-list-item__title__${sidebarClass}`].join(" ");
+        const descriptionClassAttributes = [
+            "hy-general-list-item__description",
+            `hy-general-list-item__description__${sidebarClass}`,
+        ].join(" ");
+        const aspectRatioWidth = 16;
+        const aspectRatioHeight = 10;
+        const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;
+        const aspectRatio = {
+            "--aspectRatio": `${aspect}%`,
+        };
+        return (h("article", { key: 'adca7126ed22708b38fccda42f8cf7539b663b4e', class: classAttributes }, h("a", { key: '89a3af4674a926ed510fdfb92b31ff96a733b6fd', class: "hy-general-list-item__link", href: this.url, target: this.target ? "_blank" : "_self" }, this.type && (h("div", { key: '34475cf10cd654bd55be9d06305504bd024623d7', class: "hy-general-list-item__type" }, h("span", { key: 'a354b151a2be10023e676889e28a1dfad004537e', class: "hy-general-list-item__type__major" }, this.label), h("span", { key: '485b0991f311f1e2a01fcf4c0af87cc387f5a590', class: "hy-general-list-item__type__sub" }, this.subLabel))), this.imageUrl && (h("figure", { key: 'fc612555b4fff31e0cff4be356a8d4b755dad0d3', class: imageClassAttributes, style: aspectRatio }, h("img", { key: '322507845036015cc71db724a88a12f2bc0d7567', loading: this.disableLazy ? "eager" : "lazy", alt: this.imageAlt, class: "hy-general-list-item__image", src: this.imageUrl }))), h("div", { key: '03a945ed956b80525c795a30e8321b5e8aa5b9ba', class: contentClassAttributes }, (this.tag || this.date) && (h("span", { key: 'e1247e33b750e3b4f6bcff1705b20a8ae59750d9', class: "hy-genenral-list-item__meta" }, this.tag, h("span", { key: 'f45459b0437fb5a46d70c6117f85bab23a448335', class: "hy-genenral-list-item__meta__date" }, this.tag && "|", " ", this.date))), h("h3", { key: '89d33a3fee6472256ba64ee9dee0c264b840859a', class: titleClassAttributes }, this.itemTitle), h("p", { key: '73c8cebab20d93921447250655f2d1a37f1565c7', 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": ""
+                },
+                "attribute": "sub-label",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "date": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "date",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "tag",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "url": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "url",
+                "reflect": false
+            },
+            "listStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "list-style",
+                "reflect": false
+            },
+            "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