@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

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

@@ -0,0 +1,374 @@
+import { h } from "@stencil/core";
+import { CourseStateVariants, CourseVariants } from "../../../utils/utils";
+import { jsonParserWorker } from "../../../global/globalScript";
+let keys = {
+  enter: "Enter",
+};
+export class HyContentLstItem {
+  constructor() {
+    this.variant = CourseVariants.default;
+    this.stateVariant = CourseStateVariants.default;
+    this.courseCode = undefined;
+    this.courseName = undefined;
+    this.isCancelled = undefined;
+    this.cancelledLabel = "Cancelled";
+    this.courseCredits = undefined;
+    this.courseTags = undefined;
+    this.courseStartDate = undefined;
+    this.courseEndDate = undefined;
+    this.formattedTimeRange = undefined;
+    this.courseStudyFormat = undefined;
+    this.courseOrganisation = undefined;
+    this.courseEnrollmentLink = undefined;
+    this.courseTeachingLanguage = undefined;
+    this.courseLinkLabel = undefined;
+  }
+  async componentWillLoad() {
+    this._courseTags = await jsonParserWorker(this.courseTags);
+  }
+  handleKeyDown(event) {
+    const key = event.code;
+    if (key == keys.enter) {
+      let card = this.el;
+      window.open(card.dataset.location, "_blank", "noopener");
+    }
+  }
+  render() {
+    const classAttributes = [this.variant, "hy-content-list-item"].join(" ");
+    const target = "_blank";
+    const ariaLabel = "Link points outside the current website.";
+    const classItemName = [
+      "hy-content-list-item--item-name",
+      `hy-content-list-item--item-name--${this.stateVariant}`,
+    ].join(" ");
+    const classItemCancelled = ["cancelled", `cancelled--${this.stateVariant}`].join(" ");
+    return [
+      h("div", { class: classAttributes, tabindex: "0" }, h("div", { class: classItemName }, this.courseName), h("div", { class: "hy-content-list-item--metadata" }, this.isCancelled && (h("div", { class: classItemCancelled }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--first" }, h("span", null, this.formattedTimeRange)), this.courseOrganisation
+        ? [
+          h("div", { class: "hy-content-list-item--metadata--item" }, h("span", null, this.courseStudyFormat)),
+          h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseOrganisation)),
+        ]
+        : [
+          h("div", { class: "hy-content-list-item--metadata--item hy-content-list-item--metadata--item--last" }, h("span", null, this.courseStudyFormat)),
+        ]), this._courseTags && this._courseTags.length > 0 && (h("div", { class: "hy-content-list-item--tags" }, this._courseTags.map((x) => {
+        return h("hy-tag", null, x.name);
+      }))), this.isCancelled && (h("div", { class: "cancelled mobile" }, h("span", null, this.cancelledLabel))), h("div", { class: "hy-content-list-item--link" }, h("a", { href: this.courseEnrollmentLink, target: target, "aria-label": ariaLabel, class: "hy-content-list-item--link--link", tabindex: "-1" }, h("span", { class: "label" }, this.courseLinkLabel), h("span", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 40 })))))),
+    ];
+  }
+  static get is() { return "hy-content-list-item"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-content-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-content-list-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CourseVariants",
+          "resolved": "CourseVariants.default | CourseVariants.grid",
+          "references": {
+            "CourseVariants": {
+              "location": "import",
+              "path": "../../../utils/utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "CourseVariants.default"
+      },
+      "stateVariant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CourseStateVariants",
+          "resolved": "CourseStateVariants.default | CourseStateVariants.pastCourses",
+          "references": {
+            "CourseStateVariants": {
+              "location": "import",
+              "path": "../../../utils/utils"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "state-variant",
+        "reflect": false,
+        "defaultValue": "CourseStateVariants.default"
+      },
+      "courseCode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-code",
+        "reflect": false
+      },
+      "courseName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-name",
+        "reflect": false
+      },
+      "isCancelled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-cancelled",
+        "reflect": false
+      },
+      "cancelledLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "cancelled-label",
+        "reflect": false,
+        "defaultValue": "\"Cancelled\""
+      },
+      "courseCredits": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-credits",
+        "reflect": false
+      },
+      "courseTags": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TagValue[] | string",
+          "resolved": "TagValue[] | string",
+          "references": {
+            "TagValue": {
+              "location": "local",
+              "path": "/Users/tuukkaturu/hy/hy-ds/design-system-lib/core/src/components/hy-content-lists/hy-content-list-item/hy-content-list-item.tsx"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-tags",
+        "reflect": false
+      },
+      "courseStartDate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-start-date",
+        "reflect": false
+      },
+      "courseEndDate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-end-date",
+        "reflect": false
+      },
+      "formattedTimeRange": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "formatted-time-range",
+        "reflect": false
+      },
+      "courseStudyFormat": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-study-format",
+        "reflect": false
+      },
+      "courseOrganisation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-organisation",
+        "reflect": false
+      },
+      "courseEnrollmentLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-enrollment-link",
+        "reflect": false
+      },
+      "courseTeachingLanguage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-teaching-language",
+        "reflect": false
+      },
+      "courseLinkLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "course-link-label",
+        "reflect": false
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=hy-content-list-item.js.map

package/dist/collection/components/hy-content-lists/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/hy-content-lists/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/hy-cta-button/cta-button.e2e.js

@@ -0,0 +1,15 @@
+import { newE2EPage } from "@stencil/core/testing";
+//import {AxePuppeteer} from 'axe-puppeteer';
+//import {Page} from 'puppeteer';
+describe("hy-cta-button", () => {
+  it("cta button passes axe a11y tests", async () => {
+    const page = await newE2EPage();
+    await page.setContent("<hy-cta-button href='#'>Hello</hy-cta-button>");
+    /*
+    const results = await new AxePuppeteer((page as any) as Page).include('hy-cta-button').analyze();
+    expect(results.violations).toHaveLength(0);
+    */
+    await page.close();
+  });
+});
+//# sourceMappingURL=cta-button.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-button.e2e.js","sourceRoot":"","sources":["../../../src/components/hy-cta-button/cta-button.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,6CAA6C;AAC7C,iCAAiC;AAEjC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;IAChD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+CAA+C,CAAC,CAAC;IAEvE;;;MAGE;IACF,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;EACrB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n//import {AxePuppeteer} from 'axe-puppeteer';\n//import {Page} from 'puppeteer';\n\ndescribe(\"hy-cta-button\", () => {\n  it(\"cta button passes axe a11y tests\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<hy-cta-button href='#'>Hello</hy-cta-button>\");\n\n    /*\n    const results = await new AxePuppeteer((page as any) as Page).include('hy-cta-button').analyze();\n    expect(results.violations).toHaveLength(0);\n    */\n    await page.close();\n  });\n});\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-button.js","sourceRoot":"","sources":["../../../src/components/hy-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/hy-cta-button/cta-button.spec.js

@@ -0,0 +1,7 @@
+import { CtaButton } from "./cta-button";
+describe("hy-cta-button", () => {
+  it("builds", () => {
+    expect(new CtaButton()).toBeTruthy();
+  });
+});
+//# sourceMappingURL=cta-button.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-button.spec.js","sourceRoot":"","sources":["../../../src/components/hy-cta-button/cta-button.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;EAC7B,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;IAChB,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;EACvC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {CtaButton} from \"./cta-button\";\n\ndescribe(\"hy-cta-button\", () => {\n  it(\"builds\", () => {\n    expect(new CtaButton()).toBeTruthy();\n  });\n});\n"]}

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

@@ -0,0 +1,15 @@
+import { newE2EPage } from "@stencil/core/testing";
+//import {AxePuppeteer} from 'axe-puppeteer';
+//import {Page} from 'puppeteer';
+describe("hy-cta-link", () => {
+  it("cta link passes axe a11y tests", async () => {
+    const page = await newE2EPage();
+    await page.setContent("<hy-cta-link href='#'>Hello</hy-cta-link>");
+    /*
+    const results = await new AxePuppeteer((page as any) as Page).include('hy-cta-link').analyze();
+    expect(results.violations).toHaveLength(0);
+    */
+    await page.close();
+  });
+});
+//# sourceMappingURL=cta-link.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-link.e2e.js","sourceRoot":"","sources":["../../../src/components/hy-cta-link/cta-link.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,6CAA6C;AAC7C,iCAAiC;AAEjC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2CAA2C,CAAC,CAAC;IAEnE;;;MAGE;IACF,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;EACrB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n//import {AxePuppeteer} from 'axe-puppeteer';\n//import {Page} from 'puppeteer';\n\ndescribe(\"hy-cta-link\", () => {\n  it(\"cta link passes axe a11y tests\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<hy-cta-link href='#'>Hello</hy-cta-link>\");\n\n    /*\n    const results = await new AxePuppeteer((page as any) as Page).include('hy-cta-link').analyze();\n    expect(results.violations).toHaveLength(0);\n    */\n    await page.close();\n  });\n});\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-link.js","sourceRoot":"","sources":["../../../src/components/hy-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/hy-cta-link/cta-link.spec.js

@@ -0,0 +1,7 @@
+import { CtaLink } from "./cta-link";
+describe("hy-cta-link", () => {
+  it("builds", () => {
+    expect(new CtaLink()).toBeTruthy();
+  });
+});
+//# sourceMappingURL=cta-link.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-link.spec.js","sourceRoot":"","sources":["../../../src/components/hy-cta-link/cta-link.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAEnC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC3B,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;IAChB,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;EACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {CtaLink} from \"./cta-link\";\n\ndescribe(\"hy-cta-link\", () => {\n  it(\"builds\", () => {\n    expect(new CtaLink()).toBeTruthy();\n  });\n});\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/hy-heading/heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {HeadingSectionVariants, HeadingVarians} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-heading\",\n  styleUrls: {default: \"heading.scss\", wide: \"heading-fw.scss\"},\n  scoped: false,\n  shadow: false,\n})\nexport class Heading {\n  /**\n   * @type {*}\n   */\n  @Prop() heading: HeadingVarians = HeadingVarians.default as any;\n  @Prop() isSearch: boolean = false;\n  /**\n   * @type {*}\n   */\n  @Prop() section: HeadingSectionVariants = HeadingSectionVariants.default as any;\n  @Prop() negative: boolean = false;\n  @Prop() headerstyle: string = \"common\";\n  @Prop({reflect: true}) hyphenatedText?: string;\n  @Element() el: HTMLElement;\n  @State() hasChildren: boolean = true;\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    if (this.el.parentElement.classList.contains(\"hy-hero__title-container\")) {\n      this.hasChildren = false;\n    }\n  }\n\n  render() {\n    const headingInVariants = this.heading in HeadingVarians;\n    const classAttributes = [\n      \"hy-heading\",\n      this.negative ? \"negative\" : \"\",\n      this.isSearch ? \"hy-heading__search\" : \"\",\n      this.isSearch ? `hy-heading__search__${this.headerstyle}` : \"\",\n      `hy-heading__${this.section}`,\n      `hy-heading__${this.headerstyle}`,\n      `hy-heading__${this.section}__${this.headerstyle}`,\n    ];\n\n    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(\" \");\n\n    const containerSectionClass = [\n      \"hy-heading__container\",\n      `hy-heading__container__${this.section}`,\n      `hy-heading__container__${this.headerstyle}`,\n    ].join(\" \");\n\n    return (\n      <Host>\n        {headingInVariants ? (\n          [\n            <div class={containerSectionClass}>\n              {this.hyphenatedText && !this.hasChildren ? (\n                <this.heading class={classAttributes.join(\" \")} innerHTML={this.hyphenatedText}></this.heading>\n              ) : (\n                <this.heading class={classAttributes.join(\" \")}>\n                  <slot />\n                </this.heading>\n              )}\n\n              <span class={sectionClassAttributes}></span>\n            </div>,\n          ]\n        ) : (\n          <div class={containerSectionClass}>\n            {this.hyphenatedText && !this.hasChildren ? (\n              <HeadingVarians.default class={classAttributes.join(\" \")}>\n                <span innerHTML={this.hyphenatedText}></span>\n              </HeadingVarians.default>\n            ) : (\n              <HeadingVarians.default class={classAttributes.join(\" \")}>\n                <span>\n                  <slot />\n                </span>\n              </HeadingVarians.default>\n            )}\n\n            <span class={sectionClassAttributes}></span>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-heading/heading.spec.js

@@ -0,0 +1,7 @@
+import { Heading } from "./heading";
+describe("hy-heading", () => {
+  it("builds", () => {
+    expect(new Heading()).toBeTruthy();
+  });
+});
+//# sourceMappingURL=heading.spec.js.map

package/dist/collection/components/hy-heading/heading.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.spec.js","sourceRoot":"","sources":["../../../src/components/hy-heading/heading.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;IAChB,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;EACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {Heading} from \"./heading\";\n\ndescribe(\"hy-heading\", () => {\n  it(\"builds\", () => {\n    expect(new Heading()).toBeTruthy();\n  });\n});\n"]}

package/dist/collection/components/hy-hero/hy-hero.css

@@ -213,7 +213,6 @@
 }
 
 h2.hy-hero__title {
-  -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   display: -webkit-box;

package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css

@@ -1172,7 +1172,6 @@ swiper-container .swiper-notification {
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   letter-spacing: -0.36px;

package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js

@@ -26,6 +26,9 @@ export class HyHeroCarousel {
       direction: "horizontal",
       loop: false,
       spaceBetween: 50,
+      virtual: {
+        enabled: true,
+      },
       navigation: {
         nextEl: ".swiper-button-next",
         prevEl: ".swiper-button-prev",

package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"hy-hero-carousel.js","sourceRoot":"","sources":["../../../src/components/hy-hero-carousel/hy-hero-carousel.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\nexport interface CarouselItem {\n  title: string;\n  desc: string;\n  theme_text: string;\n  image_alt: string;\n  image_fallback: string;\n  image_sources: ImageSrcSet[] | string;\n  uri?: string;\n  uri_title: string;\n}\n\nimport {Component, h, Prop} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\nimport Swiper, {Navigation, Pagination, A11y, EffectFade} from \"swiper\";\nimport {CtaLinkButtonVariants} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-hero-carousel\",\n  styleUrl: \"./hy-hero-carousel.scss\",\n  shadow: false,\n})\nexport class HyHeroCarousel {\n  @Prop() itemCount: number;\n  @Prop() ariaLabelNext: string = \"Next slide\";\n  @Prop() ariaLabelPrev: string = \"Previous slide\";\n  @Prop() ariaLabelFirstSlide: string = \"This is the first slide\";\n  @Prop() ariaLabelLastSlide: string = \"This is the first slide\";\n  @Prop() ariaLabelBulletMessage: string = \"Go to slide\";\n\n  @Prop() data: CarouselItem[] | string;\n  private _data: CarouselItem[];\n\n  async componentWillLoad() {\n    this._data = await jsonParserWorker(this.data);\n  }\n\n  componentDidLoad() {\n    new Swiper(\".swiper\", {\n      modules: [Navigation, Pagination, A11y, EffectFade],\n      enabled: true,\n      effect: 'fade',\n      fadeEffect: {\n        crossFade: true\n      },\n      direction: \"horizontal\",\n      loop: false,\n      spaceBetween: 50,\n      navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n      },\n      pagination: {\n        el: \".swiper-pagination\",\n        bulletClass: \"hero-carousel--pagination__bullet\",\n        bulletActiveClass: \"hero-carousel--pagination__bullet--active\",\n        clickable: true,\n        renderBullet: function (index, className) {\n          return `<span aria-label=\"${this.ariaLabelBulletMessage} ${index}\" data-index=\"${index}\" class=\"${className}\"></span>`;\n        },\n      },\n      a11y: {\n        enabled: true,\n        firstSlideMessage: this.ariaLabelFirstSlide,\n        lastSlideMessage: this.ariaLabelLastSlide,\n        nextSlideMessage: this.ariaLabelNext,\n        prevSlideMessage: this.ariaLabelPrev,\n        paginationBulletMessage: `${this.ariaLabelBulletMessage} {{index}}`,\n      },\n    });\n  }\n\n  handleSlideChangeFromButtons(index) {\n    const swiperEl = document.querySelector(\".swiper\") as any;\n    swiperEl.swiper.slideTo(index, 300, false);\n  }\n\n  render() {\n    const carouselContentClasses = [\"hero-carousel--item__content\", this.itemCount > 1 ? \"has-pagination\" : \"\"].join(\n      \" \"\n    );\n    return (\n      <div class=\"hero-carousel-container\">\n        <div class=\"swiper\">\n          <div class=\"swiper-wrapper\">\n            {this._data[\"items\"] &&\n              this._data[\"items\"].map((i, index) => {\n                const currentIndex = index;\n                const srcSet = JSON.parse(i.image_sources);\n                return (\n                  <div class=\"swiper-slide\" data-title={i.title} data-desc={i.desc}>\n                    <div class=\"hero-carousel--item\">\n                      <div class={carouselContentClasses}>\n                        <h2 class=\"hero-carousel--item__title\" innerHTML={i.title}></h2>\n                        <div class=\"hero-carousel--item__desc\">{i.desc}</div>\n                        {i.uri && (\n                          <hy-cta-button\n                            link-content={i.uri_title}\n                            sc-label={i.uri_title}\n                            url={i.uri}\n                            is-external=\"false\"\n                            variant={CtaLinkButtonVariants.heroBlue}\n                          />\n                        )}\n                        {this.itemCount > 1 ? (\n                          <div class=\"hero-carousel--item__pagination\">\n                            <ul>\n                              {this._data[\"items\"].map((i, index) => {\n                                const paginationButtonClasses = [\n                                  \"hero-carousel--item__pagination__button\",\n                                  index === currentIndex ? \"is-current\" : \"\",\n                                ].join(\" \");\n                                return (\n                                  <li class={paginationButtonClasses}>\n                                    <button\n                                      aria-label={`${this.ariaLabelBulletMessage} ${index}`}\n                                      onClick={() => this.handleSlideChangeFromButtons(index)}\n                                      data-index={index}\n                                      aria-current={index === currentIndex ? \"true\" : \"false\"}\n                                    >\n                                      {i.theme_text && \n                                        <span class=\"hero-carousel--item__pagination__button__theme\">{i.theme_text}</span>\n                                      }\n                                      <span innerHTML={i.title}></span>\n                                    </button>\n                                  </li>\n                                );\n                              })}\n                            </ul>\n                          </div>\n                        ) : null}\n                      </div>\n                      <div class=\"hero-carousel--item__image\">\n                        {srcSet.length > 0 ? (\n                          <picture>\n                            {srcSet.map((item: ImageSrcSet) => (\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                              aria-hidden=\"true\"\n                              loading={currentIndex === 0 ? 'eager' : 'lazy'}\n                              alt={i.image_alt}\n                              class={`hy-image__image`}\n                              src={i.image_fallback}\n                            />\n                          </picture>\n                        ) : (\n                          <img\n                            aria-hidden=\"true\"\n                            loading={currentIndex === 0 ? 'eager' : 'lazy'}\n                            alt={i.image_alt}\n                            class={`hy-image__image`}\n                            src={i.image_fallback}\n                          />\n                        )}\n                        { currentIndex !== 0 &&\n                          <div class=\"swiper-lazy-preloader\"></div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n          </div>\n          {this.itemCount > 1 ? (\n            <div class=\"hero-carousel--controls\">\n              <div class=\"swiper-pagination hero-carousel--pagination--mobile\"></div>\n              <div class=\"hero-carousel--controls__buttons\">\n                <div class=\"swiper-button-prev\">\n                  <hy-icon class=\"arrow\" icon=\"hy-icon-arrow-left\"></hy-icon>\n                  <hy-icon class=\"caret\" icon=\"hy-icon-caret-left\"></hy-icon>\n                </div>\n                <div class=\"swiper-button-next\">\n                  <hy-icon class=\"arrow\" icon=\"hy-icon-arrow-right\"></hy-icon>\n                  <hy-icon class=\"caret\" icon=\"hy-icon-caret-right\"></hy-icon>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"hy-hero-carousel.js","sourceRoot":"","sources":["../../../src/components/hy-hero-carousel/hy-hero-carousel.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAC3D,OAAO,MAAM,EAAE,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,QAAQ,CAAC;AACxE,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAOxD,MAAM,OAAO,cAAc;;;yBAEO,YAAY;yBACZ,gBAAgB;+BACV,yBAAyB;8BAC1B,yBAAyB;kCACrB,aAAa;;;EAKtD,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,KAAK,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACjD,CAAC;EAED,gBAAgB;IACd,IAAI,MAAM,CAAC,SAAS,EAAE;MACpB,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,CAAC;MACnD,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,MAAM;MACd,UAAU,EAAE;QACV,SAAS,EAAE,IAAI;OAChB;MACD,SAAS,EAAE,YAAY;MACvB,IAAI,EAAE,KAAK;MACX,YAAY,EAAE,EAAE;MAChB,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;OACd;MACD,UAAU,EAAE;QACV,MAAM,EAAE,qBAAqB;QAC7B,MAAM,EAAE,qBAAqB;OAC9B;MACD,UAAU,EAAE;QACV,EAAE,EAAE,oBAAoB;QACxB,WAAW,EAAE,mCAAmC;QAChD,iBAAiB,EAAE,2CAA2C;QAC9D,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,UAAU,KAAK,EAAE,SAAS;UACtC,OAAO,qBAAqB,IAAI,CAAC,sBAAsB,IAAI,KAAK,iBAAiB,KAAK,YAAY,SAAS,WAAW,CAAC;QACzH,CAAC;OACF;MACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,iBAAiB,EAAE,IAAI,CAAC,mBAAmB;QAC3C,gBAAgB,EAAE,IAAI,CAAC,kBAAkB;QACzC,gBAAgB,EAAE,IAAI,CAAC,aAAa;QACpC,gBAAgB,EAAE,IAAI,CAAC,aAAa;QACpC,uBAAuB,EAAE,GAAG,IAAI,CAAC,sBAAsB,YAAY;OACpE;KACF,CAAC,CAAC;EACL,CAAC;EAED,4BAA4B,CAAC,KAAK;IAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAQ,CAAC;IAC1D,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;EAC7C,CAAC;EAED,MAAM;IACJ,MAAM,sBAAsB,GAAG,CAAC,8BAA8B,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAC9G,GAAG,CACJ,CAAC;IACF,OAAO,CACL,WAAK,KAAK,EAAC,yBAAyB;MAClC,WAAK,KAAK,EAAC,QAAQ;QACjB,WAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;UAClB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,YAAY,GAAG,KAAK,CAAC;YAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAC3C,OAAO,CACL,WAAK,KAAK,EAAC,cAAc,gBAAa,CAAC,CAAC,KAAK,eAAa,CAAC,CAAC,IAAI;cAC9D,WAAK,KAAK,EAAC,qBAAqB;gBAC9B,WAAK,KAAK,EAAE,sBAAsB;kBAChC,UAAI,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,CAAC,CAAC,KAAK,GAAO;kBAChE,WAAK,KAAK,EAAC,2BAA2B,IAAE,CAAC,CAAC,IAAI,CAAO;kBACpD,CAAC,CAAC,GAAG,IAAI,CACR,qCACgB,CAAC,CAAC,SAAS,cACf,CAAC,CAAC,SAAS,EACrB,GAAG,EAAE,CAAC,CAAC,GAAG,iBACE,OAAO,EACnB,OAAO,EAAE,qBAAqB,CAAC,QAAQ,GACvC,CACH;kBACA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,WAAK,KAAK,EAAC,iCAAiC;oBAC1C,cACG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;sBACpC,MAAM,uBAAuB,GAAG;wBAC9B,yCAAyC;wBACzC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;uBAC3C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;sBACZ,OAAO,CACL,UAAI,KAAK,EAAE,uBAAuB;wBAChC,4BACc,GAAG,IAAI,CAAC,sBAAsB,IAAI,KAAK,EAAE,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,gBAC3C,KAAK,kBACH,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BAEtD,CAAC,CAAC,UAAU;4BACX,YAAM,KAAK,EAAC,gDAAgD,IAAE,CAAC,CAAC,UAAU,CAAQ;0BAEpF,YAAM,SAAS,EAAE,CAAC,CAAC,KAAK,GAAS,CAC1B,CACN,CACN,CAAC;oBACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ;gBACN,WAAK,KAAK,EAAC,4BAA4B;kBACpC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB;oBACG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAiB,EAAE,EAAE,CAAC,CACjC,cACE,MAAM,EAAE,IAAI,CAAC,GAAG,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GACnC,CACH,CAAC;oBACF,0BACc,MAAM,EAClB,OAAO,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC9C,GAAG,EAAE,CAAC,CAAC,SAAS,EAChB,KAAK,EAAE,iBAAiB,EACxB,GAAG,EAAE,CAAC,CAAC,cAAc,GACrB,CACM,CACX,CAAC,CAAC,CAAC,CACF,0BACc,MAAM,EAClB,OAAO,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC9C,GAAG,EAAE,CAAC,CAAC,SAAS,EAChB,KAAK,EAAE,iBAAiB,EACxB,GAAG,EAAE,CAAC,CAAC,cAAc,GACrB,CACH;kBACC,YAAY,KAAK,CAAC;oBAClB,WAAK,KAAK,EAAC,uBAAuB,GAAO,CAEvC,CACF,CACF,CACP,CAAC;UACJ,CAAC,CAAC,CACA;QACL,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,WAAK,KAAK,EAAC,yBAAyB;UAClC,WAAK,KAAK,EAAC,qDAAqD,GAAO;UACvE,WAAK,KAAK,EAAC,kCAAkC;YAC3C,WAAK,KAAK,EAAC,oBAAoB;cAC7B,eAAS,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,GAAW;cAC3D,eAAS,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,GAAW,CACvD;YACN,WAAK,KAAK,EAAC,oBAAoB;cAC7B,eAAS,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,qBAAqB,GAAW;cAC5D,eAAS,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,qBAAqB,GAAW,CACxD,CACF,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["export interface ImageSrcSet {\n  src: any;\n  media: string;\n  type: string;\n  sizes: string | null;\n}\n\nexport interface CarouselItem {\n  title: string;\n  desc: string;\n  theme_text: string;\n  image_alt: string;\n  image_fallback: string;\n  image_sources: ImageSrcSet[] | string;\n  uri?: string;\n  uri_title: string;\n}\n\nimport {Component, h, Prop} from \"@stencil/core\";\nimport {jsonParserWorker} from \"../../global/globalScript\";\nimport Swiper, {Navigation, Pagination, A11y, EffectFade} from \"swiper\";\nimport {CtaLinkButtonVariants} from \"../../utils/utils\";\n\n@Component({\n  tag: \"hy-hero-carousel\",\n  styleUrl: \"./hy-hero-carousel.scss\",\n  shadow: false,\n})\nexport class HyHeroCarousel {\n  @Prop() itemCount: number;\n  @Prop() ariaLabelNext: string = \"Next slide\";\n  @Prop() ariaLabelPrev: string = \"Previous slide\";\n  @Prop() ariaLabelFirstSlide: string = \"This is the first slide\";\n  @Prop() ariaLabelLastSlide: string = \"This is the first slide\";\n  @Prop() ariaLabelBulletMessage: string = \"Go to slide\";\n\n  @Prop() data: CarouselItem[] | string;\n  private _data: CarouselItem[];\n\n  async componentWillLoad() {\n    this._data = await jsonParserWorker(this.data);\n  }\n\n  componentDidLoad() {\n    new Swiper(\".swiper\", {\n      modules: [Navigation, Pagination, A11y, EffectFade],\n      enabled: true,\n      effect: 'fade',\n      fadeEffect: {\n        crossFade: true\n      },\n      direction: \"horizontal\",\n      loop: false,\n      spaceBetween: 50,\n      virtual: {\n        enabled: true,\n      },\n      navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n      },\n      pagination: {\n        el: \".swiper-pagination\",\n        bulletClass: \"hero-carousel--pagination__bullet\",\n        bulletActiveClass: \"hero-carousel--pagination__bullet--active\",\n        clickable: true,\n        renderBullet: function (index, className) {\n          return `<span aria-label=\"${this.ariaLabelBulletMessage} ${index}\" data-index=\"${index}\" class=\"${className}\"></span>`;\n        },\n      },\n      a11y: {\n        enabled: true,\n        firstSlideMessage: this.ariaLabelFirstSlide,\n        lastSlideMessage: this.ariaLabelLastSlide,\n        nextSlideMessage: this.ariaLabelNext,\n        prevSlideMessage: this.ariaLabelPrev,\n        paginationBulletMessage: `${this.ariaLabelBulletMessage} {{index}}`,\n      },\n    });\n  }\n\n  handleSlideChangeFromButtons(index) {\n    const swiperEl = document.querySelector(\".swiper\") as any;\n    swiperEl.swiper.slideTo(index, 300, false);\n  }\n\n  render() {\n    const carouselContentClasses = [\"hero-carousel--item__content\", this.itemCount > 1 ? \"has-pagination\" : \"\"].join(\n      \" \"\n    );\n    return (\n      <div class=\"hero-carousel-container\">\n        <div class=\"swiper\">\n          <div class=\"swiper-wrapper\">\n            {this._data[\"items\"] &&\n              this._data[\"items\"].map((i, index) => {\n                const currentIndex = index;\n                const srcSet = JSON.parse(i.image_sources);\n                return (\n                  <div class=\"swiper-slide\" data-title={i.title} data-desc={i.desc}>\n                    <div class=\"hero-carousel--item\">\n                      <div class={carouselContentClasses}>\n                        <h2 class=\"hero-carousel--item__title\" innerHTML={i.title}></h2>\n                        <div class=\"hero-carousel--item__desc\">{i.desc}</div>\n                        {i.uri && (\n                          <hy-cta-button\n                            link-content={i.uri_title}\n                            sc-label={i.uri_title}\n                            url={i.uri}\n                            is-external=\"false\"\n                            variant={CtaLinkButtonVariants.heroBlue}\n                          />\n                        )}\n                        {this.itemCount > 1 ? (\n                          <div class=\"hero-carousel--item__pagination\">\n                            <ul>\n                              {this._data[\"items\"].map((i, index) => {\n                                const paginationButtonClasses = [\n                                  \"hero-carousel--item__pagination__button\",\n                                  index === currentIndex ? \"is-current\" : \"\",\n                                ].join(\" \");\n                                return (\n                                  <li class={paginationButtonClasses}>\n                                    <button\n                                      aria-label={`${this.ariaLabelBulletMessage} ${index}`}\n                                      onClick={() => this.handleSlideChangeFromButtons(index)}\n                                      data-index={index}\n                                      aria-current={index === currentIndex ? \"true\" : \"false\"}\n                                    >\n                                      {i.theme_text && \n                                        <span class=\"hero-carousel--item__pagination__button__theme\">{i.theme_text}</span>\n                                      }\n                                      <span innerHTML={i.title}></span>\n                                    </button>\n                                  </li>\n                                );\n                              })}\n                            </ul>\n                          </div>\n                        ) : null}\n                      </div>\n                      <div class=\"hero-carousel--item__image\">\n                        {srcSet.length > 0 ? (\n                          <picture>\n                            {srcSet.map((item: ImageSrcSet) => (\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                              aria-hidden=\"true\"\n                              loading={currentIndex === 0 ? 'eager' : 'lazy'}\n                              alt={i.image_alt}\n                              class={`hy-image__image`}\n                              src={i.image_fallback}\n                            />\n                          </picture>\n                        ) : (\n                          <img\n                            aria-hidden=\"true\"\n                            loading={currentIndex === 0 ? 'eager' : 'lazy'}\n                            alt={i.image_alt}\n                            class={`hy-image__image`}\n                            src={i.image_fallback}\n                          />\n                        )}\n                        { currentIndex !== 0 &&\n                          <div class=\"swiper-lazy-preloader\"></div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n          </div>\n          {this.itemCount > 1 ? (\n            <div class=\"hero-carousel--controls\">\n              <div class=\"swiper-pagination hero-carousel--pagination--mobile\"></div>\n              <div class=\"hero-carousel--controls__buttons\">\n                <div class=\"swiper-button-prev\">\n                  <hy-icon class=\"arrow\" icon=\"hy-icon-arrow-left\"></hy-icon>\n                  <hy-icon class=\"caret\" icon=\"hy-icon-caret-left\"></hy-icon>\n                </div>\n                <div class=\"swiper-button-next\">\n                  <hy-icon class=\"arrow\" icon=\"hy-icon-arrow-right\"></hy-icon>\n                  <hy-icon class=\"caret\" icon=\"hy-icon-caret-right\"></hy-icon>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-icon/AddToTodoList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToTodoList.js","sourceRoot":"","sources":["../../../src/components/hy-icon/AddToTodoList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhC,SAAS,gBAAgB,CAAC,KAAK;EAC7B,OAAO,CACL,yBAAK,OAAO,EAAC,eAAe,IAAK,KAAK;IACpC,YAAM,CAAC,EAAC,mMAAmM,GAAG,CAC1M,CACP,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["import {h} from \"@stencil/core\";\n\nfunction SvgAddToTodoList(props) {\n  return (\n    <svg viewBox=\"0 0 1000 1000\" {...props}>\n      <path d=\"M774 871H226V161h548v129h97V65H129v903h742V742h-97v129zm65-387v-97h-65v97h-97v64h97v97h65v-97h96v-64h-96zm-484 97h258v64H355v-64zm0 96h258v65H355v-65zm0-387h258v65H355v-65zm0 97h258v65H355v-65z\" />\n    </svg>\n  );\n}\n\nexport default SvgAddToTodoList;\n"]}

package/dist/collection/components/hy-icon/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/hy-icon/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhC,SAAS,QAAQ,CAAC,KAAK;EACrB,OAAO,CACL,yBAAK,OAAO,EAAC,WAAW,IAAK,KAAK;IAChC,cAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;IACjC,YAAM,CAAC,EAAC,2OAA2O,GAAG,CAClP,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import {h} from \"@stencil/core\";\n\nfunction SvgAlert(props) {\n  return (\n    <svg viewBox=\"0 0 32 32\" {...props}>\n      <circle cx=\"16\" cy=\"16\" r=\"16\" />\n      <path d=\"M17.6,18.79H15l-.55-10.5h3.72Zm-3.21,3.67a1.8,1.8,0,0,1,.48-1.36,2,2,0,0,1,1.41-.46,1.94,1.94,0,0,1,1.38.47,1.83,1.83,0,0,1,.49,1.35,1.79,1.79,0,0,1-.5,1.34,1.84,1.84,0,0,1-1.37.49,1.93,1.93,0,0,1-1.4-.48A1.79,1.79,0,0,1,14.39,22.46Z\" />\n    </svg>\n  );\n}\n\nexport default SvgAlert;\n"]}

package/dist/collection/components/hy-icon/Archive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Archive.js","sourceRoot":"","sources":["../../../src/components/hy-icon/Archive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhC,SAAS,UAAU,CAAC,KAAK;EACvB,OAAO,CACL,yBAAK,OAAO,EAAC,WAAW,IAAK,KAAK;IAChC,YAAM,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,gDAAgD,GAAG;IACtE,eACE,EAAE,EAAC,SAAS,EACZ,MAAM,EAAC,sGAAsG,GAC7G;IACF,YAAM,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,GAAG;IACtD,YAAM,CAAC,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,GAAG,CACzC,CACP,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import {h} from \"@stencil/core\";\n\nfunction SvgArchive(props) {\n  return (\n    <svg viewBox=\"0 0 28 34\" {...props}>\n      <path id=\"Shape\" d=\"M28,8.9H0V34H28ZM24.71,30.76H3.29V12.14H24.71Z\" />\n      <polygon\n        id=\"Shape-2\"\n        points=\"20.3 15.66 17.01 15.66 17.01 17.53 10.99 17.53 10.99 15.66 7.7 15.66 7.7 20.76 20.3 20.76 20.3 15.66\"\n      />\n      <rect x=\"3.71\" y=\"4.45\" width=\"20.59\" height=\"3.24\" />\n      <rect x=\"5.76\" width=\"16.47\" height=\"3.24\" />\n    </svg>\n  );\n}\n\nexport default SvgArchive;\n"]}

package/dist/collection/components/hy-icon/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/components/hy-icon/Arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhC,SAAS,QAAQ,CAAC,KAAK;EACrB,OAAO,CACL,yBAAK,OAAO,EAAC,eAAe,IAAK,KAAK;IACpC,YAAM,CAAC,EAAC,kDAAkD,GAAG,CACzD,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import {h} from \"@stencil/core\";\n\nfunction SvgArrow(props) {\n  return (\n    <svg viewBox=\"0 0 1000 1000\" {...props}>\n      <path d=\"M290 35L181 158l393 345-393 339 109 123 533-462z\" />\n    </svg>\n  );\n}\n\nexport default SvgArrow;\n"]}

package/dist/collection/components/hy-icon/ArrowDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDown.js","sourceRoot":"","sources":["../../../src/components/hy-icon/ArrowDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhC,SAAS,YAAY,CAAC,KAAK;EACzB,OAAO,CACL,yBAAK,OAAO,EAAC,eAAe,IAAK,KAAK;IACpC,YAAM,CAAC,EAAC,iGAAiG,GAAG,CACxG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["import {h} from \"@stencil/core\";\n\nfunction SvgArrowDown(props) {\n  return (\n    <svg viewBox=\"0 0 1000 1000\" {...props}>\n      <path d=\"M513 965l419-475 23-22-100-87-23-23-261 294V6H410v649L171 384l-19-23-26 20-74 67-26 20 461 522z\" />\n    </svg>\n  );\n}\n\nexport default SvgArrowDown;\n"]}

package/dist/collection/components/hy-icon/ArrowRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.js","sourceRoot":"","sources":["../../../src/components/hy-icon/ArrowRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhC,SAAS,aAAa,CAAC,KAAK;EAC1B,OAAO,CACL,yBAAK,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAC,KAAK,IAAK,KAAK;IAC7E,SAAG,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS,qBAAiB,OAAO;MACnG,SAAG,MAAM,EAAC,gBAAgB,EAAC,EAAE,EAAC,qBAAqB;QACjD,SAAG,SAAS,EAAC,gCAAgC;UAC3C,SAAG,EAAE,EAAC,MAAM;YACV,WAAK,IAAI,EAAC,SAAS,kBAAc,GAAG,EAAC,MAAM,EAAC,gBAAgB,GAAG;YAC/D,WAAK,MAAM,EAAC,SAAS,kBAAc,GAAG,EAAC,IAAI,EAAC,SAAS,eAAW,SAAS,GAAG,CAC1E,CACF,CACF,CACF,CACA,CACP,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import {h} from \"@stencil/core\";\n\nfunction SvgArrowRight(props) {\n  return (\n    <svg width=\"109px\" height=\"111px\" viewBox=\"0 0 109 111\" version=\"1.1\" {...props}>\n      <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linejoin=\"round\">\n        <g filter=\"url(#filter-1)\" id=\"Icon/arrow/to_right\">\n          <g transform=\"translate(10.000000, 9.000000)\">\n            <g id=\"Path\">\n              <use fill=\"#FFFFFF\" fill-opacity=\"1\" filter=\"url(#filter-3)\" />\n              <use stroke=\"#000222\" stroke-width=\"4\" fill=\"#FFFFFF\" fill-rule=\"evenodd\" />\n            </g>\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default SvgArrowRight;\n"]}