@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

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

@@ -1,4 +1,4 @@
-import { Component, Element, Prop, h, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { LinkBoxVariants } from '../../utils/utils';
 export class LinkBox {
   constructor() {
@@ -8,9 +8,14 @@ export class LinkBox {
     this.disableLazy = false;
     this.useSlot = false;
     this.showLogo = false;
+    this.textTitle = undefined;
     this.textDescription = null;
+    this.url = undefined;
     this.isExternal = false;
+    this.scLabel = undefined;
+    this.readMoreLabel = undefined;
     this.headerstyle = 'common';
+    this.sourceSet = undefined;
   }
   srcSetWatcher(data) {
     this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;
@@ -57,295 +62,289 @@ export class LinkBox {
       '--aspectRatio': `${aspect}%`,
     };
     return [
-      h("article", { class: classContainerAttributes },
-        h("div", { class: classAttributes },
-          this.imageUrl &&
-            (this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio },
-              h("picture", null,
-                this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))),
-                h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio },
-              h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))),
-          !this.imageUrl && this.showLogo && (h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" },
-            h("hy-icon", { class: { 'hy-site-logo__icon': true }, icon: 'hy-icon-hy-logo' }))),
-          h("div", { class: classTextContainer },
-            h("h3", { class: classTitle }, this.textTitle),
-            this.textDescription && (h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + '...' : this.textDescription)))),
-        h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` },
-          h("span", { "aria-hidden": "true" }),
-          h("span", null, this.readMoreLabel),
-          h("span", { class: `hy-cta-link__icon ${this.isExternal ? 'hy-cta-link__icon--external' : ''}` },
-            h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))),
+      h("article", { class: classContainerAttributes }, h("div", { class: classAttributes }, this.imageUrl &&
+        (this._sourceSet ? (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("picture", null, this._sourceSet.map((item) => (h("source", { srcSet: item.src, media: item.media, type: item.type, sizes: item.sizes ? item.sizes : '' }))), h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))) : (h("figure", { class: "hy-link-box__image-container", style: aspectRatio }, h("img", { loading: this.disableLazy ? 'eager' : 'lazy', "aria-hidden": "true", src: this.imageUrl, alt: this.imageAlt })))), !this.imageUrl && this.showLogo && (h("div", { "aria-hidden": "true", class: "hy-link-box__image-container is-image-missing" }, h("hy-icon", { class: { 'hy-site-logo__icon': true }, icon: 'hy-icon-hy-logo' }))), h("div", { class: classTextContainer }, h("h3", { class: classTitle }, this.textTitle), this.textDescription && (h("p", { class: classDescription }, this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + '...' : this.textDescription)))), h("a", { "aria-label": this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, title: this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`, href: this.url, target: target, class: `hy-cta-link hy-cta-link--default` }, h("span", { "aria-hidden": "true" }), h("span", null, this.readMoreLabel), h("span", { class: `hy-cta-link__icon ${this.isExternal ? 'hy-cta-link__icon--external' : ''}` }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))),
     ];
   }
   static get is() { return "hy-link-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["link-box.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["link-box.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LinkBoxVariants",
-        "resolved": "LinkBoxVariants.default | LinkBoxVariants.landingPage",
-        "references": {
-          "LinkBoxVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["link-box.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["link-box.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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"
-    },
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "imageAlt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-alt",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "disableLazy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disable-lazy",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "useSlot": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "LinkBoxVariants.default"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-url",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "use-slot",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showLogo": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "imageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-alt",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disableLazy": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-lazy",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "show-logo",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "textTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "useSlot": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-slot",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "showLogo": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-logo",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "text-title",
-      "reflect": false
-    },
-    "textDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "textTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "textDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text-description",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "text-description",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-external",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "url",
-      "reflect": false
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "scLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sc-label",
+        "reflect": false
       },
-      "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": "is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "readMoreLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "read-more-label",
-      "reflect": false
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "sourceSet": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ImageSrcSet[] | string",
-        "resolved": "ImageSrcSet[] | string",
-        "references": {
-          "ImageSrcSet": {
-            "location": "local"
+      "sourceSet": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ImageSrcSet[] | string",
+          "resolved": "ImageSrcSet[] | string",
+          "references": {
+            "ImageSrcSet": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/link-box/link-box.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "source-set",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "source-set",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "sourceSet",
-      "methodName": "srcSetWatcher"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "sourceSet",
+        "methodName": "srcSetWatcher"
+      }];
+  }
 }
+//# sourceMappingURL=link-box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-box.js","sourceRoot":"","sources":["../../../src/components/link-box/link-box.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface ImageSrcSet {\n  src: any;\n  media: string;\n  type: string;\n  sizes: string | null;\n}\n\nimport {Component, ComponentInterface, Element, Prop, h, Watch} from '@stencil/core';\nimport {LinkBoxVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-link-box',\n  styleUrl: 'link-box.scss',\n  shadow: true,\n})\nexport class LinkBox implements ComponentInterface {\n  @Prop() variant: LinkBoxVariants = LinkBoxVariants.default;\n  @Prop() imageUrl: string = null;\n  @Prop() imageAlt: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() useSlot: boolean = false;\n  @Prop() showLogo: boolean = false;\n  @Prop() textTitle?: string;\n  @Prop() textDescription: string = null;\n  @Prop() url?: string;\n  @Prop() isExternal: boolean = false;\n  @Prop() scLabel?: string;\n  @Prop() readMoreLabel: string;\n  @Prop() headerstyle: string = 'common';\n  private _sourceSet: ImageSrcSet[];\n  @Prop() sourceSet: ImageSrcSet[] | string;\n  @Element() el: HTMLElement;\n\n  @Watch('sourceSet') srcSetWatcher(data: ImageSrcSet[] | string) {\n    this._sourceSet = typeof data === 'string' ? JSON.parse(data) : data;\n  }\n\n  componentWillLoad() {\n    this.srcSetWatcher(this.sourceSet);\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 classContainerAttributes = ['hy-link-box-container'].join(' ');\n    const classAttributes = [\n      'hy-link-box',\n      this.variant,\n      `hy-link-box__${this.variant}`,\n      this.headerstyle,\n      `hy-link-box__${this.headerstyle}`,\n      this.imageUrl ? 'hy-link-box--with-image' : null,\n    ].join(' ');\n\n    const classTextContainer = ['hy-link-box__text-container', this.imageUrl ? 'hy-link-box--with-image' : null].join(\n      ' '\n    );\n\n    const classTitle = [\n      'hy-link-box__text-container__title',\n      `hy-link-box__text-container__title__${this.variant}`,\n      `hy-link-box__text-container__title__${this.headerstyle}`,\n      this.imageUrl ? 'hy-link-box__text-container__title__image' : '',\n      this.imageUrl ? 'image' : '',\n    ].join(' ');\n\n    const classDescription = [\n      'hy-link-box__text-container__description',\n      `hy-link-box__text-container__description__${this.variant}`,\n      `hy-link-box__text-container__description__${this.headerstyle}`,\n    ].join(' ');\n\n    const target = this.isExternal ? '_blank' : '_self';\n\n    const aspectRatioWidth = 16;\n    const aspectRatioHeight = 10;\n    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;\n    const aspectRatio = {\n      '--aspectRatio': `${aspect}%` as 'aspectRatio',\n    };\n\n    return [\n      <article class={classContainerAttributes}>\n        <div class={classAttributes}>\n          {this.imageUrl &&\n            (this._sourceSet ? (\n              <figure class=\"hy-link-box__image-container\" style={aspectRatio}>\n                <picture>\n                  {this._sourceSet.map((item) => (\n                    <source\n                      srcSet={item.src}\n                      media={item.media}\n                      type={item.type}\n                      sizes={item.sizes ? item.sizes : ''}\n                    />\n                  ))}\n                  <img\n                    loading={this.disableLazy ? 'eager' : 'lazy'}\n                    aria-hidden=\"true\"\n                    src={this.imageUrl}\n                    alt={this.imageAlt}\n                  />\n                </picture>\n              </figure>\n            ) : (\n              <figure class=\"hy-link-box__image-container\" style={aspectRatio}>\n                <img\n                  loading={this.disableLazy ? 'eager' : 'lazy'}\n                  aria-hidden=\"true\"\n                  src={this.imageUrl}\n                  alt={this.imageAlt}\n                />\n              </figure>\n            ))}\n          {!this.imageUrl && this.showLogo && (\n            <div aria-hidden=\"true\" class=\"hy-link-box__image-container is-image-missing\">\n              <hy-icon class={{'hy-site-logo__icon': true}} icon={'hy-icon-hy-logo'} />\n            </div>\n          )}\n          <div class={classTextContainer}>\n            <h3 class={classTitle}>{this.textTitle}</h3>\n            {this.textDescription && (\n              <p class={classDescription}>\n                {this.textDescription.length >= 141 ? this.textDescription.slice(0, 140) + '...' : this.textDescription}\n              </p>\n            )}\n          </div>\n        </div>\n        <a\n          aria-label={this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`}\n          title={this.scLabel || `${this.readMoreLabel} - ${this.textTitle}`}\n          href={this.url}\n          target={target}\n          class={`hy-cta-link hy-cta-link--default`}\n        >\n          <span aria-hidden=\"true\"></span>\n          <span>{this.readMoreLabel}</span>\n          <span class={`hy-cta-link__icon ${this.isExternal ? 'hy-cta-link__icon--external' : ''}`}>\n            <hy-icon icon={'hy-icon-arrow-to-right'} size={24} />\n          </span>\n        </a>\n      </article>,\n    ];\n  }\n}\n"]}