@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.js

@@ -1,9 +1,10 @@
-import { Component, Prop, h, Host, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { KeyHighlightVariants } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyKeyHighlightGroup {
   constructor() {
     this.variant = KeyHighlightVariants.default;
+    this.dataItems = undefined;
     this.headerstyle = 'common';
   }
   async componentWillLoad() {
@@ -25,82 +26,88 @@ export class HyKeyHighlightGroup {
     ].join(' ');
     const dataItemCount = this._dataItems.length;
     const classItem = dataItemCount % 4 == 0 ? 'box-4' : 'box';
-    return (h(Host, null,
-      h("div", { class: classAttributes }, this._dataItems.map((x) => {
-        return (h("hy-key-highlight", { class: classItem, variant: this.variant, heading: x.heading, description: x.description }));
-      }))));
+    return (h(Host, null, h("div", { class: classAttributes }, this._dataItems.map((x) => {
+      return (h("hy-key-highlight", { class: classItem, variant: this.variant, heading: x.heading, description: x.description }));
+    }))));
   }
   static get is() { return "hy-key-highlight-group"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-key-highlight-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-key-highlight-group.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "KeyHighlightVariants",
-        "resolved": "KeyHighlightVariants.default | KeyHighlightVariants.small",
-        "references": {
-          "KeyHighlightVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-key-highlight-group.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-key-highlight-group.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "KeyHighlightVariants",
+          "resolved": "KeyHighlightVariants.default | KeyHighlightVariants.small",
+          "references": {
+            "KeyHighlightVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "KeyHighlightVariants.default"
       },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "KeyHighlightVariants.default"
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "KeyHighlightValue[] | string",
-        "resolved": "KeyHighlightValue[] | string",
-        "references": {
-          "KeyHighlightValue": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "KeyHighlightValue[] | string",
+          "resolved": "KeyHighlightValue[] | string",
+          "references": {
+            "KeyHighlightValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-key-highlight-group/hy-key-highlight-group.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    }
-  }; }
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.css

@@ -69,20 +69,20 @@
 
 @media (min-width: 30rem) {
   .hy-large-process-flow {
-    max-width: calc(100% / 8 * 7 + var(--gutter-narrow));
+    max-width: calc(87.5% + var(--gutter-narrow));
     padding-top: 0;
   }
 }
 
 @media (min-width: 60rem) {
   .hy-large-process-flow {
-    max-width: calc(100% / 12 * 8 + var(--gutter-wide));
+    max-width: calc(66.6666666667% + var(--gutter-wide));
   }
 }
 
 @media (min-width: 75.0625rem) {
   .hy-large-process-flow {
-    max-width: calc(100% / 12 * 8 + var(--gutter-extrawide));
+    max-width: calc(66.6666666667% + var(--gutter-extrawide));
   }
 }
 
@@ -126,19 +126,19 @@
 
 @media (min-width: 30rem) {
   .hy-large-process-flow__multi-phase-title:after {
-    left: calc(100% / 8 + var(--gutter-narrow) + 26.5px);
+    left: calc(12.5% + var(--gutter-narrow) + 26.5px);
   }
 }
 
 @media (min-width: 60rem) {
   .hy-large-process-flow__multi-phase-title:after {
-    left: calc(100% / 12 + var(--gutter-wide) + 26.5px);
+    left: calc(8.3333333333% + var(--gutter-wide) + 26.5px);
   }
 }
 
 @media (min-width: 75.0625rem) {
   .hy-large-process-flow__multi-phase-title:after {
-    left: calc(100% / 12 + var(--gutter-extrawide) + 26.5px);
+    left: calc(8.3333333333% + var(--gutter-extrawide) + 26.5px);
   }
 }
 

package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.js

@@ -1,9 +1,10 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { HeadingVarians } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyLargeProcessFlow {
   constructor() {
     this.headerstyle = 'common';
+    this.dataItems = undefined;
   }
   async componentWillLoad() {
     this._dataItems = await jsonParserWorker(this.dataItems);
@@ -31,52 +32,59 @@ export class HyLargeProcessFlow {
   }
   static get is() { return "hy-large-process-flow"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-large-process-flow.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-large-process-flow.css"]
-  }; }
-  static get properties() { return {
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-large-process-flow.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-large-process-flow.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'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ProcessFlowValue[] | string",
-        "resolved": "ProcessFlowValue[] | string",
-        "references": {
-          "ProcessFlowValue": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ProcessFlowValue[] | string",
+          "resolved": "ProcessFlowValue[] | string",
+          "references": {
+            "ProcessFlowValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-large-process-flow/hy-large-process-flow.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.css

@@ -70,19 +70,19 @@
 
 @media (min-width: 30rem) {
   .hy-large-process-flow__phase-container {
-    padding-left: calc(100% / 8 + var(--gutter-narrow));
+    padding-left: calc(12.5% + var(--gutter-narrow));
   }
 }
 
 @media (min-width: 60rem) {
   .hy-large-process-flow__phase-container {
-    padding-left: calc(100% / 12 + var(--gutter-wide));
+    padding-left: calc(8.3333333333% + var(--gutter-wide));
   }
 }
 
 @media (min-width: 75.0625rem) {
   .hy-large-process-flow__phase-container {
-    padding-left: calc(100% / 12 + var(--gutter-extrawide));
+    padding-left: calc(8.3333333333% + var(--gutter-extrawide));
   }
 }
 

package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.js

@@ -1,6 +1,9 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyLargeProcessFlowPhase {
+  constructor() {
+    this.dataItems = undefined;
+  }
   async componentWillLoad() {
     this._dataItems = await jsonParserWorker(this.dataItems);
   }
@@ -17,46 +20,46 @@ export class HyLargeProcessFlowPhase {
         });
       }
       return [
-        h("div", { class: "hy-large-process-flow__phase-container__phase" },
-          h("div", { class: "hy-large-process-flow__phase-container__phase__number" },
-            h("h2", { class: "hy-large-process-flow__phase-container__phase__number__number" },
-              h("div", { class: "hy-large-process-flow__phase-container__phase__number__title" }, index + 1))),
-          h("div", { class: "hy-large-process-flow__phase-container__phase__content" },
-            h("div", { class: "hy-large-process-flow__phase-container__phase__content__heading" }, x.heading),
-            h("div", { class: "hy-large-process-flow__phase-container__phase__content__description", innerHTML: x.description }),
-            h("div", { class: "hy-large-process-flow__phase-container__phase__content__links" }, items))),
+        h("div", { class: "hy-large-process-flow__phase-container__phase" }, h("div", { class: "hy-large-process-flow__phase-container__phase__number" }, h("h2", { class: "hy-large-process-flow__phase-container__phase__number__number" }, h("div", { class: "hy-large-process-flow__phase-container__phase__number__title" }, index + 1))), h("div", { class: "hy-large-process-flow__phase-container__phase__content" }, h("div", { class: "hy-large-process-flow__phase-container__phase__content__heading" }, x.heading), h("div", { class: "hy-large-process-flow__phase-container__phase__content__description", innerHTML: x.description }), h("div", { class: "hy-large-process-flow__phase-container__phase__content__links" }, items))),
       ];
     })));
   }
   static get is() { return "hy-large-process-flow-phase"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-large-process-flow-phase.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-large-process-flow-phase.css"]
-  }; }
-  static get properties() { return {
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "PhaseValue[] | string",
-        "resolved": "PhaseValue[] | string",
-        "references": {
-          "PhaseValue": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-large-process-flow-phase.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-large-process-flow-phase.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "PhaseValue[] | string",
+          "resolved": "PhaseValue[] | string",
+          "references": {
+            "PhaseValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
+      }
+    };
+  }
 }