@itcenteratunihelsinki/huds-lib 0.8.57 → 0.8.59

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

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

package/dist/collection/components/baseline/baseline.css

@@ -1,3 +0,0 @@
-div.hy-baseline {
-  display: block;
-}

package/dist/collection/components/baseline/baseline.js

@@ -1,52 +0,0 @@
-import { h } from "@stencil/core";
-import { css } from "emotion";
-const createCss = (value) => {
-  return css `
-    > * + * {
-      margin-top: ${value}rem;
-      display: block;
-    }
-  `;
-};
-export class Baseline {
-  constructor() {
-    this.margin = 1;
-  }
-  render() {
-    return (h("div", { class: createCss(this.margin) }, h("slot", null)));
-  }
-  static get is() { return "hy-baseline"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["baseline.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["baseline.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "margin": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Top margin to be added to all but first element. Amount of rem:s"
-        },
-        "attribute": "margin",
-        "reflect": false,
-        "defaultValue": "1"
-      }
-    };
-  }
-}
-//# sourceMappingURL=baseline.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"baseline.js","sourceRoot":"","sources":["../../../src/components/baseline/baseline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,GAAG,EAAC,MAAM,SAAS,CAAC;AAE5B,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;EAClC,OAAO,GAAG,CAAA;;oBAEQ,KAAK;;;GAGtB,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,OAAO,QAAQ;;kBAIM,CAAC;;EAC1B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;MAChC,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {css} from \"emotion\";\n\nconst createCss = (value: number) => {\n  return css`\n    > * + * {\n      margin-top: ${value}rem;\n      display: block;\n    }\n  `;\n};\n\n@Component({\n  tag: \"hy-baseline\",\n  styleUrl: \"baseline.css\",\n  shadow: false,\n})\nexport class Baseline {\n  /**\n   * Top margin to be added to all but first element. Amount of rem:s\n   */\n  @Prop() margin: number = 1;\n  render() {\n    return (\n      <div class={createCss(this.margin)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/button/button.css

@@ -1,217 +0,0 @@
-@charset "UTF-8";
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-/**
- * Mixin for fluid type.
- * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
- */
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
-}
-:host {
-  display: block;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.hy-button__icon  {
-  -ms-flex-line-pack: center;
-  align-content: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.hy-button {
-  display: block;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: var(--brand-main);
-  color: var(--grayscale-white);
-  font-family: var(--main-font-family);
-  border: none;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 0.9375rem;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  line-height: 0.9375rem;
-  margin: 0;
-  padding: 0;
-  -webkit-transition-duration: 0.1s;
-  transition-duration: 0.1s;
-  -webkit-transition-property: all;
-  transition-property: all;
-  min-height: 44px;
-  position: relative;
-  text-decoration: none;
-}
-.hy-button.size-large {
-  min-height: 48px;
-}
-.hy-button.primary {
-  background-color: var(--brand-main);
-  color: var(--grayscale-white);
-}
-.hy-button.primary .hy-button__icon  {
-  padding: 8px 13px;
-}
-.hy-button.primary svg {
-  fill: var(--grayscale-white);
-}
-.hy-button.primary:hover {
-  background-color: var(--brand-main-active);
-}
-.hy-button.primary:active {
-  background-color: var(--brand-main-dark);
-}
-.hy-button.primary:disabled {
-  background-color: var(--grayscale-medium);
-  color: var(--grayscale-dark);
-}
-.hy-button.primary:disabled svg {
-  fill: var(--grayscale-dark);
-}
-.hy-button.primary:focus {
-  outline: solid 2px var(--additional-yellow);
-  outline-offset: 2px;
-}
-.hy-button.secondary {
-  background-color: transparent;
-  border: solid 2px var(--brand-main);
-  color: var(--brand-main);
-}
-.hy-button.secondary svg {
-  fill: var(--brand-main);
-}
-.hy-button.secondary:hover {
-  border: solid 2px var(--brand-main-active);
-  color: var(--brand-main-active);
-}
-.hy-button.secondary:hover svg {
-  fill: var(--brand-main-active);
-}
-.hy-button.secondary:active {
-  border: solid 2px var(--brand-main-dark);
-  color: var(--brand-main-dark);
-}
-.hy-button.secondary:active svg {
-  fill: var(--brand-main-dark);
-}
-.hy-button.secondary:disabled {
-  border: solid 2px var(--grayscale-medium-dark);
-  color: var(--grayscale-medium-dark);
-}
-.hy-button.secondary:disabled svg {
-  fill: var(--grayscale-medium-dark);
-}
-.hy-button::after {
-  content: "";
-  display: block;
-  border-bottom: 2px solid var(--additional-skyblue);
-  position: absolute;
-  bottom: -3.5px;
-  left: 3px;
-  right: 3px;
-  z-index: 0;
-}
-.hy-button.primary::after {
-  bottom: -2px;
-}
-.hy-button:disabled {
-  cursor: not-allowed;
-}
-.hy-button:disabled::after {
-  border-bottom: 2px solid var(--grayscale-medium-dark);
-  bottom: -3.5px;
-}
-.hy-button:disabled.primary::after {
-  bottom: -2px;
-}
-.hy-button .hy-button__text {
-  margin: 12px 24px;
-}
-.hy-button .hy-button__icon-right {
-  padding-right: 12px;
-}
-hy-button[icon-right=hy-icon-arrow-right] .primary .hy-button__text {
-  margin: 12px 0 12px 16px;
-  padding-right: 16px;
-}
-hy-button[icon-right=hy-icon-arrow-right] .primary:not(disabled) .hy-button__text {
-  border-right: solid 1px var(--additional-skyblue);
-}
-hy-button[icon-right=hy-icon-arrow-right] .primary:disabled .hy-button__text {
-  border-right: solid 1px var(--grayscale-dark);
-}
-hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__text {
-  margin: 12px 16px;
-}
-hy-button[icon-right=hy-icon-arrow-right] .secondary .hy-button__icon {
-  padding-right: 1rem;
-  padding-left: 0;
-}
-hy-button[icon=hy-icon-arrow-left] .primary .hy-button__text {
-  margin: 12px 16px 12px 0;
-  padding-left: 16px;
-}
-hy-button[icon=hy-icon-arrow-left] .primary:not(disabled) .hy-button__text {
-  border-left: solid 1px var(--additional-skyblue);
-}
-hy-button[icon=hy-icon-arrow-left] .primary:disabled .hy-button__text {
-  border-left: solid 1px var(--grayscale-dark);
-}
-hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__text {
-  margin: 12px 16px;
-}
-hy-button[icon=hy-icon-arrow-left] .secondary .hy-button__icon {
-  padding-left: 1rem;
-  padding-right: 0;
-}

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

@@ -1,280 +0,0 @@
-import { h, Host } from "@stencil/core";
-import colors from "../../global/colors";
-const fillcolors = {
-  primary: colors.brandMain,
-  secondary: "white",
-};
-export class Button {
-  constructor() {
-    this.buttonType = "submit";
-    this.buttonClasses = "";
-    this.variant = "primary";
-    this.state = "enabled";
-    this.size = "normal";
-    this.disabled = false;
-    this.url = "";
-    this.ariaLabel = "";
-    this.isExternal = false;
-    this.icon = undefined;
-    this.iconRight = undefined;
-    this.attrs = "";
-  }
-  render() {
-    const classAttributes = ["hy-button", this.variant, this.state, "size-" + this.size, this.buttonClasses];
-    const iconFillColor = fillcolors[this.variant];
-    const target = this.isExternal ? "_blank" : "_self";
-    let props = {};
-    if (this.attrs && this.attrs.length > 2) {
-      let attrString = JSON.parse(this.attrs);
-      let attrArray = attrString.split('" ');
-      attrArray.map((item) => {
-        let parts = item.split("=");
-        let key = parts[0];
-        let value = parts[1];
-        key = key.replaceAll('"', " ");
-        key = key.trim();
-        if (key !== "class") {
-          value = value.replaceAll('"', " ");
-          value = value.trim();
-          props[key] = value;
-        }
-      });
-    }
-    return this.url ? (h(Host, { "icon-right": "hy-icon-arrow-right", "aria-label": this.ariaLabel }, h("div", { style: { display: "flex" } }, h("a", { class: classAttributes.join(" "), href: this.url, target: target }, h("span", { class: "hy-button__text" }, h("slot", null)), h("span", { class: "hy-button__icon" }, h("hy-icon", { icon: "hy-icon-arrow-right", fill: iconFillColor, size: 13 })))))) : (h(Host, { "aria-label": this.ariaLabel }, h("button", Object.assign({ type: this.buttonType, class: classAttributes.join(" "), disabled: this.disabled }, props), !!this.icon && (h("span", { class: "hy-button__icon hy-button__icon--left" }, h("hy-icon", { icon: this.icon, fill: iconFillColor, size: 13 }))), h("span", { class: "hy-button__text" }, h("slot", null)), !!this.iconRight && (h("span", { class: "hy-button__icon hy-button__icon--right" }, h("hy-icon", { icon: this.iconRight, fill: iconFillColor, size: 13 }))))));
-  }
-  static get is() { return "hy-button"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["button.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["button.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "buttonType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Button type. Defaults to submit."
-        },
-        "attribute": "button-type",
-        "reflect": false,
-        "defaultValue": "\"submit\""
-      },
-      "buttonClasses": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Custom classes added to button element."
-        },
-        "attribute": "button-classes",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ButtonVariants",
-          "resolved": "\"primary\" | \"secondary\"",
-          "references": {
-            "ButtonVariants": {
-              "location": "import",
-              "path": "../../utils/utils"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The element variant. Defaults to primary"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "\"primary\""
-      },
-      "state": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"enabled\" | \"disabled\"",
-          "resolved": "\"disabled\" | \"enabled\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "deprecated, use disabled boolean value"
-        },
-        "attribute": "state",
-        "reflect": false,
-        "defaultValue": "\"enabled\""
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"normal\" | \"large\"",
-          "resolved": "\"large\" | \"normal\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Size (height) of the button. Normal: 44px, large: 48px"
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "\"normal\""
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Use this to programmatically disable the button, matches the native button functionality"
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "url": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Set this on if an anchor tag is required instead of a button."
-        },
-        "attribute": "url",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Aria label for the element"
-        },
-        "attribute": "aria-label",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "isExternal": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Use only with url property. Sets the"
-        },
-        "attribute": "is-external",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Icon to use on the left side"
-        },
-        "attribute": "icon",
-        "reflect": false
-      },
-      "iconRight": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Icon to use on the right side"
-        },
-        "attribute": "icon-right",
-        "reflect": false
-      },
-      "attrs": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "attrs",
-        "reflect": false,
-        "defaultValue": "\"\""
-      }
-    };
-  }
-}
-//# sourceMappingURL=button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Prop, Host} from \"@stencil/core\";\nimport {ButtonVariants} from \"../../utils/utils\";\nimport colors from \"../../global/colors\";\n\nconst fillcolors = {\n  primary: colors.brandMain,\n  secondary: \"white\",\n};\n\n@Component({\n  tag: \"hy-button\",\n  styleUrl: \"button.scss\",\n  shadow: false,\n})\nexport class Button {\n  /**\n   * Button type. Defaults to submit.\n   */\n  @Prop() buttonType: string = \"submit\";\n\n  /**\n   * Custom classes added to button element.\n   */\n  @Prop() buttonClasses: string = \"\";\n\n  /**\n   * The element variant. Defaults to primary\n   */\n  @Prop() variant: ButtonVariants = \"primary\";\n  /**\n   *  deprecated, use disabled boolean value\n   *  */\n  @Prop() state: \"enabled\" | \"disabled\" = \"enabled\";\n  /**\n   * Size (height) of the button. Normal: 44px, large: 48px\n   */\n  @Prop() size: \"normal\" | \"large\" = \"normal\";\n  /**\n   * Use this to programmatically disable the button, matches the native button functionality\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   *  Set this on if an anchor tag is required instead of a button.\n   */\n  @Prop() url?: string = \"\";\n  /**\n   * Aria label for the element\n   */\n  @Prop() ariaLabel: string = \"\";\n  /**\n   * Use only with url property. Sets the\n   */\n  @Prop() isExternal?: boolean = false;\n  /**\n   * Icon to use on the left side\n   */\n  @Prop() icon?: string;\n  /**\n   * Icon to use on the right side\n   */\n  @Prop() iconRight?: string;\n\n  @Prop() attrs: string = \"\";\n\n  render() {\n    const classAttributes = [\"hy-button\", this.variant, this.state, \"size-\" + this.size, this.buttonClasses];\n    const iconFillColor = fillcolors[this.variant];\n    const target = this.isExternal ? \"_blank\" : \"_self\";\n    let props = {};\n\n    if (this.attrs && this.attrs.length > 2) {\n      let attrString = JSON.parse(this.attrs);\n      let attrArray = attrString.split('\" ');\n      attrArray.map((item) => {\n        let parts = item.split(\"=\");\n        let key = parts[0];\n        let value = parts[1];\n        key = key.replaceAll('\"', \" \");\n        key = key.trim();\n        if (key !== \"class\") {\n          value = value.replaceAll('\"', \" \");\n          value = value.trim();\n          props[key] = value;\n        }\n      });\n    }\n\n    return this.url ? (\n      <Host icon-right=\"hy-icon-arrow-right\" aria-label={this.ariaLabel}>\n        <div style={{display: \"flex\"}}>\n          <a class={classAttributes.join(\" \")} href={this.url} target={target}>\n            <span class=\"hy-button__text\">\n              <slot />\n            </span>\n            <span class=\"hy-button__icon\">\n              <hy-icon icon=\"hy-icon-arrow-right\" fill={iconFillColor} size={13} />\n            </span>\n          </a>\n        </div>\n      </Host>\n    ) : (\n      <Host aria-label={this.ariaLabel}>\n        <button type={this.buttonType} class={classAttributes.join(\" \")} disabled={this.disabled} {...props}>\n          {!!this.icon && (\n            <span class=\"hy-button__icon hy-button__icon--left\">\n              <hy-icon icon={this.icon} fill={iconFillColor} size={13} />\n            </span>\n          )}\n          <span class=\"hy-button__text\">\n            <slot />\n          </span>\n          {!!this.iconRight && (\n            <span class=\"hy-button__icon hy-button__icon--right\">\n              <hy-icon icon={this.iconRight} fill={iconFillColor} size={13} />\n            </span>\n          )}\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/color-box/color-box.js

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class ColorBox {
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "color-box"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["color-box.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["color-box.css"]
-    };
-  }
-}
-//# sourceMappingURL=color-box.js.map

package/dist/collection/components/color-box/color-box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-box.js","sourceRoot":"","sources":["../../../src/components/color-box/color-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOrE,MAAM,OAAO,QAAQ;EACnB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Host, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"color-box\",\n  styleUrl: \"color-box.css\",\n  shadow: true,\n})\nexport class ColorBox implements ComponentInterface {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"hy-content-list.js","sourceRoot":"","sources":["../../../../src/components/courses/hy-content-list/hy-content-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import {CourseStateVariants, CourseVariants} from \"../../../utils/utils\";\nimport {Component, ComponentInterface, Element, h, Host, Prop, State, Watch} from \"@stencil/core\";\n\n@Component({\n  tag: \"hy-content-list\",\n  styleUrl: \"hy-content-list.scss\",\n  shadow: false,\n})\nexport class HyContentList implements ComponentInterface {\n  @Prop() linkLabel: string = \"Go to course page\";\n  @Prop() noResultLabel: string = \"No courses scheduled at the moment\";\n  @Prop() creditsLabel: string = \"cr\";\n  @Prop() cancelledLabel: string = \"Cancelled\";\n  @Prop() dataItems: string;\n  @Prop() headerstyle: string = \"common\";\n  @Prop() courseStateVariant: CourseStateVariants = CourseStateVariants.default;\n  private _dataItems: [];\n  private variant: CourseVariants = CourseVariants.default;\n  @State() courseRealisations: Array<object> = [];\n  @Element() el: HTMLElement;\n  /**\n   * Data for links to be displayed.\n   */\n\n  @Watch(\"dataItems\") dataWatcher(data: [] | string) {\n    this._dataItems = typeof data === \"string\" ? JSON.parse(data) : data;\n  }\n\n  componentWillLoad() {\n    this.dataWatcher(this.dataItems);\n  }\n\n  handleCardClick(e, id) {\n    e.preventDefault();\n    let card = this.el.querySelector(`#${id}`) as HTMLElement;\n\n    if (card) {\n      window.open(card.dataset.location, \"_blank\");\n    }\n  }\n\n  async 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  renderItems() {\n    let courseRealisations = [];\n    if (this._dataItems && this._dataItems.length > 0) {\n      this._dataItems.forEach((item) => {\n        const courseObject = JSON.parse(JSON.stringify(item));\n\n        const courseListType = courseObject[\"courseListType\"];\n        this.variant = courseListType == \"list\" ? CourseVariants.row : CourseVariants.grid;\n\n        for (const courseProperty in courseObject) {\n          if (courseProperty == \"courseListType\") continue;\n\n          const courseItem = courseObject[courseProperty];\n          const courseCode = courseItem[\"code\"];\n          const courseCredits = courseItem[\"credits\"];\n\n          // Course realisations.\n          if (courseItem[\"realisations\"]) {\n            const realisations = JSON.parse(JSON.stringify(courseItem[\"realisations\"]));\n            for (const realisationProperty in realisations) {\n              const realizationItem = realisations[realisationProperty];\n              const courseRealisationName = realizationItem[\"name\"];\n              const courseRealisationFullName = courseRealisationName + \", \" + courseCredits + \" \" + this.creditsLabel;\n              const courseStudyFormat = realizationItem[\"studyFormat\"];\n              const courseCancelled = realizationItem[\"cancelled\"];\n              const courseStartDate = realizationItem[\"startDate\"];\n              const courseEndDate = realizationItem[\"endDate\"];\n              const formattedTimeRange = realizationItem[\"formattedTimeRange\"];\n              const courseEnrollmentLink = realizationItem[\"enrolmentLink\"];\n              const courseTeachingLanguage = realizationItem[\"teachingLanguage\"];\n              const courseOrganisation = realizationItem[\"organisation\"];\n\n              let courseTags = [];\n              if (realizationItem[\"tags\"]) {\n                let tags = JSON.parse(JSON.stringify(realizationItem[\"tags\"]));\n                for (let z in tags) {\n                  let tagItem = {name: tags[z]};\n                  courseTags.push(tagItem);\n                }\n              }\n              const courseTagsJSON = JSON.stringify(courseTags);\n\n              const contentListItemClassAttributes = [\"item\", this.variant].join(\" \");\n\n              courseRealisations.push(\n                <hy-content-list-item\n                  id={realisationProperty}\n                  class={contentListItemClassAttributes}\n                  variant={this.variant}\n                  state-variant={this.courseStateVariant}\n                  course-code={courseCode}\n                  course-name={courseRealisationFullName}\n                  is-cancelled={courseCancelled}\n                  cancelled-label={this.cancelledLabel}\n                  course-credits={courseCredits}\n                  course-tags={courseTagsJSON}\n                  course-start-date={courseStartDate}\n                  course-end-date={courseEndDate}\n                  formatted-time-range={formattedTimeRange}\n                  course-study-format={courseStudyFormat}\n                  course-organisation={courseOrganisation}\n                  course-enrollment-link={courseEnrollmentLink}\n                  course-teaching-language={courseTeachingLanguage}\n                  course-link-label={this.linkLabel}\n                  data-location={courseEnrollmentLink}\n                  onClick={(e) => this.handleCardClick(e, realisationProperty)}\n                  //onKeyDown={() => this.handleKeyDown(window.event, realisationProperty)}\n                ></hy-content-list-item>\n              );\n            }\n          }\n        }\n      });\n    }\n\n    return courseRealisations;\n  }\n\n  render() {\n    const classAttributes = [this.variant, \"hy-content-list\"].join(\" \");\n    const classAlertAttributes = [\"hy-content-list--alert\", `hy-content-list--alert--${this.headerstyle}`].join(\" \");\n    const classAlertLabelAttributes = [\n      \"hy-content-list--alert-label\",\n      `hy-content-list--alert-label--${this.headerstyle}`,\n    ].join(\" \");\n\n    this.courseRealisations = this.renderItems();\n    if (this.courseRealisations && this.courseRealisations.length > 0) {\n      return (\n        <Host>\n          <div class={classAttributes}>{this.courseRealisations}</div>\n        </Host>\n      );\n    } else {\n      return (\n        <Host>\n          <div class={classAttributes}>\n            <div class=\"hy-content-list--no-result\">\n              <span class={classAlertAttributes}>\n                <hy-icon icon={\"hy-icon-info\"} size={16} />\n              </span>\n              <span class={classAlertLabelAttributes}>{this.noResultLabel}</span>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n  }\n}\n"]}