@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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,64 @@ 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
+      }];
+  }
 }

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,185 @@ 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
+      }
+    };
+  }
 }