@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

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

@@ -1,6 +1,10 @@
-import { Component, Host, Prop, Listen, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 let scrollTimeout = null;
 export class HyFooterAction {
+  constructor() {
+    this.updatedText = undefined;
+    this.upButtonLabel = undefined;
+  }
   disconnectedCallback() {
     clearTimeout(scrollTimeout);
   }
@@ -13,61 +17,65 @@ export class HyFooterAction {
   }
   render() {
     const classAttributes = ['hy-footer-action'].join(' ');
-    return (h(Host, { class: classAttributes },
-      h("span", { class: 'hy-footer-action__updated-text' }, this.updatedText),
-      this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" },
-        h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel),
-        h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" },
-          h("hy-icon", { class: 'hy-footer-action__up-icon', icon: 'hy-icon-arrow-up', size: 26 }))))));
+    return (h(Host, { class: classAttributes }, h("span", { class: 'hy-footer-action__updated-text' }, this.updatedText), this.upButtonLabel && (h("span", { class: "hy-footer-action__scroll-up" }, h("label", { id: "up-label", htmlFor: "scroll-up" }, this.upButtonLabel), h("button", { name: "scroll-up", "aria-labelledby": "up-label", onClick: () => this.scrollTop(), class: "hy-footer-action__up-button", type: "button" }, h("hy-icon", { class: 'hy-footer-action__up-icon', icon: 'hy-icon-arrow-up', size: 26 }))))));
   }
   static get is() { return "hy-footer-action"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-footer-action.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-footer-action.css"]
-  }; }
-  static get properties() { return {
-    "updatedText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "String of text for updated text to be displayed."
-      },
-      "attribute": "updated-text",
-      "reflect": false
-    },
-    "upButtonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Up button label."
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-footer-action.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-footer-action.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "updatedText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "String of text for updated text to be displayed."
+        },
+        "attribute": "updated-text",
+        "reflect": false
       },
-      "attribute": "up-button-label",
-      "reflect": false
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "scrollTop",
-      "method": "scrollTop",
-      "target": undefined,
-      "capture": true,
-      "passive": false
-    }]; }
+      "upButtonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Up button label."
+        },
+        "attribute": "up-button-label",
+        "reflect": false
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "scrollTop",
+        "method": "scrollTop",
+        "target": undefined,
+        "capture": true,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=hy-footer-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-footer-action.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-action/hy-footer-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE/D,IAAI,aAAa,GAAG,IAAI,CAAC;AAOzB,MAAM,OAAO,cAAc;;;;;EAUzB,oBAAoB;IAClB,YAAY,CAAC,aAAa,CAAC,CAAC;EAC9B,CAAC;EAEqC,SAAS;IAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAgB,CAAC;IACxE,MAAM,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC9C,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;MACrC,MAAM,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC,EAAE,GAAG,CAAC,CAAC;EACV,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,YAAM,KAAK,EAAE,gCAAgC,IAAG,IAAI,CAAC,WAAW,CAAQ;MACvE,IAAI,CAAC,aAAa,IAAI,CACrB,YAAM,KAAK,EAAC,6BAA6B;QACvC,aAAO,EAAE,EAAC,UAAU,EAAC,OAAO,EAAC,WAAW,IACrC,IAAI,CAAC,aAAa,CACb;QACR,cACE,IAAI,EAAC,WAAW,qBACA,UAAU,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAC/B,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,QAAQ;UAEb,eAAS,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5E,CACJ,CACR,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, Listen, h} from '@stencil/core';\n\nlet scrollTimeout = null;\n\n@Component({\n  tag: 'hy-footer-action',\n  styleUrl: 'hy-footer-action.scss',\n  shadow: false,\n})\nexport class HyFooterAction {\n  /**\n   * String of text for updated text to be displayed.\n   */\n  @Prop() updatedText: string;\n  /**\n   * Up button label.\n   */\n  @Prop() upButtonLabel: string;\n\n  disconnectedCallback() {\n    clearTimeout(scrollTimeout);\n  }\n\n  @Listen('scrollTop', {capture: true}) scrollTop() {\n    const hyLogo = document.querySelector('.hy-site-logo a') as HTMLElement;\n    window.scrollTo({top: 0, behavior: 'smooth'});\n    scrollTimeout = window.setTimeout(() => {\n      hyLogo.focus();\n    }, 500);\n  }\n\n  render() {\n    const classAttributes = ['hy-footer-action'].join(' ');\n\n    return (\n      <Host class={classAttributes}>\n        <span class={'hy-footer-action__updated-text'}>{this.updatedText}</span>\n        {this.upButtonLabel && (\n          <span class=\"hy-footer-action__scroll-up\">\n            <label id=\"up-label\" htmlFor=\"scroll-up\">\n              {this.upButtonLabel}\n            </label>\n            <button\n              name=\"scroll-up\"\n              aria-labelledby=\"up-label\"\n              onClick={() => this.scrollTop()}\n              class=\"hy-footer-action__up-button\"\n              type=\"button\"\n            >\n              <hy-icon class={'hy-footer-action__up-icon'} icon={'hy-icon-arrow-up'} size={26} />\n            </button>\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,16 +1,16 @@
-import { Component, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant } from '../../../utils/utils';
 import { jsonParserWorker } from '../../../global/globalScript';
 export class HyFooterBase {
   constructor() {
-    /**
-     * Link item color
-     */
     this.color = FooterLinkItemColor.white;
-    /**
-     * Logo size
-     */
+    this.logoUrl = undefined;
+    this.logoLabel = undefined;
     this.size = SiteLogoSize.big;
+    this.someLabel = undefined;
+    this.copyrightText = undefined;
+    this.dataFooterBaseLinks = undefined;
+    this.dataFooterBaseSome = undefined;
   }
   async componentWillLoad() {
     this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);
@@ -21,190 +21,186 @@ export class HyFooterBase {
     const classAttributes = ['hy-footer-base--content-container'].join(' ');
     const links = this._dataFooterBaseLinks;
     const some = this._dataFooterBaseSome;
-    return (h(Host, { class: classAttributes },
-      h("div", { class: "hy-footer-base" },
-        h("div", { class: "hy-footer-base__left" },
-          h("div", { class: "hy-footer-base__logo" },
-            h("hy-site-logo", { type: FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })),
-          h("div", { class: "hy-footer-base__content" },
-            h("slot", { name: "content" })),
-          h("div", { class: "hy-footer-base__some" },
-            h("span", { class: "hy-footer-base__some__label" }, this.someLabel),
-            h("div", { class: "hy-footer-base__some__items" }, some &&
-              some.map((s) => {
-                return (h("a", { "aria-label": s.label, href: s.url, class: `hy-footer-base__some__item`, title: s.label, target: "_blank" },
-                  h("hy-icon", { icon: `hy-icon-some-${s.type}`, size: 36 })));
-              })))),
-        h("div", { class: "hy-footer-base__right" },
-          links &&
-            links.map((link) => {
-              return (h("hy-footer-link-item", { label: link.label, url: link.url, color: FooterLinkItemColor.white }));
-            }),
-          this.copyrightText && h("span", { class: "hy-footer-base__copy" }, this.copyrightText)))));
+    return (h(Host, { class: classAttributes }, h("div", { class: "hy-footer-base" }, h("div", { class: "hy-footer-base__left" }, h("div", { class: "hy-footer-base__logo" }, h("hy-site-logo", { type: FooterVariant.footer, size: 56, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("div", { class: "hy-footer-base__content" }, h("slot", { name: "content" })), h("div", { class: "hy-footer-base__some" }, h("span", { class: "hy-footer-base__some__label" }, this.someLabel), h("div", { class: "hy-footer-base__some__items" }, some &&
+      some.map((s) => {
+        return (h("a", { "aria-label": s.label, href: s.url, class: `hy-footer-base__some__item`, title: s.label, target: "_blank" }, h("hy-icon", { icon: `hy-icon-some-${s.type}`, size: 36 })));
+      })))), h("div", { class: "hy-footer-base__right" }, links &&
+      links.map((link) => {
+        return (h("hy-footer-link-item", { label: link.label, url: link.url, color: FooterLinkItemColor.white }));
+      }), this.copyrightText && h("span", { class: "hy-footer-base__copy" }, this.copyrightText)))));
   }
   static get is() { return "hy-footer-base"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-footer-base.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-footer-base.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FooterLinkItemColor",
-        "resolved": "FooterLinkItemColor.black | FooterLinkItemColor.white",
-        "references": {
-          "FooterLinkItemColor": {
-            "location": "import",
-            "path": "../../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-footer-base.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-footer-base.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FooterLinkItemColor",
+          "resolved": "FooterLinkItemColor.black | FooterLinkItemColor.white",
+          "references": {
+            "FooterLinkItemColor": {
+              "location": "import",
+              "path": "../../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Link item color"
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "FooterLinkItemColor.white"
-    },
-    "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
-    },
-    "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
-    },
-    "size": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "SiteLogoSize",
-        "resolved": "SiteLogoSize.big | SiteLogoSize.large | SiteLogoSize.small",
-        "references": {
-          "SiteLogoSize": {
-            "location": "import",
-            "path": "../../../utils/utils"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Link item color"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "FooterLinkItemColor.white"
+      },
+      "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
+      },
+      "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
+      },
+      "size": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "SiteLogoSize",
+          "resolved": "SiteLogoSize.big | SiteLogoSize.large | SiteLogoSize.small",
+          "references": {
+            "SiteLogoSize": {
+              "location": "import",
+              "path": "../../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Logo size"
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "SiteLogoSize.big"
-    },
-    "someLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Label for some links"
-      },
-      "attribute": "some-label",
-      "reflect": false
-    },
-    "copyrightText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Copyright text"
-      },
-      "attribute": "copyright-text",
-      "reflect": false
-    },
-    "dataFooterBaseLinks": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FooterBaseLinks[] | string",
-        "resolved": "FooterBaseLinks[] | string",
-        "references": {
-          "FooterBaseLinks": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Logo size"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "SiteLogoSize.big"
+      },
+      "someLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Label for some links"
+        },
+        "attribute": "some-label",
+        "reflect": false
+      },
+      "copyrightText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Copyright text"
+        },
+        "attribute": "copyright-text",
+        "reflect": false
+      },
+      "dataFooterBaseLinks": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FooterBaseLinks[] | string",
+          "resolved": "FooterBaseLinks[] | string",
+          "references": {
+            "FooterBaseLinks": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-base/hy-footer-base.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Footer links to be displayed"
-      },
-      "attribute": "data-footer-base-links",
-      "reflect": false
-    },
-    "dataFooterBaseSome": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FooterBaseSome[] | string",
-        "resolved": "FooterBaseSome[] | string",
-        "references": {
-          "FooterBaseSome": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Footer links to be displayed"
+        },
+        "attribute": "data-footer-base-links",
+        "reflect": false
+      },
+      "dataFooterBaseSome": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FooterBaseSome[] | string",
+          "resolved": "FooterBaseSome[] | string",
+          "references": {
+            "FooterBaseSome": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/footer/hy-footer-base/hy-footer-base.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Footer some links"
-      },
-      "attribute": "data-footer-base-some",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Footer some links"
+        },
+        "attribute": "data-footer-base-some",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-footer-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-footer-base.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer-base/hy-footer-base.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAO9D,MAAM,OAAO,YAAY;;iBAIc,mBAAmB,CAAC,KAAK;;;gBAYjC,YAAY,CAAC,GAAG;;;;;;EAqB7C,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,oBAAoB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7E,IAAI,CAAC,mBAAmB,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;EAC7E,CAAC;EAED,MAAM;IACJ,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IACrC,MAAM,eAAe,GAAG,CAAC,mCAAmC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxE,MAAM,KAAK,GAAG,IAAI,CAAC,oBAA8C,CAAC;IAClE,MAAM,IAAI,GAAG,IAAI,CAAC,mBAA4C,CAAC;IAE/D,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe;MAC1B,WAAK,KAAK,EAAC,gBAAgB;QACzB,WAAK,KAAK,EAAC,sBAAsB;UAC/B,WAAK,KAAK,EAAC,sBAAsB;YAC/B,oBACE,IAAI,EAAE,aAAa,CAAC,MAAM,EAC1B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,KAAK,EAAE,IAAI,CAAC,SAAS,GACrB,CACE;UACN,WAAK,KAAK,EAAC,yBAAyB;YAClC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;UACN,WAAK,KAAK,EAAC,sBAAsB;YAC/B,YAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,SAAS,CAAQ;YACjE,WAAK,KAAK,EAAC,6BAA6B,IACrC,IAAI;cACH,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,CACL,uBACc,CAAC,CAAC,KAAK,EACnB,IAAI,EAAE,CAAC,CAAC,GAAG,EACX,KAAK,EAAE,4BAA4B,EACnC,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,MAAM,EAAC,QAAQ;kBAEf,eAAS,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,GAAI,CACnD,CACL,CAAC;cACJ,CAAC,CAAC,CACA,CACF,CACF;QACN,WAAK,KAAK,EAAC,uBAAuB;UAC/B,KAAK;YACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;cACjB,OAAO,CACL,2BACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,mBAAmB,CAAC,KAAK,GACX,CACxB,CAAC;YACJ,CAAC,CAAC;UACH,IAAI,CAAC,aAAa,IAAI,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,aAAa,CAAQ,CACjF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface FooterBaseLinks {\n  label: string;\n  url: string;\n  isActive?: boolean;\n  mainlink?: boolean;\n  items: Array<FooterBaseLinks>;\n}\n\nexport interface FooterBaseSome {\n  label: string;\n  url: string;\n  type: string;\n}\n\nimport {Component, ComponentInterface, Host, Prop, h} from '@stencil/core';\nimport {FooterLinkItemColor, SiteLogoSize, ColorVariant, FooterVariant} from '../../../utils/utils';\nimport {jsonParserWorker} from '../../../global/globalScript';\n\n@Component({\n  tag: 'hy-footer-base',\n  styleUrl: 'hy-footer-base.scss',\n  shadow: false,\n})\nexport class HyFooterBase implements ComponentInterface {\n  /**\n   * Link item color\n   */\n  @Prop() color: FooterLinkItemColor = FooterLinkItemColor.white;\n  /**\n   * Logo url\n   */\n  @Prop() logoUrl?: string;\n  /**\n   * Logo label\n   */\n  @Prop() logoLabel?: string;\n  /**\n   * Logo size\n   */\n  @Prop() size: SiteLogoSize = SiteLogoSize.big;\n  /**\n   * Label for some links\n   */\n  @Prop() someLabel?: string;\n  /**\n   * Copyright text\n   */\n  @Prop() copyrightText: string;\n\n  private _dataFooterBaseLinks: FooterBaseLinks[];\n  private _dataFooterBaseSome: FooterBaseSome[];\n  /**\n   * Footer links to be displayed\n   */\n  @Prop() dataFooterBaseLinks: FooterBaseLinks[] | string;\n  /**\n   * Footer some links\n   */\n  @Prop() dataFooterBaseSome: FooterBaseSome[] | string;\n\n  async componentWillLoad() {\n    this._dataFooterBaseLinks = await jsonParserWorker(this.dataFooterBaseLinks);\n    this._dataFooterBaseSome = await jsonParserWorker(this.dataFooterBaseSome);\n  }\n\n  render() {\n    const logoColor = ColorVariant.white;\n    const classAttributes = ['hy-footer-base--content-container'].join(' ');\n    const links = this._dataFooterBaseLinks as Array<FooterBaseLinks>;\n    const some = this._dataFooterBaseSome as Array<FooterBaseSome>;\n\n    return (\n      <Host class={classAttributes}>\n        <div class=\"hy-footer-base\">\n          <div class=\"hy-footer-base__left\">\n            <div class=\"hy-footer-base__logo\">\n              <hy-site-logo\n                type={FooterVariant.footer}\n                size={56}\n                color={logoColor}\n                url={this.logoUrl}\n                label={this.logoLabel}\n              />\n            </div>\n            <div class=\"hy-footer-base__content\">\n              <slot name=\"content\"></slot>\n            </div>\n            <div class=\"hy-footer-base__some\">\n              <span class=\"hy-footer-base__some__label\">{this.someLabel}</span>\n              <div class=\"hy-footer-base__some__items\">\n                {some &&\n                  some.map((s) => {\n                    return (\n                      <a\n                        aria-label={s.label}\n                        href={s.url}\n                        class={`hy-footer-base__some__item`}\n                        title={s.label}\n                        target=\"_blank\"\n                      >\n                        <hy-icon icon={`hy-icon-some-${s.type}`} size={36} />\n                      </a>\n                    );\n                  })}\n              </div>\n            </div>\n          </div>\n          <div class=\"hy-footer-base__right\">\n            {links &&\n              links.map((link) => {\n                return (\n                  <hy-footer-link-item\n                    label={link.label}\n                    url={link.url}\n                    color={FooterLinkItemColor.white}\n                  ></hy-footer-link-item>\n                );\n              })}\n            {this.copyrightText && <span class=\"hy-footer-base__copy\">{this.copyrightText}</span>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}