@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/collection/components/hy-badge/hy-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-badge.js","sourceRoot":"","sources":["../../../src/components/hy-badge/hy-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAO3E,MAAM,OAAO,OAAO;;mBAC6C,SAAS;;EAExE,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnD,OAAO,CACL,EAAC,IAAI;MACH,YAAM,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,eAAa,CACR,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Host, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-badge',\n  styleUrl: 'hy-badge.scss',\n  shadow: true\n})\nexport class HyBadge implements ComponentInterface {\n  @Prop() variant: 'primary' | 'warn' | 'success' | 'disabled' = 'primary';\n\n  render() {\n    const classAttributes = ['hy-badge', this.variant];\n    return (\n      <Host>\n        <span class={classAttributes.join(' ')}>\n          <slot></slot>\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-banner/hy-banner.js

@@ -1,8 +1,12 @@
-import { Component, Element, Prop, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { CtaLinkButtonVariants } from '../../utils/utils';
 export class HyBanner {
   constructor() {
+    this.textTitle = undefined;
     this.textDescription = null;
+    this.url = undefined;
+    this.scLabel = undefined;
+    this.urlTitle = undefined;
     this.headerstyle = 'common';
     this.isExternal = false;
   }
@@ -28,147 +32,145 @@ export class HyBanner {
       this.headerstyle,
     ].join(' ');
     const variant = CtaLinkButtonVariants.onBlueBkgd;
-    return (h(Host, null,
-      h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }),
-      h("div", { class: hyBannerClass },
-        h("hy-main-content-wrapper", null,
-          h("div", { class: hyBannerWrapperClass },
-            h("div", { class: hyBannerTitle }, this.textTitle),
-            h("div", { class: hyBannerDescription }, this.textDescription),
-            this.url && (h("div", { class: "hy-banner__info-container__link" },
-              h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant })))))),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("hy-box", { pt: "1.25, 1.25, 1.5, 2.5" }), h("div", { class: hyBannerClass }, h("hy-main-content-wrapper", null, h("div", { class: hyBannerWrapperClass }, h("div", { class: hyBannerTitle }, this.textTitle), h("div", { class: hyBannerDescription }, this.textDescription), this.url && (h("div", { class: "hy-banner__info-container__link" }, h("hy-cta-button", { "link-content": this.urlTitle, "sc-label": this.scLabel, url: this.url, "is-external": this.isExternal, variant: variant })))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-banner"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-banner.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-banner.css"]
-  }; }
-  static get properties() { return {
-    "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"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url",
-      "reflect": false
-    },
-    "scLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sc-label",
-      "reflect": false
-    },
-    "urlTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-banner.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-banner.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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": true,
-      "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": "url-title",
-      "reflect": false
-    },
-    "headerstyle": {
-      "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": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "scLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sc-label",
+        "reflect": false
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "isExternal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "urlTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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": "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"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=hy-banner.js.map

package/dist/collection/components/hy-banner/hy-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-banner.js","sourceRoot":"","sources":["../../../src/components/hy-banner/hy-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAOxD,MAAM,OAAO,QAAQ;;;2BAEe,IAAI;;;;uBAIR,QAAQ;sBACR,KAAK;;EAGnC,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,aAAa,GAAG,CAAC,WAAW,EAAE,cAAc,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAElG,MAAM,oBAAoB,GAAG,CAAC,2BAA2B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG;MACpB,kCAAkC;MAClC,qCAAqC,IAAI,CAAC,WAAW,EAAE;MACvD,IAAI,CAAC,WAAW;KACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,MAAM,mBAAmB,GAAG;MAC1B,wCAAwC;MACxC,2CAA2C,IAAI,CAAC,WAAW,EAAE;MAC7D,IAAI,CAAC,WAAW;KACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,qBAAqB,CAAC,UAAU,CAAC;IAEjD,OAAO,CACL,EAAC,IAAI;MACH,cAAQ,EAAE,EAAC,sBAAsB,GAAG;MACpC,WAAK,KAAK,EAAE,aAAa;QACvB;UACE,WAAK,KAAK,EAAE,oBAAoB;YAC9B,WAAK,KAAK,EAAE,aAAa,IAAG,IAAI,CAAC,SAAS,CAAO;YACjD,WAAK,KAAK,EAAE,mBAAmB,IAAG,IAAI,CAAC,eAAe,CAAO;YAC5D,IAAI,CAAC,GAAG,IAAI,CACX,WAAK,KAAK,EAAC,iCAAiC;cAC1C,qCACgB,IAAI,CAAC,QAAQ,cACjB,IAAI,CAAC,OAAO,EACtB,GAAG,EAAE,IAAI,CAAC,GAAG,iBACA,IAAI,CAAC,UAAU,EAC5B,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CACG,CACkB,CACtB;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Prop, h, Host} from '@stencil/core';\nimport {CtaLinkButtonVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-banner',\n  styleUrl: 'hy-banner.scss',\n  shadow: false,\n})\nexport class HyBanner {\n  @Prop() textTitle?: string;\n  @Prop() textDescription: string = null;\n  @Prop() url?: string;\n  @Prop() scLabel?: string;\n  @Prop() urlTitle?: string;\n  @Prop() headerstyle: string = 'common';\n  @Prop() isExternal: boolean = false;\n  @Element() el: HTMLElement;\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 hyBannerClass = ['hy-banner', `hy-banner__${this.headerstyle}`, this.headerstyle].join(' ');\n\n    const hyBannerWrapperClass = ['hy-banner__info-container'].join(' ');\n    const hyBannerTitle = [\n      'hy-banner__info-container__title',\n      `hy-banner__info-container__title__${this.headerstyle}`,\n      this.headerstyle,\n    ].join(' ');\n    const hyBannerDescription = [\n      'hy-banner__info-container__description',\n      `hy-banner__info-container__description__${this.headerstyle}`,\n      this.headerstyle,\n    ].join(' ');\n\n    const variant = CtaLinkButtonVariants.onBlueBkgd;\n\n    return (\n      <Host>\n        <hy-box pt=\"1.25, 1.25, 1.5, 2.5\" />\n        <div class={hyBannerClass}>\n          <hy-main-content-wrapper>\n            <div class={hyBannerWrapperClass}>\n              <div class={hyBannerTitle}>{this.textTitle}</div>\n              <div class={hyBannerDescription}>{this.textDescription}</div>\n              {this.url && (\n                <div class=\"hy-banner__info-container__link\">\n                  <hy-cta-button\n                    link-content={this.urlTitle}\n                    sc-label={this.scLabel}\n                    url={this.url}\n                    is-external={this.isExternal}\n                    variant={variant}\n                  />\n                </div>\n              )}\n            </div>\n          </hy-main-content-wrapper>\n        </div>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}