@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.74

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

@@ -2,117 +2,118 @@ import { h } from "@stencil/core";
 import { BreadcrumbVariants } from "../../utils/utils";
 import { jsonParserWorker } from "../../global/globalScript";
 export class HyBreadcrumbs {
-  constructor() {
-    this.dataItems = undefined;
-    this.variant = BreadcrumbVariants.default;
-    this.headerstyle = "with-sidebar";
-    this.menuOpen = false;
-  }
-  async componentWillLoad() {
-    this._dataItems = await jsonParserWorker(this.dataItems);
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "without-sidebar";
-      }
+    constructor() {
+        this.dataItems = undefined;
+        this.variant = BreadcrumbVariants.default;
+        this.headerstyle = "with-sidebar";
+        this.menuOpen = false;
     }
-  }
-  render() {
-    const breadcrumbsClass = ["hy-breadcrumbs", this.variant, this.headerstyle].join(" ");
-    return (h("nav", { "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, h("ol", { class: "breadcrumb-container" }, this._dataItems.map((item) => {
-      if (item.url.length > 0) {
-        return (h("li", { class: "breadcrumb-item" }, h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
-      }
-      else {
-        return (h("li", { class: "breadcrumb-item breadcrumb-item--current" }, h("a", { href: item.url, "aria-current": "page" }, item.text)));
-      }
-    }))));
-  }
-  static get is() { return "hy-breadcrumbs"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["hy-breadcrumbs.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["hy-breadcrumbs.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "dataItems": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Breadcrumb[] | string",
-          "resolved": "Breadcrumb[] | string",
-          "references": {
-            "Breadcrumb": {
-              "location": "local",
-              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-breadcrumbs/hy-breadcrumbs.tsx"
+    async componentWillLoad() {
+        this._dataItems = await jsonParserWorker(this.dataItems);
+    }
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "without-sidebar";
+            }
+        }
+    }
+    render() {
+        const breadcrumbsClass = ["hy-breadcrumbs", this.variant, this.headerstyle].join(" ");
+        return (h("nav", { key: 'bb2cfeaeb8326bdca0a79040bd3e002c2656db77', "aria-label": "Breadcrumb", role: "navigation", "aria-labelledby": "system-breadcrumb", class: breadcrumbsClass }, h("ol", { key: 'd7131a8cce1e17a620c7dc73af919895cbb6d682', class: "breadcrumb-container" }, this._dataItems.map((item) => {
+            if (item.url.length > 0) {
+                return (h("li", { class: "breadcrumb-item" }, h("a", { class: "breadcrumb-item__link", href: item.url }, item.text), h("hy-icon", { class: "breadcrumb-item__icon", icon: "hy-icon-caret-right", size: 12 })));
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-items",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "BreadcrumbVariants",
-          "resolved": "BreadcrumbVariants.default | BreadcrumbVariants.landingLarge",
-          "references": {
-            "BreadcrumbVariants": {
-              "location": "import",
-              "path": "../../utils/utils"
+            else {
+                return (h("li", { class: "breadcrumb-item breadcrumb-item--current" }, h("a", { href: item.url, "aria-current": "page" }, item.text)));
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "BreadcrumbVariants.default as any"
-      },
-      "headerstyle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "headerstyle",
-        "reflect": false,
-        "defaultValue": "\"with-sidebar\""
-      }
-    };
-  }
-  static get states() {
-    return {
-      "menuOpen": {}
-    };
-  }
-  static get elementRef() { return "el"; }
+        }))));
+    }
+    static get is() { return "hy-breadcrumbs"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["hy-breadcrumbs.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["hy-breadcrumbs.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dataItems": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Breadcrumb[] | string",
+                    "resolved": "Breadcrumb[] | string",
+                    "references": {
+                        "Breadcrumb": {
+                            "location": "local",
+                            "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-breadcrumbs/hy-breadcrumbs.tsx",
+                            "id": "src/components/hy-breadcrumbs/hy-breadcrumbs.tsx::Breadcrumb"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "data-items",
+                "reflect": false
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BreadcrumbVariants",
+                    "resolved": "BreadcrumbVariants.default | BreadcrumbVariants.landingLarge",
+                    "references": {
+                        "BreadcrumbVariants": {
+                            "location": "import",
+                            "path": "../../utils/utils",
+                            "id": "src/utils/utils.ts::BreadcrumbVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "BreadcrumbVariants.default as any"
+            },
+            "headerstyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "headerstyle",
+                "reflect": false,
+                "defaultValue": "\"with-sidebar\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "menuOpen": {}
+        };
+    }
+    static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-breadcrumbs.js.map

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

@@ -1,127 +1,127 @@
 import { Host, h } from "@stencil/core";
 import { CheckboxVariants } from "../../utils/utils";
 export class HyCheckbox {
-  constructor() {
-    this.checkboxId = undefined;
-    this.checkboxValue = undefined;
-    this.checkboxLabel = undefined;
-    this.checkboxChecked = false;
-    this.variant = CheckboxVariants.default;
-  }
-  render() {
-    switch (this.variant) {
-      case "button":
-        return (h(Host, { class: "hy-checkbox--button" }, h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, h("span", { class: "hy-checkbox--button__checkmark" }, h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" })))));
-      default:
-        return (h(Host, { class: "hy-checkbox" }, h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, h("span", { class: "hy-checkbox__checkmark" }, h("hy-icon", { class: "hy-checkbox__label-icon", icon: "hy-icon-done", size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
+    constructor() {
+        this.checkboxId = undefined;
+        this.checkboxValue = undefined;
+        this.checkboxLabel = undefined;
+        this.checkboxChecked = false;
+        this.variant = CheckboxVariants.default;
     }
-  }
-  static get is() { return "hy-checkbox"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["hy-checkbox.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["hy-checkbox.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "checkboxId": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Unique id for checkbox element"
-        },
-        "attribute": "checkbox-id",
-        "reflect": false
-      },
-      "checkboxValue": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Value for input element"
-        },
-        "attribute": "checkbox-value",
-        "reflect": false
-      },
-      "checkboxLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Label for input to describe"
-        },
-        "attribute": "checkbox-label",
-        "reflect": false
-      },
-      "checkboxChecked": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Checked attribute"
-        },
-        "attribute": "checkbox-checked",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "CheckboxVariants",
-          "resolved": "CheckboxVariants.button | CheckboxVariants.default",
-          "references": {
-            "CheckboxVariants": {
-              "location": "import",
-              "path": "../../utils/utils"
+    render() {
+        switch (this.variant) {
+            case "button":
+                return (h(Host, { class: "hy-checkbox--button" }, h("input", { type: "checkbox", class: "hy-checkbox--button__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox--button__label", htmlFor: `${this.checkboxId}` }, this.checkboxLabel, h("span", { class: "hy-checkbox--button__checkmark" }, h("hy-icon", { class: "hy-checkbox--button__label-icon", icon: "hy-icon-done", size: 14, "aria-hidden": "true" })))));
+            default:
+                return (h(Host, { class: "hy-checkbox" }, h("input", { type: "checkbox", class: "hy-checkbox__checkbox", checked: this.checkboxChecked, id: `${this.checkboxId}`, value: `${this.checkboxValue}` }), h("label", { class: "hy-checkbox__label", htmlFor: `${this.checkboxId}` }, h("span", { class: "hy-checkbox__checkmark" }, h("hy-icon", { class: "hy-checkbox__label-icon", icon: "hy-icon-done", size: 23, "aria-hidden": "true" })), this.checkboxLabel)));
+        }
+    }
+    static get is() { return "hy-checkbox"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["hy-checkbox.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["hy-checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "checkboxId": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Unique id for checkbox element"
+                },
+                "attribute": "checkbox-id",
+                "reflect": false
+            },
+            "checkboxValue": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Value for input element"
+                },
+                "attribute": "checkbox-value",
+                "reflect": false
+            },
+            "checkboxLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label for input to describe"
+                },
+                "attribute": "checkbox-label",
+                "reflect": false
+            },
+            "checkboxChecked": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Checked attribute"
+                },
+                "attribute": "checkbox-checked",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CheckboxVariants",
+                    "resolved": "CheckboxVariants.button | CheckboxVariants.default",
+                    "references": {
+                        "CheckboxVariants": {
+                            "location": "import",
+                            "path": "../../utils/utils",
+                            "id": "src/utils/utils.ts::CheckboxVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant to deifne what style of checkbox to use"
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "CheckboxVariants.default"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Variant to deifne what style of checkbox to use"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "CheckboxVariants.default"
-      }
-    };
-  }
+        };
+    }
 }
-//# sourceMappingURL=hy-checkbox.js.map