@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js

@@ -1,11 +1,23 @@
-import { Component, Element, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import ResizeObserver from 'resize-observer-polyfill';
 import { ColorVariant, CtaLinkButtonVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, HeadingSectionVariants, HeadingVarians, } from '../../../utils/utils';
 import { jsonParserWorker } from '../../../global/globalScript';
 export class HyFooterInfo {
   constructor() {
+    this.textTitle = undefined;
+    this.textDescription = undefined;
+    this.linkText = undefined;
+    this.linkUrl = undefined;
     this.linkIsExternal = false;
+    this.linkScLabel = undefined;
+    this.logoUrl = undefined;
+    this.logoLabel = undefined;
+    this.groupLogoUrl = undefined;
+    this.isGroup = undefined;
     this.isLuomusGroup = false;
+    this.isMobile = undefined;
+    this.dataFooterInfoLinks = undefined;
+    this.luomusFooterContent = undefined;
   }
   async componentWillLoad() {
     this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);
@@ -37,290 +49,285 @@ export class HyFooterInfo {
     return (h(Host, { class: {
         'hy-footer-info': true,
         luomus: this.isLuomusGroup,
-      } },
-      h("div", { class: {
-          'hy-footer-info__content': true,
-          'is-group': this.isGroup,
-        } },
-        !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)),
-        this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" },
-          h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))),
-        this.isLuomusGroup && (h("div", { class: 'hy-footer-info__branding' },
-          h("a", { href: this.groupLogoUrl },
-            h("img", { src: this.groupLogoUrl, alt: 'Luomus logo' })))),
-        !this.isLuomusGroup && (h("div", { class: {
-            'hy-footer-info__ingress': true,
-            'is-group': this.isGroup,
-          }, innerHTML: this.textDescription })),
-        !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })),
-        this.isLuomusGroup &&
-          luomusFooterContentItems &&
-          luomusFooterContentItems.map((item) => {
-            return (h("div", { class: "luomus-footer-content" },
-              h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading),
-              item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
-          })),
-      this.isMobile && this.isGroup === false ? (h("div", { class: {
-          'hy-footer-info__links': true,
-          'is-group': this.isGroup,
-          luomus: this.isLuomusGroup,
-        } },
-        h("hy-accordion-container", { accordionid: 'test' }, links &&
-          links.map((link) => {
-            return (h("hy-accordion-item", { accordiontitle: link.label },
-              h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
-          })))) : (h("div", { class: {
-          'hy-footer-info__links': true,
-          'is-group': this.isGroup,
-          luomus: this.isLuomusGroup,
-        } }, links &&
-        links.map((link) => {
-          const external_link = link.isExternal === 'external';
-          return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
-        })))));
+      } }, h("div", { class: {
+        'hy-footer-info__content': true,
+        'is-group': this.isGroup,
+      } }, !this.isLuomusGroup && (h("hy-heading", { heading: HeadingVarians.h2, section: section }, this.textTitle)), this.isLuomusGroup && (h("div", { class: "hy-footer-info__logo" }, h("hy-site-logo", { type: FooterVariant.footer, isGroup: this.isGroup, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel }))), this.isLuomusGroup && (h("div", { class: 'hy-footer-info__branding' }, h("a", { href: this.groupLogoUrl }, h("img", { src: this.groupLogoUrl, alt: 'Luomus logo' })))), !this.isLuomusGroup && (h("div", { class: {
+        'hy-footer-info__ingress': true,
+        'is-group': this.isGroup,
+      }, innerHTML: this.textDescription })), !this.isLuomusGroup && this.linkUrl && (h("hy-cta-button", { "link-content": this.linkText, "sc-label": scLabel, "is-external": this.linkIsExternal, url: this.linkUrl, variant: CtaLinkButtonVariants.onWhiteBkgd })), this.isLuomusGroup &&
+      luomusFooterContentItems &&
+      luomusFooterContentItems.map((item) => {
+        return (h("div", { class: "luomus-footer-content" }, h("a", { href: item.url, class: "luomus-footer-content__link" }, item.heading), item.content && h("div", { class: "luomus-footer-content__description", innerHTML: item.content })));
+      })), this.isMobile && this.isGroup === false ? (h("div", { class: {
+        'hy-footer-info__links': true,
+        'is-group': this.isGroup,
+        luomus: this.isLuomusGroup,
+      } }, h("hy-accordion-container", { accordionid: 'test' }, links &&
+      links.map((link) => {
+        return (h("hy-accordion-item", { accordiontitle: link.label }, h("hy-footer-link-item", { class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile })));
+      })))) : (h("div", { class: {
+        'hy-footer-info__links': true,
+        'is-group': this.isGroup,
+        luomus: this.isLuomusGroup,
+      } }, links &&
+      links.map((link) => {
+        const external_link = link.isExternal === 'external';
+        return (h("hy-footer-link-item", { "is-luomus-group": this.isLuomusGroup, class: footerLinkItemClass, variant: variant, color: linksColor, label: link.label, url: link.url, "is-external": external_link, "main-link": link.mainlink, items: link.items, isMobile: this.isMobile }));
+      })))));
   }
   static get is() { return "hy-footer-info"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-footer-info.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-footer-info.css"]
-  }; }
-  static get properties() { return {
-    "textTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Content area title."
-      },
-      "attribute": "text-title",
-      "reflect": false
-    },
-    "textDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Content area text."
-      },
-      "attribute": "text-description",
-      "reflect": false
-    },
-    "linkText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Content area link button text."
-      },
-      "attribute": "link-text",
-      "reflect": false
-    },
-    "linkUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Content area link button url."
-      },
-      "attribute": "link-url",
-      "reflect": false
-    },
-    "linkIsExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "link-is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "linkScLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-footer-info.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-footer-info.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "textTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Content area title."
+        },
+        "attribute": "text-title",
+        "reflect": false
       },
-      "attribute": "link-sc-label",
-      "reflect": false
-    },
-    "logoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "textDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Content area text."
+        },
+        "attribute": "text-description",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Logo url"
+      "linkText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Content area link button text."
+        },
+        "attribute": "link-text",
+        "reflect": false
       },
-      "attribute": "logo-url",
-      "reflect": false
-    },
-    "logoLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "linkUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Content area link button url."
+        },
+        "attribute": "link-url",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Logo label"
+      "linkIsExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-is-external",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "logo-label",
-      "reflect": false
-    },
-    "groupLogoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "linkScLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-sc-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Luomus group Logo url for footer"
+      "logoUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Logo url"
+        },
+        "attribute": "logo-url",
+        "reflect": false
       },
-      "attribute": "group-logo-url",
-      "reflect": false
-    },
-    "isGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "logoLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Logo label"
+        },
+        "attribute": "logo-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "groupLogoUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Luomus group Logo url for footer"
+        },
+        "attribute": "group-logo-url",
+        "reflect": false
       },
-      "attribute": "is-group",
-      "reflect": false
-    },
-    "isLuomusGroup": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "isGroup": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-group",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isLuomusGroup": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-luomus-group",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "is-luomus-group",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "dataFooterInfoLinks": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FooterInfoLinks[] | string",
-        "resolved": "FooterInfoLinks[] | string",
-        "references": {
-          "FooterInfoLinks": {
-            "location": "local"
+      "dataFooterInfoLinks": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FooterInfoLinks[] | string",
+          "resolved": "FooterInfoLinks[] | string",
+          "references": {
+            "FooterInfoLinks": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-info/hy-footer-info.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Data for links to be displayed."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Data for links to be displayed."
+        },
+        "attribute": "data-footer-info-links",
+        "reflect": false
       },
-      "attribute": "data-footer-info-links",
-      "reflect": false
-    },
-    "luomusFooterContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LuomusFooterContent[] | string",
-        "resolved": "LuomusFooterContent[] | string",
-        "references": {
-          "LuomusFooterContent": {
-            "location": "local"
+      "luomusFooterContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "LuomusFooterContent[] | string",
+          "resolved": "LuomusFooterContent[] | string",
+          "references": {
+            "LuomusFooterContent": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-info/hy-footer-info.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "luomus-footer-content",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isMobile": {}
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "luomus-footer-content",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isMobile": {}
+    };
+  }
   static get elementRef() { return "el"; }
 }