@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/adjacent-image-text/adjacent-image-text.js

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Host, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { jsonParserWorker } from '../../global/globalScript';
 export class AdjacentImageText {
   constructor() {
@@ -6,9 +6,17 @@ export class AdjacentImageText {
     this.imageUrl = null;
     this.imageAlt = '';
     this.disableLazy = false;
+    this.textTitle = undefined;
     this.textDescription = null;
+    this.mainUrl = undefined;
+    this.mainUrlTitle = undefined;
+    this.mainUrlAriaLabel = undefined;
     this.mainUrlIsExternal = false;
+    this.mainUrl2 = undefined;
+    this.mainUrlTitle2 = undefined;
+    this.mainUrlAriaLabel2 = undefined;
     this.mainUrlIsExternal2 = false;
+    this.sourceSet = undefined;
   }
   async componentWillLoad() {
     this._sourceSet = await jsonParserWorker(this.sourceSet);
@@ -34,296 +42,290 @@ export class AdjacentImageText {
     const aspectRatio = {
       '--aspectRatio': `${aspect}%`,
     };
-    return (h(Host, null,
-      h("div", { class: classAttributes },
-        h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (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', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))),
-        h("div", { class: contentClassAttributes },
-          h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" },
-            h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle),
-            h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)),
-          h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" },
-            this.mainUrl && (h("div", { class: "hy-adjacent-image-text__text-container__link" },
-              h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))),
-            this.mainUrl2 && (h("div", { class: "hy-adjacent-image-text__text-container__link" },
-              h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: imageLeftClassAttributes, style: aspectRatio }, this._sourceSet ? (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', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))) : (h("img", { loading: this.disableLazy ? 'eager' : 'lazy', alt: this.imageAlt, class: "hy-image__image", src: this.imageUrl }))), h("div", { class: contentClassAttributes }, h("div", { class: "hy-adjacent-image-text__text-container__info-wrapper" }, h("div", { class: "hy-adjacent-image-text__text-container__title" }, this.textTitle), h("p", { class: `hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}` }, this.textDescription)), h("div", { class: "hy-adjacent-image-text__text-container__links-wrapper" }, this.mainUrl && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle, "sc-label": this.mainUrlAriaLabel, url: this.mainUrl, "is-external": this.mainUrlIsExternal }))), this.mainUrl2 && (h("div", { class: "hy-adjacent-image-text__text-container__link" }, h("hy-cta-link", { "link-content": this.mainUrlTitle2, "sc-label": this.mainUrlAriaLabel2, url: this.mainUrl2, "is-external": this.mainUrlIsExternal2 })))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-adjacent-image-text"; }
-  static get originalStyleUrls() { return {
-    "$": ["adjacent-image-text.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["adjacent-image-text.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'"
-    },
-    "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": "''"
-    },
-    "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"
-    },
-    "textTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "text-title",
-      "reflect": false
-    },
-    "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"
-    },
-    "mainUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "main-url",
-      "reflect": false
-    },
-    "mainUrlTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["adjacent-image-text.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["adjacent-image-text.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'"
       },
-      "required": false,
-      "optional": true,
-      "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": "main-url-title",
-      "reflect": false
-    },
-    "mainUrlAriaLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "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": "''"
       },
-      "required": false,
-      "optional": true,
-      "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": "main-url-aria-label",
-      "reflect": false
-    },
-    "mainUrlIsExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "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": "main-url-is-external",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "mainUrl2": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "mainUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "mainUrlTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-title",
+        "reflect": false
       },
-      "attribute": "main-url-2",
-      "reflect": false
-    },
-    "mainUrlTitle2": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "mainUrlAriaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-aria-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "mainUrlIsExternal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-is-external",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "main-url-title-2",
-      "reflect": false
-    },
-    "mainUrlAriaLabel2": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "mainUrl2": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-2",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "mainUrlTitle2": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-title-2",
+        "reflect": false
       },
-      "attribute": "main-url-aria-label-2",
-      "reflect": false
-    },
-    "mainUrlIsExternal2": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "mainUrlAriaLabel2": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-aria-label-2",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "mainUrlIsExternal2": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "main-url-is-external-2",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "main-url-is-external-2",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "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/adjacent-image-text/adjacent-image-text.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"; }
 }
+//# sourceMappingURL=adjacent-image-text.js.map

package/dist/collection/components/adjacent-image-text/adjacent-image-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjacent-image-text.js","sourceRoot":"","sources":["../../../src/components/adjacent-image-text/adjacent-image-text.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, Prop, h, Host, Element} from '@stencil/core';\nimport {jsonParserWorker} from '../../global/globalScript';\n\n@Component({\n  tag: 'hy-adjacent-image-text',\n  styleUrl: 'adjacent-image-text.scss',\n  shadow: false,\n})\nexport class AdjacentImageText implements ComponentInterface {\n  @Element() el: HTMLElement;\n  @Prop() headerstyle: string = 'default';\n  @Prop() imageUrl: string = null;\n  @Prop() imageAlt: string = '';\n  @Prop() disableLazy: boolean = false;\n  @Prop() textTitle?: string;\n  @Prop() textDescription: string = null;\n\n  @Prop() mainUrl?: string;\n  @Prop() mainUrlTitle?: string;\n  @Prop() mainUrlAriaLabel?: string;\n  @Prop() mainUrlIsExternal: boolean = false;\n\n  @Prop() mainUrl2?: string;\n  @Prop() mainUrlTitle2?: string;\n  @Prop() mainUrlAriaLabel2?: string;\n  @Prop() mainUrlIsExternal2: boolean = false;\n\n  private _sourceSet: ImageSrcSet[];\n  @Prop() sourceSet: ImageSrcSet[] | string;\n\n  async componentWillLoad() {\n    this._sourceSet = await jsonParserWorker(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 classAttributes = ['hy-adjacent-image-text', `hy-adjacent-image-text__${this.headerstyle}`].join(' ');\n    const contentClassAttributes = [\n      'hy-adjacent-image-text__text-container',\n      'hy-adjacent-image-text__text-container--left',\n    ].join(' ');\n\n    const imageLeftClassAttributes = ['hy-adjacent-image-text__image-container'].join(' ');\n\n    const aspectRatioWidth = 6;\n    const aspectRatioHeight = 4;\n    const aspect = (aspectRatioHeight / aspectRatioWidth) * 100;\n    const aspectRatio = {\n      '--aspectRatio': `${aspect}%` as 'aspectRatio',\n    };\n\n    return (\n      <Host>\n        <div class={classAttributes}>\n          <div class={imageLeftClassAttributes} style={aspectRatio}>\n            {this._sourceSet ? (\n              <picture>\n                {this._sourceSet.map((item) => (\n                  <source srcSet={item.src} media={item.media} type={item.type} sizes={item.sizes ? item.sizes : ''} />\n                ))}\n                <img\n                  loading={this.disableLazy ? 'eager' : 'lazy'}\n                  alt={this.imageAlt}\n                  class=\"hy-image__image\"\n                  src={this.imageUrl}\n                />\n              </picture>\n            ) : (\n              <img\n                loading={this.disableLazy ? 'eager' : 'lazy'}\n                alt={this.imageAlt}\n                class=\"hy-image__image\"\n                src={this.imageUrl}\n              />\n            )}\n          </div>\n          <div class={contentClassAttributes}>\n            <div class=\"hy-adjacent-image-text__text-container__info-wrapper\">\n              <div class=\"hy-adjacent-image-text__text-container__title\">{this.textTitle}</div>\n              <p\n                class={`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`}\n              >\n                {this.textDescription}\n              </p>\n            </div>\n            <div class=\"hy-adjacent-image-text__text-container__links-wrapper\">\n              {this.mainUrl && (\n                <div class=\"hy-adjacent-image-text__text-container__link\">\n                  <hy-cta-link\n                    link-content={this.mainUrlTitle}\n                    sc-label={this.mainUrlAriaLabel}\n                    url={this.mainUrl}\n                    is-external={this.mainUrlIsExternal}\n                  />\n                </div>\n              )}\n              {this.mainUrl2 && (\n                <div class=\"hy-adjacent-image-text__text-container__link\">\n                  <hy-cta-link\n                    link-content={this.mainUrlTitle2}\n                    sc-label={this.mainUrlAriaLabel2}\n                    url={this.mainUrl2}\n                    is-external={this.mainUrlIsExternal2}\n                  />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}