@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Watch, State, Listen, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ListItemVariants } from '../../utils/utils';
 let keys = {
   enter: 'Enter',
@@ -8,10 +8,22 @@ export class HyListItem {
   constructor() {
     this.isExpandedRelatedContent = false;
     this.variant = ListItemVariants.default;
+    this.itemType = undefined;
+    this.itemTitle = undefined;
+    this.itemDescription = undefined;
+    this.url = undefined;
     this.isExternal = false;
+    this.scLabel = undefined;
+    this.itemImageUrl = undefined;
+    this.itemImageAlt = undefined;
     this.disableLazy = false;
+    this.relatedLinksBlockTitle = undefined;
+    this.relatedLinks = undefined;
+    this.imageLabel = undefined;
     this.outGoingUrlLabel = 'Go to programme page';
+    this.additionalInfo = undefined;
     this.headerstyle = 'common';
+    this.sourceSet = undefined;
     this.truncateDescription = false;
     this.truncateLimit = 140;
     this._imageMinHeight = 0;
@@ -153,21 +165,9 @@ export class HyListItem {
           `hy-list-item__${this.variant}__info-container__outgoing-link`,
           `hy-list-item__${this.variant}__info-container__outgoing-link__${this.headerstyle}`,
         ].join(' ');
-        return (h("article", null,
-          h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel },
-            h("div", { class: classInfoContainerAttributes },
-              h("div", { class: classInfoContainerHeader },
-                h("div", { class: "icon" },
-                  h("hy-icon", { icon: 'hy-icon-units-and-faculties', size: 18 })),
-                this.itemType),
-              h("div", { class: classInfoContainerTitle }, this.itemTitle),
-              this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.truncateDescription
-                  ? truncate(this.itemDescription, this.truncateLimit)
-                  : this.itemDescription }))),
-            h("div", { class: classInfoContainerOutgoingLink },
-              h("span", { class: "icon" },
-                h("hy-icon", { icon: 'hy-icon-done', size: 14 })),
-              h("span", { class: "label" }, this.outGoingUrlLabel)))));
+        return (h("article", null, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classInfoContainerAttributes }, h("div", { class: classInfoContainerHeader }, h("div", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-units-and-faculties', size: 18 })), this.itemType), h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.truncateDescription
+            ? truncate(this.itemDescription, this.truncateLimit)
+            : this.itemDescription }))), h("div", { class: classInfoContainerOutgoingLink }, h("span", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-done', size: 14 })), h("span", { class: "label" }, this.outGoingUrlLabel)))));
       }
       case ListItemVariants.degreeProgramme: {
         const classImageContainerAttributes = [`hy-list-item__${this.variant}__image-container`].join(' ');
@@ -207,451 +207,428 @@ export class HyListItem {
         const accordionItemHref = '#' + titleAsId + '--title';
         const relatedLinksCount = this.relatedLinksBlockTitle && this.relatedLinksBlockTitle.length > 0 ? this._relatedLinks.length : '';
         return [
-          h("article", { class: classWrapperAttributes },
-            h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel },
-              h("div", { class: classImageContainerAttributes },
-                h("div", { class: classImageContainerImage }, this._sourceSet ? (h("picture", null,
-                  this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))),
-                  h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
-                      '--minheight': `${this._imageMinHeight}px`,
-                      '--minwidth': `${this._imageMinWidth}px`,
-                    } }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
-                    '--minheight': `${this._imageMinHeight}px`,
-                    '--minwidth': `${this._imageMinWidth}px`,
-                  } }))),
-                this.imageLabel && h("span", null, this.imageLabel)),
-              h("div", { class: classInfoContainerAttributes },
-                h("div", { class: classContentWrapper },
-                  h("div", { class: classInfoContainerTitle }, this.itemTitle),
-                  this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))),
-                h("div", { class: classMetadataWrapper },
-                  this._additionalInfo && (h("div", { class: classInfoContainerAdditionalInfoAttributes }, this._additionalInfo.map((x) => {
-                    let classInfoContainerAdditionalInfoItem = [
-                      `hy-list-item__${this.variant}__info-container__additional-info__item`,
-                      `hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,
-                      `${x.isActive.toString() == 'true' ? 'active' : ''}`,
-                    ].join(' ');
-                    return h("div", { class: classInfoContainerAdditionalInfoItem }, x.text);
-                  }))),
-                  h("div", { class: classInfoContainerOutgoingLink },
-                    h("a", { href: this.url, target: target, "aria-label": this.scLabel, class: classInfoContainerOutgoingLinkUrl, tabindex: "-1" },
-                      h("span", { class: "label" }, this.outGoingUrlLabel),
-                      h("span", { class: "icon-wrapper" },
-                        h("div", { class: "icon" },
-                          h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 32 })))))))),
-            this.relatedLinksBlockTitle && (h("div", { class: classRelatedInfoContainer },
-              h("div", { class: classRelatedInfoHeading },
-                h("a", { href: accordionItemHref, class: classRelatedInfoHeadingLink, tabindex: "-1" },
-                  h("button", { "aria-expanded": "false", "aria-controls": `${titleAsId}--content`, class: classRelatedInfoHeadingButton, id: `${titleAsId}--title` },
-                    h("span", { class: classRelatedInfoHeadingIcon },
-                      h("hy-icon", { icon: 'hy-icon-caret-down', size: 14 })),
-                    this.relatedLinksBlockTitle,
-                    " (",
-                    relatedLinksCount,
-                    ")"))),
-              h("div", { class: classRelatedInfoContent, "aria-labelledBy": `${titleAsId}--title`, id: `${titleAsId}--content`, role: "region", "aria-hidden": "true" }, this._relatedLinks.map((x) => {
-                let relatedLinkTarget = x.isExternal ? '_blank' : '_self';
-                return (h("a", { class: classRelatedInfoLink, href: x.url, target: target, "aria-label": relatedLinkTarget }, x.label));
-              }))))),
+          h("article", { class: classWrapperAttributes }, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classImageContainerAttributes }, h("div", { class: classImageContainerImage }, this._sourceSet ? (h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
+              '--minheight': `${this._imageMinHeight}px`,
+              '--minwidth': `${this._imageMinWidth}px`,
+            } }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.itemImageUrl, alt: this.itemImageAlt, style: {
+              '--minheight': `${this._imageMinHeight}px`,
+              '--minwidth': `${this._imageMinWidth}px`,
+            } }))), this.imageLabel && h("span", null, this.imageLabel)), h("div", { class: classInfoContainerAttributes }, h("div", { class: classContentWrapper }, h("div", { class: classInfoContainerTitle }, this.itemTitle), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))), h("div", { class: classMetadataWrapper }, this._additionalInfo && (h("div", { class: classInfoContainerAdditionalInfoAttributes }, this._additionalInfo.map((x) => {
+            let classInfoContainerAdditionalInfoItem = [
+              `hy-list-item__${this.variant}__info-container__additional-info__item`,
+              `hy-list-item__${this.variant}__info-container__additional-info__item__${this.headerstyle}`,
+              `${x.isActive.toString() == 'true' ? 'active' : ''}`,
+            ].join(' ');
+            return h("div", { class: classInfoContainerAdditionalInfoItem }, x.text);
+          }))), h("div", { class: classInfoContainerOutgoingLink }, h("a", { href: this.url, target: target, "aria-label": this.scLabel, class: classInfoContainerOutgoingLinkUrl, tabindex: "-1" }, h("span", { class: "label" }, this.outGoingUrlLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 32 })))))))), this.relatedLinksBlockTitle && (h("div", { class: classRelatedInfoContainer }, h("div", { class: classRelatedInfoHeading }, h("a", { href: accordionItemHref, class: classRelatedInfoHeadingLink, tabindex: "-1" }, h("button", { "aria-expanded": "false", "aria-controls": `${titleAsId}--content`, class: classRelatedInfoHeadingButton, id: `${titleAsId}--title` }, h("span", { class: classRelatedInfoHeadingIcon }, h("hy-icon", { icon: 'hy-icon-caret-down', size: 14 })), this.relatedLinksBlockTitle, " (", relatedLinksCount, ")"))), h("div", { class: classRelatedInfoContent, "aria-labelledBy": `${titleAsId}--title`, id: `${titleAsId}--content`, role: "region", "aria-hidden": "true" }, this._relatedLinks.map((x) => {
+            let relatedLinkTarget = x.isExternal ? '_blank' : '_self';
+            return (h("a", { class: classRelatedInfoLink, href: x.url, target: target, "aria-label": relatedLinkTarget }, x.label));
+          }))))),
         ];
       }
       default: {
-        return (h("article", null,
-          h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel },
-            h("div", { class: classInfoContainerAttributes },
-              h("div", { class: classInfoContainerHeader }, this.itemType),
-              h("div", { class: classInfoContainerTitle }, this.itemTitle),
-              h("div", { class: classInfoContainerLinkContainer },
-                h("span", { class: classInfoContainerLinkIcon },
-                  h("hy-icon", { icon: 'hy-icon-link', size: 15 })),
-                h("div", { class: classInfoContainerLink }, this.url)),
-              this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))))));
+        return (h("article", null, h("a", { class: classAttributes, href: this.url, target: target, "aria-label": this.scLabel }, h("div", { class: classInfoContainerAttributes }, h("div", { class: classInfoContainerHeader }, this.itemType), h("div", { class: classInfoContainerTitle }, this.itemTitle), h("div", { class: classInfoContainerLinkContainer }, h("span", { class: classInfoContainerLinkIcon }, h("hy-icon", { icon: 'hy-icon-link', size: 15 })), h("div", { class: classInfoContainerLink }, this.url)), this.itemDescription && (h("div", { class: classInfoContainerDescription, innerHTML: this.itemDescription }))))));
       }
     }
   }
   static get is() { return "hy-list-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-list-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-list-item.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ListItemVariants",
-        "resolved": "ListItemVariants.default | ListItemVariants.degreeProgramme | ListItemVariants.position",
-        "references": {
-          "ListItemVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-list-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ListItemVariants",
+          "resolved": "ListItemVariants.default | ListItemVariants.degreeProgramme | ListItemVariants.position",
+          "references": {
+            "ListItemVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "ListItemVariants.default"
-    },
-    "itemType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item-type",
-      "reflect": false
-    },
-    "itemTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item-title",
-      "reflect": false
-    },
-    "itemDescription": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item-description",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url",
-      "reflect": false
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "itemImageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item-image-url",
-      "reflect": false
-    },
-    "itemImageAlt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item-image-alt",
-      "reflect": false
-    },
-    "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"
-    },
-    "relatedLinksBlockTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "related-links-block-title",
-      "reflect": false
-    },
-    "relatedLinks": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "RelatedLink[] | string",
-        "resolved": "RelatedLink[] | string",
-        "references": {
-          "RelatedLink": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "ListItemVariants.default"
+      },
+      "itemType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-type",
+        "reflect": false
+      },
+      "itemTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-title",
+        "reflect": false
+      },
+      "itemDescription": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-description",
+        "reflect": false
+      },
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
+      },
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "scLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sc-label",
+        "reflect": false
+      },
+      "itemImageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-image-url",
+        "reflect": false
+      },
+      "itemImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item-image-alt",
+        "reflect": false
+      },
+      "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"
+      },
+      "relatedLinksBlockTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "related-links-block-title",
+        "reflect": false
+      },
+      "relatedLinks": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "RelatedLink[] | string",
+          "resolved": "RelatedLink[] | string",
+          "references": {
+            "RelatedLink": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-list-item/hy-list-item.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "related-links",
-      "reflect": false
-    },
-    "imageLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-label",
-      "reflect": false
-    },
-    "outGoingUrlLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "out-going-url-label",
-      "reflect": false,
-      "defaultValue": "'Go to programme page'"
-    },
-    "additionalInfo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AdditionalInfo[] | string",
-        "resolved": "AdditionalInfo[] | string",
-        "references": {
-          "AdditionalInfo": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "related-links",
+        "reflect": false
+      },
+      "imageLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-label",
+        "reflect": false
+      },
+      "outGoingUrlLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "out-going-url-label",
+        "reflect": false,
+        "defaultValue": "'Go to programme page'"
+      },
+      "additionalInfo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AdditionalInfo[] | string",
+          "resolved": "AdditionalInfo[] | string",
+          "references": {
+            "AdditionalInfo": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-list-item/hy-list-item.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "additional-info",
-      "reflect": false
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "sourceSet": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ImageSrcSet[] | string",
-        "resolved": "ImageSrcSet[] | string",
-        "references": {
-          "ImageSrcSet": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "additional-info",
+        "reflect": false
+      },
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
+      },
+      "sourceSet": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ImageSrcSet[] | string",
+          "resolved": "ImageSrcSet[] | string",
+          "references": {
+            "ImageSrcSet": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-list-item/hy-list-item.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "source-set",
-      "reflect": false
-    },
-    "truncateDescription": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "truncate-description",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "truncateLimit": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "truncate-limit",
-      "reflect": false,
-      "defaultValue": "140"
-    }
-  }; }
-  static get states() { return {
-    "isExpandedRelatedContent": {},
-    "_imageMinHeight": {},
-    "_imageMinWidth": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "source-set",
+        "reflect": false
+      },
+      "truncateDescription": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "truncate-description",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "truncateLimit": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "truncate-limit",
+        "reflect": false,
+        "defaultValue": "140"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isExpandedRelatedContent": {},
+      "_imageMinHeight": {},
+      "_imageMinWidth": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "relatedLinks",
-      "methodName": "relatedLinksWatcher"
-    }, {
-      "propName": "additionalInfo",
-      "methodName": "additionalInfoWatcher"
-    }, {
-      "propName": "sourceSet",
-      "methodName": "srcSetWatcher"
-    }]; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "handleKeyDown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "relatedLinks",
+        "methodName": "relatedLinksWatcher"
+      }, {
+        "propName": "additionalInfo",
+        "methodName": "additionalInfoWatcher"
+      }, {
+        "propName": "sourceSet",
+        "methodName": "srcSetWatcher"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "handleClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }