@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

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,286 @@ 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"; }
 }
+//# sourceMappingURL=hy-footer-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-footer-info.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-info/hy-footer-info.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface FooterInfoLinks {\n  label: string;\n  url: string;\n  isExternal: string;\n  isActive?: boolean;\n  mainlink?: boolean;\n  items: Array<FooterInfoLinks>;\n}\n\nexport interface LuomusFooterContent {\n  heading: string;\n  url: string;\n  content?: string;\n}\n\nimport {Component, ComponentInterface, Element, h, Host, Prop, State} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport {\n  ColorVariant,\n  CtaLinkButtonVariants,\n  FooterLinkItemColor,\n  FooterLinkVariants,\n  FooterVariant,\n  HeadingSectionVariants,\n  HeadingVarians,\n} from '../../../utils/utils';\nimport {jsonParserWorker} from '../../../global/globalScript';\n\n@Component({\n  tag: 'hy-footer-info',\n  styleUrl: 'hy-footer-info.scss',\n  shadow: false,\n})\nexport class HyFooterInfo implements ComponentInterface {\n  @Element() el: HTMLElement;\n  /**\n   * Content area title.\n   */\n  @Prop() textTitle: string;\n  /**\n   * Content area text.\n   */\n  @Prop() textDescription: string;\n  /**\n   * Content area link button text.\n   */\n  @Prop() linkText: string;\n  /**\n   * Content area link button url.\n   */\n  @Prop() linkUrl: string;\n  @Prop() linkIsExternal: boolean = false;\n  @Prop() linkScLabel?: string;\n\n  /**\n   * Logo url\n   */\n  @Prop() logoUrl?: string;\n  /**\n   * Logo label\n   */\n  @Prop() logoLabel?: string;\n\n  /**\n   * Luomus group Logo url for footer\n   */\n  @Prop() groupLogoUrl?: string;\n\n  @Prop() isGroup: boolean;\n  @Prop() isLuomusGroup: boolean = false;\n  @State() isMobile: boolean;\n\n  private ro: ResizeObserver;\n  private _dataFooterInfoLinks: FooterInfoLinks[];\n  private _dataLuomusFooterContent: LuomusFooterContent[];\n  /**\n   * Data for links to be displayed.\n   */\n  @Prop() dataFooterInfoLinks: FooterInfoLinks[] | string;\n\n  @Prop() luomusFooterContent: LuomusFooterContent[] | string;\n\n  async componentWillLoad() {\n    this._dataFooterInfoLinks = await jsonParserWorker(this.dataFooterInfoLinks);\n    this._dataLuomusFooterContent = await jsonParserWorker(this.luomusFooterContent);\n  }\n\n  componentDidLoad() {\n    this.ro = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this.checkForMobile(entry.contentRect.width);\n      }\n    });\n    this.ro.observe(document.body);\n  }\n\n  disconnectedCallback() {\n    this.ro.disconnect();\n  }\n\n  checkForMobile(size: number) {\n    this.isMobile = size <= 479 ? true : false;\n  }\n\n  render() {\n    const links = this._dataFooterInfoLinks as Array<FooterInfoLinks>;\n    const luomusFooterContentItems = this._dataLuomusFooterContent as Array<LuomusFooterContent>;\n\n    const variant = this.isGroup ? FooterLinkVariants.group : FooterLinkVariants.campus;\n    const section = this.isGroup ? HeadingSectionVariants.groupFooterInfo : HeadingSectionVariants.defaultFooterInfo;\n\n    const footerLinkItemClass = this.isGroup ? 'group' : 'campus';\n\n    const scLabel = this.linkScLabel && this.linkScLabel.length > 0 ? this.linkScLabel : this.linkText;\n    const logoColor = ColorVariant.white;\n    const linksColor = this.isLuomusGroup ? FooterLinkItemColor.white : FooterLinkItemColor.black;\n\n    return (\n      <Host\n        class={{\n          'hy-footer-info': true,\n          luomus: this.isLuomusGroup,\n        }}\n      >\n        <div\n          class={{\n            'hy-footer-info__content': true,\n            'is-group': this.isGroup,\n          }}\n        >\n          {!this.isLuomusGroup && (\n            <hy-heading heading={HeadingVarians.h2} section={section}>\n              {this.textTitle}\n            </hy-heading>\n          )}\n          {this.isLuomusGroup && (\n            <div class=\"hy-footer-info__logo\">\n              <hy-site-logo\n                type={FooterVariant.footer}\n                isGroup={this.isGroup}\n                size={56}\n                color={logoColor}\n                url={this.logoUrl}\n                label={this.logoLabel}\n              />\n            </div>\n          )}\n          {this.isLuomusGroup && (\n            <div class={'hy-footer-info__branding'}>\n              <a href={this.groupLogoUrl}>\n                <img src={this.groupLogoUrl} alt={'Luomus logo'} />\n              </a>\n            </div>\n          )}\n          {!this.isLuomusGroup && (\n            <div\n              class={{\n                'hy-footer-info__ingress': true,\n                'is-group': this.isGroup,\n              }}\n              innerHTML={this.textDescription}\n            ></div>\n          )}\n          {!this.isLuomusGroup && this.linkUrl && (\n            <hy-cta-button\n              link-content={this.linkText}\n              sc-label={scLabel}\n              is-external={this.linkIsExternal}\n              url={this.linkUrl}\n              variant={CtaLinkButtonVariants.onWhiteBkgd}\n            />\n          )}\n          {this.isLuomusGroup &&\n            luomusFooterContentItems &&\n            luomusFooterContentItems.map((item) => {\n              return (\n                <div class=\"luomus-footer-content\">\n                  <a href={item.url} class=\"luomus-footer-content__link\">\n                    {item.heading}\n                  </a>\n                  {item.content && <div class=\"luomus-footer-content__description\" innerHTML={item.content}></div>}\n                </div>\n              );\n            })}\n        </div>\n        {this.isMobile && this.isGroup === false ? (\n          <div\n            class={{\n              'hy-footer-info__links': true,\n              'is-group': this.isGroup,\n              luomus: this.isLuomusGroup,\n            }}\n          >\n            <hy-accordion-container accordionid={'test'}>\n              {links &&\n                links.map((link) => {\n                  return (\n                    <hy-accordion-item accordiontitle={link.label}>\n                      <hy-footer-link-item\n                        class={footerLinkItemClass}\n                        variant={variant}\n                        color={linksColor}\n                        label={link.label}\n                        url={link.url}\n                        main-link={link.mainlink}\n                        items={link.items}\n                        isMobile={this.isMobile}\n                      ></hy-footer-link-item>\n                    </hy-accordion-item>\n                  );\n                })}\n            </hy-accordion-container>\n          </div>\n        ) : (\n          <div\n            class={{\n              'hy-footer-info__links': true,\n              'is-group': this.isGroup,\n              luomus: this.isLuomusGroup,\n            }}\n          >\n            {links &&\n              links.map((link) => {\n                const external_link = link.isExternal === 'external';\n                return (\n                  <hy-footer-link-item\n                    is-luomus-group={this.isLuomusGroup}\n                    class={footerLinkItemClass}\n                    variant={variant}\n                    color={linksColor}\n                    label={link.label}\n                    url={link.url}\n                    is-external={external_link}\n                    main-link={link.mainlink}\n                    items={link.items}\n                    isMobile={this.isMobile}\n                  ></hy-footer-link-item>\n                );\n              })}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}