@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.js

@@ -1,10 +1,14 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { FooterLinkItemColor, FooterLinkVariants, HeadingVarians } from '../../../utils/utils';
 export class HyFooterLinkItem {
   constructor() {
+    this.label = undefined;
+    this.url = undefined;
     this.isExternal = false;
     this.mainLink = false;
+    this.items = undefined;
     this.color = FooterLinkItemColor.black;
+    this.isMobile = undefined;
     this.variant = FooterLinkVariants.base;
     this.isLuomusGroup = false;
   }
@@ -34,208 +38,204 @@ export class HyFooterLinkItem {
       if (this.isMobile && this.variant !== FooterLinkVariants.group) {
         return (h("div", { class: containerClassAttributes }, this.items.map((item) => {
           const target = item.isExternal === 'external' ? '_blank' : '_self';
-          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } },
-            item.label,
-            h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
         })));
       }
       else {
-        return (h("div", { class: containerClassAttributes },
-          h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 },
-            this.url.length > 0 && (h("a", { class: 'hy-footer-link-item__link', href: this.url, style: { color: this.color } }, this.label)),
-            this.url.length == 0 && h("div", { class: 'hy-footer-link-item__link' }, this.label)),
-          this.items.map((item) => {
-            const target = item.isExternal === 'external' ? '_blank' : '_self';
-            return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } },
-              item.label,
-              h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
-          })));
+        return (h("div", { class: containerClassAttributes }, h("hy-heading", { class: headingClassAttributes, heading: HeadingVarians.h3 }, this.url.length > 0 && (h("a", { class: 'hy-footer-link-item__link', href: this.url, style: { color: this.color } }, this.label)), this.url.length == 0 && h("div", { class: 'hy-footer-link-item__link' }, this.label)), this.items.map((item) => {
+          const target = item.isExternal === 'external' ? '_blank' : '_self';
+          return (h("a", { class: linkClassAttributes, href: item.url, target: target, style: { color: this.color } }, item.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+        })));
       }
     }
     else {
       const target = this.isExternal ? '_blank' : '_self';
-      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target },
-        this.label,
-        h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
+      return (h("a", { class: classAttributes, href: this.url, style: { color: this.color }, target: target }, this.label, h("hy-icon", { class: 'hy-footer-link-item__icon', icon: 'hy-icon-arrow-right', size: 16 })));
     }
   }
   static get is() { return "hy-footer-link-item"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-footer-link-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-footer-link-item.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "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"
-    },
-    "mainLink": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "main-link",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "items": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<any>",
-        "resolved": "any[]",
-        "references": {
-          "Array": {
-            "location": "global"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-footer-link-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-footer-link-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
+      },
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "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"
+      },
+      "mainLink": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-link",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "items": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<any>",
+          "resolved": "any[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FooterLinkItemColor",
-        "resolved": "FooterLinkItemColor.black | FooterLinkItemColor.white",
-        "references": {
-          "FooterLinkItemColor": {
-            "location": "import",
-            "path": "../../../utils/utils"
+      "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": ""
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "FooterLinkItemColor.black"
-    },
-    "isMobile": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-mobile",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FooterLinkVariants",
-        "resolved": "FooterLinkVariants.default | FooterLinkVariants.group",
-        "references": {
-          "FooterLinkVariants": {
-            "location": "import",
-            "path": "../../../utils/utils"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "FooterLinkItemColor.black"
+      },
+      "isMobile": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-mobile",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FooterLinkVariants",
+          "resolved": "FooterLinkVariants.default | FooterLinkVariants.group",
+          "references": {
+            "FooterLinkVariants": {
+              "location": "import",
+              "path": "../../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "FooterLinkVariants.base"
-    },
-    "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"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "FooterLinkVariants.base"
+      },
+      "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"
+      }
+    };
+  }
 }

package/dist/collection/components/grid-container/grid-container.js

@@ -1,15 +1,18 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class GridContainer {
   render() {
     const classAttributes = ["hy-grid--container"];
-    return (h("div", { class: classAttributes.join(" ") },
-      h("slot", null)));
+    return (h("div", { class: classAttributes.join(" ") }, h("slot", null)));
   }
   static get is() { return "hy-grid-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["grid-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["grid-container.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["grid-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["grid-container.css"]
+    };
+  }
 }

package/dist/collection/components/grid-item/grid-item.css

@@ -150,51 +150,39 @@
   .hy-grid__col-1 {
     width: 6.3333333333%;
   }
-
   .hy-grid__col-2 {
     width: 14.6666666667%;
   }
-
   .hy-grid__col-3 {
     width: 23%;
   }
-
   .hy-grid__col-4 {
     width: 31.3333333333%;
   }
-
   .hy-grid__col-5 {
     width: 39.6666666667%;
   }
-
   .hy-grid__col-6 {
     width: 48%;
   }
-
   .hy-grid__col-7 {
     width: 56.3333333333%;
   }
-
   .hy-grid__col-8 {
     width: 64.6666666667%;
   }
-
   .hy-grid__col-9 {
     width: 73%;
   }
-
   .hy-grid__col-10 {
     width: 81.3333333333%;
   }
-
   .hy-grid__col-11 {
     width: 89.6666666667%;
   }
-
   .hy-grid__col-12 {
     width: 98%;
   }
-
   .hidden-sm {
     display: block;
   }
@@ -204,47 +192,36 @@
   .hy-grid__col-1-lg {
     width: 6.3333333333%;
   }
-
   .hy-grid__col-2-lg {
     width: 14.6666666667%;
   }
-
   .hy-grid__col-3-lg {
     width: 23%;
   }
-
   .hy-grid__col-4-lg {
     width: 31.3333333333%;
   }
-
   .hy-grid__col-5-lg {
     width: 39.6666666667%;
   }
-
   .hy-grid__col-6-lg {
     width: 48%;
   }
-
   .hy-grid__col-7-lg {
     width: 56.3333333333%;
   }
-
   .hy-grid__col-8-lg {
     width: 64.6666666667%;
   }
-
   .hy-grid__col-9-lg {
     width: 73%;
   }
-
   .hy-grid__col-10-lg {
     width: 81.3333333333%;
   }
-
   .hy-grid__col-11-lg {
     width: 89.6666666667%;
   }
-
   .hy-grid__col-12-lg {
     width: 98%;
   }