@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/heading/heading.js

@@ -1,18 +1,13 @@
-import { Component, Element, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { HeadingSectionVariants, HeadingVarians } from '../../utils/utils';
 export class Heading {
   constructor() {
-    /**
-     * @type {*}
-     */
     this.heading = HeadingVarians.default;
     this.isSearch = false;
-    /**
-     * @type {*}
-     */
     this.section = HeadingSectionVariants.default;
     this.negative = false;
     this.headerstyle = 'common';
+    this.hyphenatedText = undefined;
     this.hasChildren = true;
   }
   componentDidLoad() {
@@ -44,153 +39,153 @@ export class Heading {
       `hy-heading__container__${this.headerstyle}`,
     ].join(' ');
     return (h(Host, null, headingInVariants ? ([
-      h("div", { class: containerSectionClass },
-        this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') },
-          h("slot", null))),
-        h("span", { class: sectionClassAttributes })),
-    ]) : (h("div", { class: containerSectionClass },
-      this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') },
-        h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') },
-        h("span", null,
-          h("slot", null)))),
-      h("span", { class: sectionClassAttributes })))));
+      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') }, h("slot", null))), h("span", { class: sectionClassAttributes })),
+    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
   }
   static get is() { return "hy-heading"; }
-  static get originalStyleUrls() { return {
-    "default": ["heading.scss"],
-    "wide": ["heading-fw.scss"]
-  }; }
-  static get styleUrls() { return {
-    "default": ["heading.css"],
-    "wide": ["heading-fw.css"]
-  }; }
-  static get properties() { return {
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "HeadingVarians",
-        "resolved": "HeadingVarians.default | HeadingVarians.h2 | HeadingVarians.h3 | HeadingVarians.h4 | HeadingVarians.h5 | HeadingVarians.h6",
-        "references": {
-          "HeadingVarians": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "default": ["heading.scss"],
+      "wide": ["heading-fw.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "default": ["heading.css"],
+      "wide": ["heading-fw.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "HeadingVarians",
+          "resolved": "HeadingVarians.default | HeadingVarians.h2 | HeadingVarians.h3 | HeadingVarians.h4 | HeadingVarians.h5 | HeadingVarians.h6",
+          "references": {
+            "HeadingVarians": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "type",
-            "text": "{*}"
-          }],
-        "text": ""
-      },
-      "attribute": "heading",
-      "reflect": false,
-      "defaultValue": "HeadingVarians.default as any"
-    },
-    "isSearch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "type",
+              "text": "{*}"
+            }],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false,
+        "defaultValue": "HeadingVarians.default as any"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isSearch": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-search",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "is-search",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "section": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "HeadingSectionVariants",
-        "resolved": "HeadingSectionVariants.contentPageHeader | HeadingSectionVariants.course | HeadingSectionVariants.default | HeadingSectionVariants.defaultFooterInfo | HeadingSectionVariants.frontPage | HeadingSectionVariants.groupFooterInfo | HeadingSectionVariants.hero | HeadingSectionVariants.introduction | HeadingSectionVariants.landingMajor | HeadingSectionVariants.landingMinor | HeadingSectionVariants.landingPageHeader | HeadingSectionVariants.subSection",
-        "references": {
-          "HeadingSectionVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "section": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "HeadingSectionVariants",
+          "resolved": "HeadingSectionVariants.contentPageHeader | HeadingSectionVariants.course | HeadingSectionVariants.default | HeadingSectionVariants.defaultFooterInfo | HeadingSectionVariants.frontPage | HeadingSectionVariants.groupFooterInfo | HeadingSectionVariants.hero | HeadingSectionVariants.introduction | HeadingSectionVariants.landingMajor | HeadingSectionVariants.landingMinor | HeadingSectionVariants.landingPageHeader | HeadingSectionVariants.subSection",
+          "references": {
+            "HeadingSectionVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "type",
-            "text": "{*}"
-          }],
-        "text": ""
-      },
-      "attribute": "section",
-      "reflect": false,
-      "defaultValue": "HeadingSectionVariants.default as any"
-    },
-    "negative": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "type",
+              "text": "{*}"
+            }],
+          "text": ""
+        },
+        "attribute": "section",
+        "reflect": false,
+        "defaultValue": "HeadingSectionVariants.default as any"
       },
-      "attribute": "negative",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "negative": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "negative",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "hyphenatedText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hyphenated-text",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "hasChildren": {}
-  }; }
+      "hyphenatedText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hyphenated-text",
+        "reflect": true
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasChildren": {}
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js

@@ -1,7 +1,11 @@
-import { Component, Host, h, Prop, State, Listen } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyAnchorLinkList {
   constructor() {
+    this.listTitle = undefined;
+    this.openLabel = undefined;
+    this.closeLabel = undefined;
+    this.anchorItems = undefined;
     this.isOpen = false;
   }
   async componentWillLoad() {
@@ -30,108 +34,109 @@ export class HyAnchorLinkList {
       'is-open': this.isOpen,
     };
     const items = this._anchorItems;
-    return (h(Host, { class: classAttributes },
-      h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses },
-        h("span", { class: "hy-anchor-link-list__button--title" },
-          h("hy-icon", { icon: 'hy-icon-bullet-list', size: 18, fill: 'var(--brand-main)' }),
-          this.listTitle),
-        h("span", { class: "hy-anchor-link-list__button--label" },
-          this.isOpen ? this.closeLabel : this.openLabel,
-          h("hy-icon", { class: "label-close-icon", icon: 'hy-icon-caret-down', size: 16, fill: 'var(--brand-main)' }))),
-      h("div", { "aria-hidden": this.isOpen ? 'false' : 'true', class: containerClasses }, items &&
-        items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick },
-          h("hy-icon", { icon: 'hy-icon-arrow-down', size: 12, fill: 'var(--brand-main)' }),
-          item.title))))));
+    return (h(Host, { class: classAttributes }, h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, h("span", { class: "hy-anchor-link-list__button--title" }, h("hy-icon", { icon: 'hy-icon-bullet-list', size: 18, fill: 'var(--brand-main)' }), this.listTitle), h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, h("hy-icon", { class: "label-close-icon", icon: 'hy-icon-caret-down', size: 16, fill: 'var(--brand-main)' }))), h("div", { "aria-hidden": this.isOpen ? 'false' : 'true', class: containerClasses }, items &&
+      items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, h("hy-icon", { icon: 'hy-icon-arrow-down', size: 12, fill: 'var(--brand-main)' }), item.title))))));
   }
   static get is() { return "hy-anchor-link-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-anchor-link-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-anchor-link-list.css"]
-  }; }
-  static get properties() { return {
-    "listTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Title for content list button"
-      },
-      "attribute": "list-title",
-      "reflect": false
-    },
-    "openLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Open state label"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-anchor-link-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-anchor-link-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "listTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Title for content list button"
+        },
+        "attribute": "list-title",
+        "reflect": false
       },
-      "attribute": "open-label",
-      "reflect": false
-    },
-    "closeLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "openLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Open state label"
+        },
+        "attribute": "open-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Close state label"
+      "closeLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Close state label"
+        },
+        "attribute": "close-label",
+        "reflect": false
       },
-      "attribute": "close-label",
-      "reflect": false
-    },
-    "anchorItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AnchorItem[] | string",
-        "resolved": "AnchorItem[] | string",
-        "references": {
-          "AnchorItem": {
-            "location": "local"
+      "anchorItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AnchorItem[] | string",
+          "resolved": "AnchorItem[] | string",
+          "references": {
+            "AnchorItem": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-anchor-link-list/hy-anchor-link-list.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Array of anchor items"
-      },
-      "attribute": "anchor-items",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isOpen": {}
-  }; }
-  static get listeners() { return [{
-      "name": "handleLinkClick",
-      "method": "handleLinkClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Array of anchor items"
+        },
+        "attribute": "anchor-items",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isOpen": {}
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "handleLinkClick",
+        "method": "handleLinkClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/hy-badge/hy-badge.js

@@ -1,40 +1,44 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyBadge {
   constructor() {
     this.variant = 'primary';
   }
   render() {
     const classAttributes = ['hy-badge', this.variant];
-    return (h(Host, null,
-      h("span", { class: classAttributes.join(' ') },
-        h("slot", null))));
+    return (h(Host, null, h("span", { class: classAttributes.join(' ') }, h("slot", null))));
   }
   static get is() { return "hy-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-badge.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-badge.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'primary' | 'warn' | 'success' | 'disabled'",
-        "resolved": "\"disabled\" | \"primary\" | \"success\" | \"warn\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-badge.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'primary' | 'warn' | 'success' | 'disabled'",
+          "resolved": "\"disabled\" | \"primary\" | \"success\" | \"warn\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      }
+    };
+  }
 }