@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/collection/components/link-box-list/link-box-list.js

@@ -1,10 +1,12 @@
-import { Component, Prop, h, Host, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { LinkBoxVariants } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class LinkBoxList {
   constructor() {
     this.headerstyle = 'common';
     this.variant = LinkBoxVariants.default;
+    this.readMoreLabel = undefined;
+    this.dataItems = undefined;
   }
   async componentWillLoad() {
     this._dataItems = await jsonParserWorker(this.dataItems);
@@ -35,100 +37,105 @@ export class LinkBoxList {
     - 9 items: big
     * */
     const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(' ');
-    return (h(Host, null,
-      h("ul", { class: classAttributes }, this._dataItems.map((x) => {
-        return (h("li", null,
-          h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, "show-logo": x.showLogo, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel, "read-more-label": this.readMoreLabel })));
-      })),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("ul", { class: classAttributes }, this._dataItems.map((x) => {
+      return (h("li", null, h("hy-link-box", { class: classItemAttributes, variant: this.variant, "source-set": x.imageSets, "image-url": x.imageUrl, "image-alt": x.imageAlt, "text-title": x.heading, "text-description": x.description, "show-logo": x.showLogo, url: x.boxUrl, "is-external": x.isExternal, "sc-label": x.ariaLabel, "read-more-label": this.readMoreLabel })));
+    })), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-link-box-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["link-box-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["link-box-list.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 {
+      "$": ["link-box-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["link-box-list.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'"
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LinkBoxVariants",
-        "resolved": "LinkBoxVariants.default | LinkBoxVariants.landingPage",
-        "references": {
-          "LinkBoxVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "LinkBoxVariants",
+          "resolved": "LinkBoxVariants.default | LinkBoxVariants.landingPage",
+          "references": {
+            "LinkBoxVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "LinkBoxVariants.default"
-    },
-    "readMoreLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "LinkBoxVariants.default"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "readMoreLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "read-more-label",
+        "reflect": false
       },
-      "attribute": "read-more-label",
-      "reflect": false
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LinkBox[] | string",
-        "resolved": "LinkBox[] | string",
-        "references": {
-          "LinkBox": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "LinkBox[] | string",
+          "resolved": "LinkBox[] | string",
+          "references": {
+            "LinkBox": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/link-box-list/link-box-list.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"; }
 }
+//# sourceMappingURL=link-box-list.js.map

package/dist/collection/components/link-box-list/link-box-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-box-list.js","sourceRoot":"","sources":["../../../src/components/link-box-list/link-box-list.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AACpF,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAO3D,MAAM,OAAO,WAAW;;uBAEQ,QAAQ;mBACH,eAAe,CAAC,OAAO;;;;EAM1D,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,UAAU,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EAC3D,CAAC;EAED,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,kBAAkB;MAClB,IAAI,CAAC,OAAO;MACZ,qBAAqB,IAAI,CAAC,OAAO,EAAE;MACnC,qBAAqB,IAAI,CAAC,WAAW,EAAE;KACxC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ;;;;;;;;;QASI;IACJ,MAAM,mBAAmB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrF,OAAO,CACL,EAAC,IAAI;MACH,UAAI,KAAK,EAAE,eAAe,IACvB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACzB,OAAO,CACL;UACE,mBACE,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,gBACT,CAAC,CAAC,SAAS,eACZ,CAAC,CAAC,QAAQ,eACV,CAAC,CAAC,QAAQ,gBACT,CAAC,CAAC,OAAO,sBACH,CAAC,CAAC,WAAW,eACpB,CAAC,CAAC,QAAQ,EACrB,GAAG,EAAE,CAAC,CAAC,MAAM,iBACA,CAAC,CAAC,UAAU,cACf,CAAC,CAAC,SAAS,qBACJ,IAAI,CAAC,aAAa,GACnC,CACC,CACN,CAAC;MACJ,CAAC,CAAC,CACC;MACL,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface LinkBox {\n  heading: string;\n  description: string;\n  imageSets: string | null;\n  imageUrl: string;\n  imageAlt: string;\n  boxUrl: string;\n  isExternal: boolean;\n  showLogo: boolean;\n  ariaLabel: string;\n}\n\nimport {Component, ComponentInterface, Prop, h, Host, Element} from '@stencil/core';\nimport {LinkBoxVariants} from '../../utils/utils';\nimport {jsonParserWorker} from '../../global/globalScript';\n\n@Component({\n  tag: 'hy-link-box-list',\n  styleUrl: 'link-box-list.scss',\n  shadow: false,\n})\nexport class LinkBoxList implements ComponentInterface {\n  @Element() el: HTMLElement;\n  @Prop() headerstyle: string = 'common';\n  @Prop() variant: LinkBoxVariants = LinkBoxVariants.default;\n  @Prop() readMoreLabel: string;\n\n  private _dataItems: LinkBox[];\n  @Prop() dataItems: LinkBox[] | string;\n\n  async componentWillLoad() {\n    this._dataItems = await jsonParserWorker(this.dataItems);\n  }\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n  }\n\n  render() {\n    const classAttributes = [\n      'hy-link-box-list',\n      this.variant,\n      `hy-link-box-list__${this.variant}`,\n      `hy-link-box-list__${this.headerstyle}`,\n    ].join(' ');\n\n    /*\n    - Logic:\n    - 3 items: big\n    - 4 items: small\n    - 5 items: big\n    - 6 items: big\n    - 7 items: small\n    - 8 items: small\n    - 9 items: big\n    * */\n    const classItemAttributes = [this.variant, `hy-link-box__${this.variant}`].join(' ');\n    return (\n      <Host>\n        <ul class={classAttributes}>\n          {this._dataItems.map((x) => {\n            return (\n              <li>\n                <hy-link-box\n                  class={classItemAttributes}\n                  variant={this.variant}\n                  source-set={x.imageSets}\n                  image-url={x.imageUrl}\n                  image-alt={x.imageAlt}\n                  text-title={x.heading}\n                  text-description={x.description}\n                  show-logo={x.showLogo}\n                  url={x.boxUrl}\n                  is-external={x.isExternal}\n                  sc-label={x.ariaLabel}\n                  read-more-label={this.readMoreLabel}\n                />\n              </li>\n            );\n          })}\n        </ul>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}