@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

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

@@ -1,10 +1,12 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CtaLinkVariants } from '../../utils/utils';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyLinkList {
   constructor() {
     this.headerstyle = 'default';
+    this.dataItems = undefined;
     this.listHeading = '';
+    this.variation = undefined;
     this.headingVariant = 'h2';
   }
   async componentWillLoad() {
@@ -26,112 +28,117 @@ export class HyLinkList {
       columnType = 'col-4';
     }
     return [
-      h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` },
-        this.listHeading.length > 0 && (h(HeadingVariant, { class: 'hy-link-list__title' }, this.listHeading)),
-        h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === 'grid' ? columnType : ''}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (h("li", { class: "hy-link-list__links-item" },
-          h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
+      h("section", { class: `hy-link-list hy-link-list__${this.headerstyle}` }, this.listHeading.length > 0 && (h(HeadingVariant, { class: 'hy-link-list__title' }, this.listHeading)), h("ul", { class: `hy-link-list__links hy-link-list__links--${this.variation} ${this.variation === 'grid' ? columnType : ''}` }, this._dataItems.map(({ heading, ariaLabel, url, isExternal }) => (h("li", { class: "hy-link-list__links-item" }, h("hy-cta-link", { variant: linkVariant, "link-content": heading, "sc-label": ariaLabel, url: url, "is-external": isExternal })))))),
     ];
   }
   static get is() { return "hy-link-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-link-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-link-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 {
+      "$": ["hy-link-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-link-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": "'default'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "dataItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CtaLinkValue[] | string",
-        "resolved": "CtaLinkValue[] | string",
-        "references": {
-          "CtaLinkValue": {
-            "location": "local"
+      "dataItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CtaLinkValue[] | string",
+          "resolved": "CtaLinkValue[] | string",
+          "references": {
+            "CtaLinkValue": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-link-list/hy-link-list.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-items",
-      "reflect": false
-    },
-    "listHeading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-items",
+        "reflect": false
       },
-      "attribute": "list-heading",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "variation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "listHeading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "list-heading",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "variation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variation",
+        "reflect": false
       },
-      "attribute": "variation",
-      "reflect": false
-    },
-    "headingVariant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading-variant",
-      "reflect": false,
-      "defaultValue": "'h2'"
-    }
-  }; }
+      "headingVariant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading-variant",
+        "reflect": false,
+        "defaultValue": "'h2'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-link-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-link-list.js","sourceRoot":"","sources":["../../../src/components/hy-link-list/hy-link-list.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAO3D,MAAM,OAAO,UAAU;;uBAES,SAAS;;uBAGT,EAAE;;0BAEC,IAAI;;EAErC,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,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC;IAC7C,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;IACzD,IAAI,UAAU,GAAG,OAAO,CAAC;IAEzB,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;MACpE,UAAU,GAAG,OAAO,CAAC;KACtB;IAED,OAAO;MACL,eAAS,KAAK,EAAE,8BAA8B,IAAI,CAAC,WAAW,EAAE;QAC7D,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,EAAC,cAAc,IAAC,KAAK,EAAE,qBAAqB,IAAG,IAAI,CAAC,WAAW,CAAkB,CAClF;QACD,UACE,KAAK,EAAE,4CAA4C,IAAI,CAAC,SAAS,IAC/D,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC3C,EAAE,IAED,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAC,EAAE,EAAE,CAAC,CAC9D,UAAI,KAAK,EAAC,0BAA0B;UAClC,mBACE,OAAO,EAAE,WAAW,kBACN,OAAO,cACX,SAAS,EACnB,GAAG,EAAE,GAAG,iBACK,UAAU,GACvB,CACC,CACN,CAAC,CACC,CACG;KACX,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface CtaLinkValue {\n  heading: string;\n  variation: string;\n  ariaLabel: string;\n  url: string;\n  isExternal: boolean;\n}\n\nimport {Component, ComponentInterface, Element, h, Prop} from '@stencil/core';\nimport {CtaLinkVariants} from '../../utils/utils';\nimport {jsonParserWorker} from '../../global/globalScript';\n\n@Component({\n  tag: 'hy-link-list',\n  styleUrl: 'hy-link-list.scss',\n  shadow: false,\n})\nexport class HyLinkList implements ComponentInterface {\n  @Element() el: HTMLElement;\n  @Prop() headerstyle: string = 'default';\n  private _dataItems: CtaLinkValue[];\n  @Prop() dataItems: CtaLinkValue[] | string;\n  @Prop() listHeading: string = '';\n  @Prop() variation: string;\n  @Prop() headingVariant: string = 'h2';\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 linkVariant = CtaLinkVariants.linkList;\n    const HeadingVariant = this.headingVariant.toLowerCase();\n    let columnType = 'col-3';\n\n    if (this._dataItems.length === 7 || this._dataItems.length % 4 === 0) {\n      columnType = 'col-4';\n    }\n\n    return [\n      <section class={`hy-link-list hy-link-list__${this.headerstyle}`}>\n        {this.listHeading.length > 0 && (\n          <HeadingVariant class={'hy-link-list__title'}>{this.listHeading}</HeadingVariant>\n        )}\n        <ul\n          class={`hy-link-list__links hy-link-list__links--${this.variation} ${\n            this.variation === 'grid' ? columnType : ''\n          }`}\n        >\n          {this._dataItems.map(({heading, ariaLabel, url, isExternal}) => (\n            <li class=\"hy-link-list__links-item\">\n              <hy-cta-link\n                variant={linkVariant}\n                link-content={heading}\n                sc-label={ariaLabel}\n                url={url}\n                is-external={isExternal}\n              />\n            </li>\n          ))}\n        </ul>\n      </section>,\n    ];\n  }\n}\n"]}