@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

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

@@ -10,7 +10,7 @@ wide, 60rem to 75rem or 60rem to 100.0625rem (depending on hasSidebar) (mb[2])
 xlarge, > 100.0625: 2.5rem (mb[3])
 * */
 const toRemValue = (val) => {
-  return typeof val === "number" ? `${val}rem` : undefined;
+    return typeof val === "number" ? `${val}rem` : undefined;
 };
 const breakpoints = ["30rem", "60rem", "75.0625rem", "100.0625rem"];
 /*
@@ -22,8 +22,8 @@ mq[3] - xlarge, >1600px
 * */
 const mq = breakpoints.map((b) => `@media (min-width: ${b})`);
 const createCssClass = ({ hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, width, justify, align, direction }) => {
-  const last = width[width.length - 1];
-  return css `
+    const last = width[width.length - 1];
+    return css `
     padding-top: ${toRemValue(pt[0])};
     padding-right: ${toRemValue(pr[0])};
     padding-bottom: ${toRemValue(pb[0])};
@@ -96,372 +96,371 @@ const createCssClass = ({ hasSidebar, pt, pb, pl, pr, mt, mb, ml, mr, h, bg, wid
 };
 const toNumArray = (value) => value === null || value === void 0 ? void 0 : value.split(",").map((v) => `${v.trim()}`).map((v) => parseFloat(v));
 export class HyBox {
-  constructor() {
-    this.headerstyle = "common";
-    this.p = undefined;
-    this.pl = undefined;
-    this.pr = undefined;
-    this.pb = undefined;
-    this.pt = undefined;
-    this.m = undefined;
-    this.ml = undefined;
-    this.mr = undefined;
-    this.mb = undefined;
-    this.mt = undefined;
-    this.justify = "flex-start";
-    this.align = "baseline";
-    this.h = undefined;
-    this.bg = "transparent";
-    this.width = "100";
-    this.direction = "row";
-  }
-  componentWillLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+    constructor() {
+        this.headerstyle = "common";
+        this.p = undefined;
+        this.pl = undefined;
+        this.pr = undefined;
+        this.pb = undefined;
+        this.pt = undefined;
+        this.m = undefined;
+        this.ml = undefined;
+        this.mr = undefined;
+        this.mb = undefined;
+        this.mt = undefined;
+        this.justify = "flex-start";
+        this.align = "baseline";
+        this.h = undefined;
+        this.bg = "transparent";
+        this.width = "100";
+        this.direction = "row";
     }
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    const pt = (_b = (_a = toNumArray(this.pt)) !== null && _a !== void 0 ? _a : toNumArray(this.p)) !== null && _b !== void 0 ? _b : [0];
-    const pb = (_d = (_c = toNumArray(this.pb)) !== null && _c !== void 0 ? _c : toNumArray(this.p)) !== null && _d !== void 0 ? _d : [0];
-    const pr = (_f = (_e = toNumArray(this.pr)) !== null && _e !== void 0 ? _e : toNumArray(this.p)) !== null && _f !== void 0 ? _f : [0];
-    const pl = (_h = (_g = toNumArray(this.pl)) !== null && _g !== void 0 ? _g : toNumArray(this.p)) !== null && _h !== void 0 ? _h : [0];
-    const mt = (_k = (_j = toNumArray(this.mt)) !== null && _j !== void 0 ? _j : toNumArray(this.m)) !== null && _k !== void 0 ? _k : [0];
-    const mb = (_m = (_l = toNumArray(this.mb)) !== null && _l !== void 0 ? _l : toNumArray(this.m)) !== null && _m !== void 0 ? _m : [0];
-    const mr = (_p = (_o = toNumArray(this.mr)) !== null && _o !== void 0 ? _o : toNumArray(this.m)) !== null && _p !== void 0 ? _p : [0];
-    const ml = (_r = (_q = toNumArray(this.ml)) !== null && _q !== void 0 ? _q : toNumArray(this.m)) !== null && _r !== void 0 ? _r : [0];
-    const hasSidebar = this.headerstyle == "common";
-    return (h(Host, { class: createCssClass({
-        hasSidebar,
-        pt,
-        pl,
-        pr,
-        pb,
-        mt,
-        ml,
-        mr,
-        mb,
-        h: this.h,
-        bg: this.bg,
-        width: this.width.split(",").map((v) => `${v.trim()}%`),
-        justify: this.justify,
-        align: this.align,
-        direction: this.direction,
-      }) }, h("slot", null)));
-  }
-  static get is() { return "hy-box"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["hy-box.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["hy-box.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "headerstyle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "headerstyle",
-        "reflect": false,
-        "defaultValue": "\"common\""
-      },
-      "p": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "All sides padding value in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "p",
-        "reflect": false
-      },
-      "pl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Left padding in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "pl",
-        "reflect": false
-      },
-      "pr": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Right padding in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "pr",
-        "reflect": false
-      },
-      "pb": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Bottom padding in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "pb",
-        "reflect": false
-      },
-      "pt": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Top padding in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "pt",
-        "reflect": false
-      },
-      "m": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "All sides margin value in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "m",
-        "reflect": false
-      },
-      "ml": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Left margin in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "ml",
-        "reflect": false
-      },
-      "mr": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Right margin in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "mr",
-        "reflect": false
-      },
-      "mb": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Bottom margin in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "mb",
-        "reflect": false
-      },
-      "mt": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Top margin in rems. Responsive when given Comma separated values."
-        },
-        "attribute": "mt",
-        "reflect": false
-      },
-      "justify": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Value for horisontal alignment (justify-content)"
-        },
-        "attribute": "justify",
-        "reflect": false,
-        "defaultValue": "\"flex-start\""
-      },
-      "align": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "value for vertical alignment (align-items)"
-        },
-        "attribute": "align",
-        "reflect": false,
-        "defaultValue": "\"baseline\""
-      },
-      "h": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "fixed height for the container, useful for extra spacing containers"
-        },
-        "attribute": "h",
-        "reflect": false
-      },
-      "bg": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "background color. Must use one of css variable names from color tokens"
-        },
-        "attribute": "bg",
-        "reflect": false,
-        "defaultValue": "\"transparent\""
-      },
-      "width": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value."
-        },
-        "attribute": "width",
-        "reflect": false,
-        "defaultValue": "\"100\""
-      },
-      "direction": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "direction",
-        "reflect": false,
-        "defaultValue": "\"row\""
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
+    componentWillLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const pt = (_b = (_a = toNumArray(this.pt)) !== null && _a !== void 0 ? _a : toNumArray(this.p)) !== null && _b !== void 0 ? _b : [0];
+        const pb = (_d = (_c = toNumArray(this.pb)) !== null && _c !== void 0 ? _c : toNumArray(this.p)) !== null && _d !== void 0 ? _d : [0];
+        const pr = (_f = (_e = toNumArray(this.pr)) !== null && _e !== void 0 ? _e : toNumArray(this.p)) !== null && _f !== void 0 ? _f : [0];
+        const pl = (_h = (_g = toNumArray(this.pl)) !== null && _g !== void 0 ? _g : toNumArray(this.p)) !== null && _h !== void 0 ? _h : [0];
+        const mt = (_k = (_j = toNumArray(this.mt)) !== null && _j !== void 0 ? _j : toNumArray(this.m)) !== null && _k !== void 0 ? _k : [0];
+        const mb = (_m = (_l = toNumArray(this.mb)) !== null && _l !== void 0 ? _l : toNumArray(this.m)) !== null && _m !== void 0 ? _m : [0];
+        const mr = (_p = (_o = toNumArray(this.mr)) !== null && _o !== void 0 ? _o : toNumArray(this.m)) !== null && _p !== void 0 ? _p : [0];
+        const ml = (_r = (_q = toNumArray(this.ml)) !== null && _q !== void 0 ? _q : toNumArray(this.m)) !== null && _r !== void 0 ? _r : [0];
+        const hasSidebar = this.headerstyle == "common";
+        return (h(Host, { key: 'b3bd1885d34b3f37b0a26e2802f1567f43673789', class: createCssClass({
+                hasSidebar,
+                pt,
+                pl,
+                pr,
+                pb,
+                mt,
+                ml,
+                mr,
+                mb,
+                h: this.h,
+                bg: this.bg,
+                width: this.width.split(",").map((v) => `${v.trim()}%`),
+                justify: this.justify,
+                align: this.align,
+                direction: this.direction,
+            }) }, h("slot", { key: '7613027160dbdd5abfd405877c5ee4a75ac3ba61' })));
+    }
+    static get is() { return "hy-box"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["hy-box.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["hy-box.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "headerstyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "headerstyle",
+                "reflect": false,
+                "defaultValue": "\"common\""
+            },
+            "p": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "All sides padding value in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "p",
+                "reflect": false
+            },
+            "pl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Left padding in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "pl",
+                "reflect": false
+            },
+            "pr": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Right padding in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "pr",
+                "reflect": false
+            },
+            "pb": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Bottom padding in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "pb",
+                "reflect": false
+            },
+            "pt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Top padding in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "pt",
+                "reflect": false
+            },
+            "m": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "All sides margin value in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "m",
+                "reflect": false
+            },
+            "ml": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Left margin in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "ml",
+                "reflect": false
+            },
+            "mr": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Right margin in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "mr",
+                "reflect": false
+            },
+            "mb": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Bottom margin in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "mb",
+                "reflect": false
+            },
+            "mt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Top margin in rems. Responsive when given Comma separated values."
+                },
+                "attribute": "mt",
+                "reflect": false
+            },
+            "justify": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Value for horisontal alignment (justify-content)"
+                },
+                "attribute": "justify",
+                "reflect": false,
+                "defaultValue": "\"flex-start\""
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "value for vertical alignment (align-items)"
+                },
+                "attribute": "align",
+                "reflect": false,
+                "defaultValue": "\"baseline\""
+            },
+            "h": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "fixed height for the container, useful for extra spacing containers"
+                },
+                "attribute": "h",
+                "reflect": false
+            },
+            "bg": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "background color. Must use one of css variable names from color tokens"
+                },
+                "attribute": "bg",
+                "reflect": false,
+                "defaultValue": "\"transparent\""
+            },
+            "width": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Responsive width. Must be a comma separated string of percentage values for breakpoints. First item is the default value."
+                },
+                "attribute": "width",
+                "reflect": false,
+                "defaultValue": "\"100\""
+            },
+            "direction": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "direction",
+                "reflect": false,
+                "defaultValue": "\"row\""
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=hy-box.js.map