@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-content-list-item.js","sourceRoot":"","sources":["../../../../src/components/courses/hy-content-list-item/hy-content-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["export interface TagValue {\n  name: string;\n}\n\nimport {Component, Element, h, Listen, Prop} from '@stencil/core';\nimport {CourseStateVariants, CourseVariants} from '../../../utils/utils';\nimport {jsonParserWorker} from '../../../global/globalScript';\n\nlet keys = {\n  enter: 'Enter',\n};\n\n@Component({\n  tag: 'hy-content-list-item',\n  styleUrl: 'hy-content-list-item.scss',\n  shadow: false,\n})\nexport class HyContentLstItem {\n  @Prop() variant: CourseVariants = CourseVariants.default;\n  @Prop() stateVariant: CourseStateVariants = CourseStateVariants.default;\n  @Prop() courseCode?: string;\n  @Prop() courseName?: string;\n  @Prop() isCancelled?: boolean;\n  @Prop() cancelledLabel: string = 'Cancelled';\n  @Prop() courseCredits?: string;\n  private _courseTags: TagValue[];\n  @Prop() courseTags: TagValue[] | string;\n  @Prop() courseStartDate?: string;\n  @Prop() courseEndDate?: string;\n  @Prop() formattedTimeRange?: string;\n  @Prop() courseStudyFormat?: string;\n  @Prop() courseOrganisation?: string;\n  @Prop() courseEnrollmentLink?: string;\n  @Prop() courseTeachingLanguage?: string;\n  @Prop() courseLinkLabel?: string;\n\n  @Element() el: HTMLElement;\n\n  async componentWillLoad() {\n    this._courseTags = await jsonParserWorker(this.courseTags);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event) {\n    const key = (event as KeyboardEvent).code;\n    if (key == keys.enter) {\n      let card = this.el;\n      window.open(card.dataset.location, '_blank', 'noopener');\n    }\n  }\n\n  render() {\n    const classAttributes = [this.variant, 'hy-content-list-item'].join(' ');\n\n    const target = '_blank';\n    const ariaLabel = 'Link points outside the current website.';\n\n    const classItemName = [\n      'hy-content-list-item--item-name',\n      `hy-content-list-item--item-name--${this.stateVariant}`,\n    ].join(' ');\n    const classItemCancelled = ['cancelled', `cancelled--${this.stateVariant}`].join(' ');\n\n    return [\n      <div class={classAttributes} tabindex=\"0\">\n        <div class={classItemName}>{this.courseName}</div>\n        <div class=\"hy-content-list-item--metadata\">\n          {this.isCancelled && (\n            <div class={classItemCancelled}>\n              <span>{this.cancelledLabel}</span>\n            </div>\n          )}\n          <div class=\"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first\">\n            <span>{this.formattedTimeRange}</span>\n          </div>\n          {this.courseOrganisation\n            ? [\n                <div class=\"hy-content-list-item--metadata--item\">\n                  <span>{this.courseStudyFormat}</span>\n                </div>,\n                <div class=\"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last\">\n                  <span>{this.courseOrganisation}</span>\n                </div>,\n              ]\n            : [\n                <div class=\"hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last\">\n                  <span>{this.courseStudyFormat}</span>\n                </div>,\n              ]}\n        </div>\n        {this._courseTags && this._courseTags.length > 0 && (\n          <div class=\"hy-content-list-item--tags\">\n            {this._courseTags.map((x) => {\n              return <hy-tag>{x.name}</hy-tag>;\n            })}\n          </div>\n        )}\n        {this.isCancelled && (\n          <div class=\"cancelled mobile\">\n            <span>{this.cancelledLabel}</span>\n          </div>\n        )}\n        <div class=\"hy-content-list-item--link\">\n          <a\n            href={this.courseEnrollmentLink}\n            target={target}\n            aria-label={ariaLabel}\n            class=\"hy-content-list-item--link--link\"\n            tabindex=\"-1\"\n          >\n            <span class=\"label\">{this.courseLinkLabel}</span>\n            <span class=\"icon-wrapper\">\n              <div class=\"icon\">\n                <hy-icon icon={'hy-icon-arrow-to-right'} size={40} />\n              </div>\n            </span>\n          </a>\n        </div>\n      </div>,\n    ];\n  }\n}\n"]}

package/dist/collection/components/cta-button/cta-button.js

@@ -1,10 +1,12 @@
-import { Component, Element, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CtaLinkButtonVariants } from '../../utils/utils';
 export class CtaButton {
   constructor() {
     this.variant = CtaLinkButtonVariants.onBlueBkgd;
     this.linkContent = '';
     this.typeButton = false;
+    this.url = undefined;
+    this.scLabel = undefined;
     this.isExternal = false;
     this.headerstyle = 'common';
   }
@@ -14,151 +16,152 @@ export class CtaButton {
     const textClassAttributes = ['text'].join(' ');
     const iconClassAttributes = ['link-icon'].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
-    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target },
-      h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent),
-      h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes },
-      h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent),
-      h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
+    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 48 }))))));
   }
   static get is() { return "hy-cta-button"; }
-  static get originalStyleUrls() { return {
-    "$": ["cta-button.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cta-button.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CtaLinkButtonVariants",
-        "resolved": "CtaLinkButtonVariants.darkBlue | CtaLinkButtonVariants.default | CtaLinkButtonVariants.heroBlack | CtaLinkButtonVariants.heroBlue | CtaLinkButtonVariants.heroWhite | CtaLinkButtonVariants.onBlackBkgd | CtaLinkButtonVariants.onBlueBkgd | CtaLinkButtonVariants.onTransparentBkgd | CtaLinkButtonVariants.onWhiteBkgd",
-        "references": {
-          "CtaLinkButtonVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["cta-button.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cta-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CtaLinkButtonVariants",
+          "resolved": "CtaLinkButtonVariants.darkBlue | CtaLinkButtonVariants.default | CtaLinkButtonVariants.heroBlack | CtaLinkButtonVariants.heroBlue | CtaLinkButtonVariants.heroWhite | CtaLinkButtonVariants.onBlackBkgd | CtaLinkButtonVariants.onBlueBkgd | CtaLinkButtonVariants.onTransparentBkgd | CtaLinkButtonVariants.onWhiteBkgd",
+          "references": {
+            "CtaLinkButtonVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "CtaLinkButtonVariants.onBlueBkgd"
-    },
-    "linkContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "link-content",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "typeButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "CtaLinkButtonVariants.onBlueBkgd"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "linkContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-content",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "type-button",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "typeButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type-button",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "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": ""
+      "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": "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"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    }
-  }; }
+      "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=cta-button.js.map

package/dist/collection/components/cta-button/cta-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta-button.js","sourceRoot":"","sources":["../../../src/components/cta-button/cta-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAOxD,MAAM,OAAO,SAAS;;mBACqB,qBAAqB,CAAC,UAAU;uBAC3C,EAAE;sBACF,KAAK;;;sBAGL,KAAK;uBACL,QAAQ;;EAGtC,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpF,MAAM,wBAAwB,GAAG,CAAC,yBAAyB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvE,MAAM,mBAAmB,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,mBAAmB,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEpD,OAAO,CACL,YAAM,KAAK,EAAE,wBAAwB,IAClC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAClB,uBAAe,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM;MACjF,YAAM,KAAK,EAAE,mBAAmB,IAAG,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAQ;MACtG,YAAM,KAAK,EAAE,mBAAmB;QAC9B,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACL,CACL,CAAC,CAAC,CAAC,CACF,4BAAoB,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe;MACtD,YAAM,KAAK,EAAE,mBAAmB,IAAG,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAQ;MACtG,YAAM,KAAK,EAAE,mBAAmB;QAC9B,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI,CAC7C,CACA,CACV,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Element, Prop, h} from '@stencil/core';\nimport {CtaLinkButtonVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-cta-button',\n  styleUrl: 'cta-button.scss',\n  shadow: false,\n})\nexport class CtaButton implements ComponentInterface {\n  @Prop() variant: CtaLinkButtonVariants = CtaLinkButtonVariants.onBlueBkgd;\n  @Prop() linkContent: string = '';\n  @Prop() typeButton: boolean = false;\n  @Prop() url?: string;\n  @Prop() scLabel?: string;\n  @Prop() isExternal: boolean = false;\n  @Prop() headerstyle: string = 'common';\n  @Element() el: HTMLElement;\n\n  render() {\n    const classAttributes = ['hy-cta-button', this.variant, this.headerstyle].join(' ');\n\n    const containerClassAttributes = ['hy-cta-button-container'].join(' ');\n\n    const textClassAttributes = ['text'].join(' ');\n    const iconClassAttributes = ['link-icon'].join(' ');\n\n    const target = this.isExternal ? '_blank' : '_self';\n\n    return (\n      <span class={containerClassAttributes}>\n        {!this.typeButton ? (\n          <a aria-label={this.scLabel} class={classAttributes} href={this.url} target={target}>\n            <span class={textClassAttributes}>{this.linkContent.length === 0 ? <slot /> : this.linkContent}</span>\n            <span class={iconClassAttributes}>\n              <hy-icon icon={'hy-icon-arrow-right'} size={48} />\n            </span>\n          </a>\n        ) : (\n          <button aria-label={this.scLabel} class={classAttributes}>\n            <span class={textClassAttributes}>{this.linkContent.length === 0 ? <slot /> : this.linkContent}</span>\n            <span class={iconClassAttributes}>\n              <hy-icon icon={'hy-icon-arrow-right'} size={48} />\n            </span>\n          </button>\n        )}\n      </span>\n    );\n  }\n}\n"]}

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

@@ -1,122 +1,126 @@
-import { Component, Prop, h, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 import { CtaLinkVariants } from '../../utils/utils';
 export class CtaLink {
   constructor() {
     this.variant = CtaLinkVariants.default;
     this.linkContent = '';
+    this.url = undefined;
+    this.scLabel = undefined;
     this.isExternal = false;
   }
   render() {
     const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');
     const target = this.isExternal ? '_blank' : '_self';
-    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` },
-      this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))),
-      h("span", null, this.linkContent),
-      this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes },
-        h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
+    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: 'hy-icon-arrow-to-right', size: 24 })))));
   }
   static get is() { return "hy-cta-link"; }
-  static get originalStyleUrls() { return {
-    "$": ["cta-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cta-link.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CtaLinkVariants",
-        "resolved": "CtaLinkVariants.default | CtaLinkVariants.linkList",
-        "references": {
-          "CtaLinkVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["cta-link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cta-link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CtaLinkVariants",
+          "resolved": "CtaLinkVariants.default | CtaLinkVariants.linkList",
+          "references": {
+            "CtaLinkVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "CtaLinkVariants.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": "CtaLinkVariants.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"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=cta-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-link.js","sourceRoot":"","sources":["../../../src/components/cta-link/cta-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAOlD,MAAM,OAAO,OAAO;;mBAEiB,eAAe,CAAC,OAAO;uBAC5B,EAAE;;;sBAGF,KAAK;;EAEnC,MAAM;IACJ,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,UAAU,IAAI,6BAA6B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9G,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEpD,OAAO,CACL,uBAAe,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,IAAI,CAAC,OAAO,EAAE;MAC3G,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,QAAQ,IAAI,CAC3C,YAAM,KAAK,EAAE,mBAAmB;QAC9B,eAAS,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,GAAI,CAChD,CACR;MACD,gBAAO,IAAI,CAAC,WAAW,CAAQ;MAC9B,IAAI,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,IAAI,CAC1C,YAAM,KAAK,EAAE,mBAAmB;QAC9B,eAAS,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,GAAI,CAChD,CACR,CACC,CACL,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Prop, h, Element} from '@stencil/core';\nimport {CtaLinkVariants} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-cta-link',\n  styleUrl: 'cta-link.scss',\n  shadow: false,\n})\nexport class CtaLink implements ComponentInterface {\n  @Element() el: HTMLElement;\n  @Prop() variant: CtaLinkVariants = CtaLinkVariants.default;\n  @Prop() linkContent: string = '';\n  @Prop() url?: string;\n  @Prop() scLabel?: string;\n  @Prop() isExternal: boolean = false;\n\n  render() {\n    const iconClassAttributes = ['hy-cta-link__icon', this.isExternal && 'hy-cta-link__icon--external'].join(' ');\n    const target = this.isExternal ? '_blank' : '_self';\n\n    return (\n      <a aria-label={this.scLabel} href={this.url} target={target} class={`hy-cta-link hy-cta-link--${this.variant}`}>\n        {this.variant == CtaLinkVariants.linkList && (\n          <span class={iconClassAttributes}>\n            <hy-icon icon={'hy-icon-arrow-to-right'} size={24} />\n          </span>\n        )}\n        <span>{this.linkContent}</span>\n        {this.variant == CtaLinkVariants.default && (\n          <span class={iconClassAttributes}>\n            <hy-icon icon={'hy-icon-arrow-to-right'} size={24} />\n          </span>\n        )}\n      </a>\n    );\n  }\n}\n"]}

package/dist/collection/components/docs-container/docs-container.js

@@ -1,14 +1,18 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 export class DocsContainer {
   render() {
-    return (h("div", { class: "hy-docs-container" },
-      h("slot", null)));
+    return (h("div", { class: "hy-docs-container" }, h("slot", null)));
   }
   static get is() { return "hy-docs-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["docs-container.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["docs-container.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["docs-container.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["docs-container.css"]
+    };
+  }
 }
+//# sourceMappingURL=docs-container.js.map

package/dist/collection/components/docs-container/docs-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-container.js","sourceRoot":"","sources":["../../../src/components/docs-container/docs-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,aAAa;EACxB,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;MAC5B,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;CACF","sourcesContent":["import { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-docs-container\",\n  styleUrl: \"docs-container.css\",\n  shadow: false\n})\nexport class DocsContainer {\n  render() {\n    return (\n      <div class=\"hy-docs-container\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,15 +1,19 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyFooter {
   render() {
     const classAttributes = ['hy-footer'];
-    return (h("footer", { class: classAttributes.join(' ') },
-      h("slot", null)));
+    return (h("footer", { class: classAttributes.join(' ') }, h("slot", null)));
   }
   static get is() { return "hy-footer"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-footer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-footer.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-footer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-footer.css"]
+    };
+  }
 }
+//# sourceMappingURL=hy-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hy-footer.js","sourceRoot":"","sources":["../../../../src/components/footer/hy-footer/hy-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAO3C,MAAM,OAAO,QAAQ;EACnB,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,CACL,cAAQ,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;MACtC,eAAa,CACN,CACV,CAAC;EACJ,CAAC;;;;;;;;CACF","sourcesContent":["import {Component, h} from '@stencil/core';\n\n@Component({\n  tag: 'hy-footer',\n  styleUrl: 'hy-footer.scss',\n  shadow: false,\n})\nexport class HyFooter {\n  render() {\n    const classAttributes = ['hy-footer'];\n    return (\n      <footer class={classAttributes.join(' ')}>\n        <slot></slot>\n      </footer>\n    );\n  }\n}\n"]}