@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/image/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/image/image.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAO5E,MAAM,OAAO,KAAK;;oBACW,IAAI;oBACJ,IAAI;uBACA,KAAK;mBACV,IAAI;4BACK,EAAE;6BACD,CAAC;;;EAIjB,aAAa,CAAC,IAA4B;IAC5D,IAAI,CAAC,UAAU,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;EACvE,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EACrC,CAAC;EAED,MAAM;IACJ,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,IAAI,IAAI,CAAC,gBAAgB,KAAK,CAAC,EAAE;MAC9D,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC;MACtE,WAAW,GAAG;QACZ,eAAe,EAAE,GAAG,MAAM,GAAoB;OAC/C,CAAC;KACH;IACD,MAAM,eAAe,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE/F,MAAM,gBAAgB,GAAG;MACvB,2BAA2B;MAC3B,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB;KACvE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO;MACL,WAAK,KAAK,EAAE,eAAe;QACzB,WAAK,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IACzE,IAAI,CAAC,QAAQ;UACZ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB;YACG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,CAClD,cAAQ,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,GAAI,CACtE,CAAC;YACF,WACE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC5C,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CACM,CACX,CAAC,CAAC,CAAC,CACF,WACE,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC5C,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CACH,CAAC,CACA;QACL,IAAI,CAAC,OAAO,IAAI,WAAK,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,OAAO,CAAO,CAChE;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG;KACnC,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface ImageSrcSet {\n  src: any;\n  media: string;\n  type: string;\n  sizes: string | null;\n}\n\nimport {Component, ComponentInterface, Prop, h, Watch} from '@stencil/core';\n\n@Component({\n  tag: 'hy-image',\n  styleUrl: 'image.scss',\n  shadow: false,\n})\nexport class Image implements ComponentInterface {\n  @Prop() imageUrl: string = null;\n  @Prop() imageAlt: string = null;\n  @Prop() disableLazy: boolean = false;\n  @Prop() caption: string = null;\n  @Prop() aspectRatioWidth: number = 16;\n  @Prop() aspectRatioHeight: number = 9;\n  private _sourceSet: ImageSrcSet[];\n  @Prop() sourceSet: ImageSrcSet[] | string;\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  render() {\n    let aspectRatio = null;\n    if (this.aspectRatioWidth !== 0 && this.aspectRatioWidth !== 0) {\n      const aspect = (this.aspectRatioHeight / this.aspectRatioWidth) * 100;\n      aspectRatio = {\n        '--aspectRatio': `${aspect}%` as 'aspectRatio',\n      };\n    }\n    const classAttributes = ['hy-image', this.caption ? 'hy-image--with-caption' : null].join(' ');\n\n    const containerClasses = [\n      'hy-image__image-container',\n      aspectRatio !== null ? 'hy-image--with-aspect' : 'hy-image--no-aspect',\n    ].join(' ');\n\n    return [\n      <div class={classAttributes}>\n        <div class={containerClasses} style={aspectRatio !== null ? aspectRatio : ''}>\n          {this.imageUrl &&\n            (this._sourceSet ? (\n              <picture>\n                {this._sourceSet.map(({src, media, type, sizes}) => (\n                  <source srcSet={src} media={media} type={type} sizes={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        {this.caption && <div class=\"hy-image__caption\">{this.caption}</div>}\n      </div>,\n      <hy-box mb=\"1.75, 1.75, 2, 2.5\" />,\n    ];\n  }\n}\n"]}

package/dist/collection/components/ingress/ingress.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Ingress {
   constructor() {
     this.headerstyle = 'common';
@@ -13,36 +13,41 @@ export class Ingress {
   }
   render() {
     const classAttributes = ['hy-ingress', `hy-ingress__${this.headerstyle}`].join(' ');
-    return (h(Host, null,
-      h("p", { class: classAttributes },
-        h("slot", null))));
+    return (h(Host, null, h("p", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-ingress"; }
-  static get originalStyleUrls() { return {
-    "$": ["ingress.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ingress.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'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ingress.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ingress.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'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=ingress.js.map

package/dist/collection/components/ingress/ingress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ingress.js","sourceRoot":"","sources":["../../../src/components/ingress/ingress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOhE,MAAM,OAAO,OAAO;;uBAEY,QAAQ;;EAEtC,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,CAAC,YAAY,EAAE,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpF,OAAO,CACL,EAAC,IAAI;MACH,SAAG,KAAK,EAAE,eAAe;QACvB,eAAa,CACX,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-ingress',\n  styleUrl: 'ingress.scss',\n  shadow: false,\n})\nexport class Ingress {\n  @Element() el: HTMLElement;\n  @Prop() headerstyle: string = 'common';\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-ingress', `hy-ingress__${this.headerstyle}`].join(' ');\n    return (\n      <Host>\n        <p class={classAttributes}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,117 +1,125 @@
-import { Component, Host, Prop, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { LinkVariants } from '../../utils/utils';
 export class Link {
   constructor() {
     this.variant = LinkVariants.default;
     this.linkContent = '';
+    this.url = undefined;
+    this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
     const classAttributes = ['hy-link', this.variant];
     const target = this.isExternal ? '_blank' : '_self';
-    return (h(Host, null,
-      h("a", { "aria-label": this.scLabel, class: classAttributes.join(' '), href: this.url, target: target }, this.linkContent)));
+    return (h(Host, null, h("a", { "aria-label": this.scLabel, class: classAttributes.join(' '), href: this.url, target: target }, this.linkContent)));
   }
   static get is() { return "hy-link"; }
-  static get originalStyleUrls() { return {
-    "$": ["link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["link.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LinkVariants",
-        "resolved": "LinkVariants.default | LinkVariants.paragraph",
-        "references": {
-          "LinkVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "LinkVariants",
+          "resolved": "LinkVariants.default | LinkVariants.paragraph",
+          "references": {
+            "LinkVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "LinkVariants.default"
-    },
-    "linkContent": {
-      "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": "variant",
+        "reflect": false,
+        "defaultValue": "LinkVariants.default"
       },
-      "attribute": "link-content",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "linkContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-content",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
       },
-      "attribute": "url",
-      "reflect": false
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "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": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "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"
-    }
-  }; }
+      "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"
+      }
+    };
+  }
 }
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAO/C,MAAM,OAAO,IAAI;;mBACiB,YAAY,CAAC,OAAO;uBACtB,EAAE;;;sBAGF,KAAK;;EAEnC,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEpD,OAAO,CACL,EAAC,IAAI;MACH,uBAAe,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,IAC1F,IAAI,CAAC,WAAW,CACf,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, h} from '@stencil/core';\nimport {LinkVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-link',\n  styleUrl: 'link.scss',\n  shadow: false,\n})\nexport class Link {\n  @Prop() variant: LinkVariants = LinkVariants.default;\n  @Prop() linkContent: string = '';\n  @Prop() url?: string;\n  @Prop() scLabel?: string;\n  @Prop() isExternal: boolean = false;\n\n  render() {\n    const classAttributes = ['hy-link', this.variant];\n    const target = this.isExternal ? '_blank' : '_self';\n\n    return (\n      <Host>\n        <a aria-label={this.scLabel} class={classAttributes.join(' ')} href={this.url} target={target}>\n          {this.linkContent}\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -63,7 +63,6 @@
 
 .hy-link-box-container {
   background: var(--grayscale-background-box);
-  position: relative;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;