@itcenteratunihelsinki/huds-lib 0.8.73 → 0.8.74

package/components/hy-content-list.js

@@ -1,152 +1,153 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { c as CourseVariants, d as CourseStateVariants } from './utils.js';
 import { d as defineCustomElement$4 } from './hy-content-list-item2.js';
 import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './hy-tag2.js';
 
 const hyContentListCss = ":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}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}:host{display:block}.hy-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--main-font-family);-ms-flex-wrap:wrap;flex-wrap:wrap}.hy-content-list--no-result{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.hy-content-list--alert{margin-right:6px}.hy-content-list--alert svg{fill:var(--grayscale-dark)}@media (min-width: 1601px){.hy-content-list--alert svg{height:18px;width:18px}}@media (min-width: 87.5rem){.hy-content-list--alert--large svg{height:18px;width:18px}}.hy-content-list--alert-label{font-family:var(--main-font-family);font-size:0.9375rem;line-height:22px;color:var(--grayscale-dark);font-style:italic;letter-spacing:0}@media (min-width: 30rem){.hy-content-list--alert-label{font-size:1rem;line-height:24px}}@media (min-width: 1601px){.hy-content-list--alert-label{font-size:1.0625rem;line-height:26px}}@media (min-width: 87.5rem){.hy-content-list--alert-label--large{font-size:1.0625rem;line-height:26px}}.hy-content-list.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hy-content-list.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}";
+const HyContentListStyle0 = hyContentListCss;
 
-const HyContentList$1 = /*@__PURE__*/ proxyCustomElement(class HyContentList extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.variant = CourseVariants.default;
-    this.linkLabel = "Go to course page";
-    this.noResultLabel = "No courses scheduled at the moment";
-    this.creditsLabel = "cr";
-    this.cancelledLabel = "Cancelled";
-    this.dataItems = undefined;
-    this.headerstyle = "common";
-    this.courseStateVariant = CourseStateVariants.default;
-    this.courseRealisations = [];
-  }
-  /**
-   * Data for links to be displayed.
-   */
-  dataWatcher(data) {
-    this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
-  }
-  componentWillLoad() {
-    this.dataWatcher(this.dataItems);
-  }
-  handleCardClick(e, id) {
-    e.preventDefault();
-    let card = this.el.querySelector(`#${id}`);
-    if (card) {
-      window.open(card.dataset.location, "_blank");
+const HyContentList$1 = /*@__PURE__*/ proxyCustomElement(class HyContentList extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = CourseVariants.default;
+        this.linkLabel = "Go to course page";
+        this.noResultLabel = "No courses scheduled at the moment";
+        this.creditsLabel = "cr";
+        this.cancelledLabel = "Cancelled";
+        this.dataItems = undefined;
+        this.headerstyle = "common";
+        this.courseStateVariant = CourseStateVariants.default;
+        this.courseRealisations = [];
     }
-  }
-  async componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+    /**
+     * Data for links to be displayed.
+     */
+    dataWatcher(data) {
+        this._dataItems = typeof data === "string" ? JSON.parse(data) : data;
     }
-  }
-  renderItems() {
-    let courseRealisations = [];
-    if (this._dataItems && this._dataItems.length > 0) {
-      this._dataItems.forEach((item) => {
-        const courseObject = JSON.parse(JSON.stringify(item));
-        const courseListType = courseObject["courseListType"];
-        this.variant = courseListType == "list" ? CourseVariants.row : CourseVariants.grid;
-        const courseCode = courseObject["code"];
-        const courseCredits = courseObject["credits"];
-        // Course realisations.
-        if (courseObject["realisations"]) {
-          const realisations = JSON.parse(JSON.stringify(courseObject["realisations"]));
-          for (const realisationProperty in realisations) {
-            const realizationItem = realisations[realisationProperty];
-            const courseRealisationName = realizationItem["name"];
-            const courseRealisationFullName = courseRealisationName + ", " + courseCredits + " " + this.creditsLabel;
-            const courseStudyFormat = realizationItem["studyFormat"];
-            const courseCancelled = realizationItem["cancelled"];
-            const courseStartDate = realizationItem["startDate"];
-            const courseEndDate = realizationItem["endDate"];
-            const formattedTimeRange = realizationItem["formattedTimeRange"];
-            const courseEnrollmentLink = realizationItem["enrolmentLink"];
-            const courseTeachingLanguage = realizationItem["teachingLanguage"];
-            const courseOrganisation = realizationItem["organisation"];
-            let courseTags = [];
-            if (realizationItem["tags"]) {
-              let tags = JSON.parse(JSON.stringify(realizationItem["tags"]));
-              for (let z in tags) {
-                let tagItem = { name: tags[z] };
-                courseTags.push(tagItem);
-              }
+    componentWillLoad() {
+        this.dataWatcher(this.dataItems);
+    }
+    handleCardClick(e, id) {
+        e.preventDefault();
+        let card = this.el.querySelector(`#${id}`);
+        if (card) {
+            window.open(card.dataset.location, "_blank");
+        }
+    }
+    async componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
             }
-            const courseTagsJSON = JSON.stringify(courseTags);
-            const contentListItemClassAttributes = ["item", this.variant].join(" ");
-            courseRealisations.push(h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "formatted-time-range": formattedTimeRange, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
-          }
         }
-      });
     }
-    return courseRealisations;
-  }
-  render() {
-    const classAttributes = [this.variant, "hy-content-list"].join(" ");
-    const classAlertAttributes = ["hy-content-list--alert", `hy-content-list--alert--${this.headerstyle}`].join(" ");
-    const classAlertLabelAttributes = [
-      "hy-content-list--alert-label",
-      `hy-content-list--alert-label--${this.headerstyle}`,
-    ].join(" ");
-    this.courseRealisations = this.renderItems();
-    if (this.courseRealisations && this.courseRealisations.length > 0) {
-      return (h(Host, null, h("div", { class: classAttributes }, this.courseRealisations)));
+    renderItems() {
+        let courseRealisations = [];
+        if (this._dataItems && this._dataItems.length > 0) {
+            this._dataItems.forEach((item) => {
+                const courseObject = JSON.parse(JSON.stringify(item));
+                const courseListType = courseObject["courseListType"];
+                this.variant = courseListType == "list" ? CourseVariants.row : CourseVariants.grid;
+                const courseCode = courseObject["code"];
+                const courseCredits = courseObject["credits"];
+                // Course realisations.
+                if (courseObject["realisations"]) {
+                    const realisations = JSON.parse(JSON.stringify(courseObject["realisations"]));
+                    for (const realisationProperty in realisations) {
+                        const realizationItem = realisations[realisationProperty];
+                        const courseRealisationName = realizationItem["name"];
+                        const courseRealisationFullName = courseRealisationName + ", " + courseCredits + " " + this.creditsLabel;
+                        const courseStudyFormat = realizationItem["studyFormat"];
+                        const courseCancelled = realizationItem["cancelled"];
+                        const courseStartDate = realizationItem["startDate"];
+                        const courseEndDate = realizationItem["endDate"];
+                        const formattedTimeRange = realizationItem["formattedTimeRange"];
+                        const courseEnrollmentLink = realizationItem["enrolmentLink"];
+                        const courseTeachingLanguage = realizationItem["teachingLanguage"];
+                        const courseOrganisation = realizationItem["organisation"];
+                        let courseTags = [];
+                        if (realizationItem["tags"]) {
+                            let tags = JSON.parse(JSON.stringify(realizationItem["tags"]));
+                            for (let z in tags) {
+                                let tagItem = { name: tags[z] };
+                                courseTags.push(tagItem);
+                            }
+                        }
+                        const courseTagsJSON = JSON.stringify(courseTags);
+                        const contentListItemClassAttributes = ["item", this.variant].join(" ");
+                        courseRealisations.push(h("hy-content-list-item", { id: realisationProperty, class: contentListItemClassAttributes, variant: this.variant, "state-variant": this.courseStateVariant, "course-code": courseCode, "course-name": courseRealisationFullName, "is-cancelled": courseCancelled, "cancelled-label": this.cancelledLabel, "course-credits": courseCredits, "course-tags": courseTagsJSON, "course-start-date": courseStartDate, "course-end-date": courseEndDate, "formatted-time-range": formattedTimeRange, "course-study-format": courseStudyFormat, "course-organisation": courseOrganisation, "course-enrollment-link": courseEnrollmentLink, "course-teaching-language": courseTeachingLanguage, "course-link-label": this.linkLabel, "data-location": courseEnrollmentLink, onClick: (e) => this.handleCardClick(e, realisationProperty) }));
+                    }
+                }
+            });
+        }
+        return courseRealisations;
     }
-    else {
-      return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: "hy-icon-info", size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
+    render() {
+        const classAttributes = [this.variant, "hy-content-list"].join(" ");
+        const classAlertAttributes = ["hy-content-list--alert", `hy-content-list--alert--${this.headerstyle}`].join(" ");
+        const classAlertLabelAttributes = [
+            "hy-content-list--alert-label",
+            `hy-content-list--alert-label--${this.headerstyle}`,
+        ].join(" ");
+        this.courseRealisations = this.renderItems();
+        if (this.courseRealisations && this.courseRealisations.length > 0) {
+            return (h(Host, null, h("div", { class: classAttributes }, this.courseRealisations)));
+        }
+        else {
+            return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-content-list--no-result" }, h("span", { class: classAlertAttributes }, h("hy-icon", { icon: "hy-icon-info", size: 16 })), h("span", { class: classAlertLabelAttributes }, this.noResultLabel)))));
+        }
     }
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "dataItems": ["dataWatcher"]
-  }; }
-  static get style() { return hyContentListCss; }
+    get el() { return this; }
+    static get watchers() { return {
+        "dataItems": ["dataWatcher"]
+    }; }
+    static get style() { return HyContentListStyle0; }
 }, [0, "hy-content-list", {
-    "linkLabel": [1, "link-label"],
-    "noResultLabel": [1, "no-result-label"],
-    "creditsLabel": [1, "credits-label"],
-    "cancelledLabel": [1, "cancelled-label"],
-    "dataItems": [1, "data-items"],
-    "headerstyle": [1],
-    "courseStateVariant": [1, "course-state-variant"],
-    "courseRealisations": [32]
-  }]);
+        "linkLabel": [1, "link-label"],
+        "noResultLabel": [1, "no-result-label"],
+        "creditsLabel": [1, "credits-label"],
+        "cancelledLabel": [1, "cancelled-label"],
+        "dataItems": [1, "data-items"],
+        "headerstyle": [1],
+        "courseStateVariant": [1, "course-state-variant"],
+        "courseRealisations": [32]
+    }, undefined, {
+        "dataItems": ["dataWatcher"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-content-list", "hy-content-list-item", "hy-icon", "hy-tag"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-content-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyContentList$1);
-      }
-      break;
-    case "hy-content-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "hy-tag":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-content-list", "hy-content-list-item", "hy-icon", "hy-tag"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-content-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyContentList$1);
+            }
+            break;
+        case "hy-content-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "hy-tag":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyContentList = HyContentList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyContentList, defineCustomElement };
-
-//# sourceMappingURL=hy-content-list.js.map

package/components/hy-crisis-banner.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyCrisisBanner extends Components.HyCrisisBanner, HTMLElement {}
 export const HyCrisisBanner: {
-  prototype: HyCrisisBanner;
-  new (): HyCrisisBanner;
+    prototype: HyCrisisBanner;
+    new (): HyCrisisBanner;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-crisis-banner.js

@@ -1,49 +1,48 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
 const hyCrisisBannerCss = ":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}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}.hy-crisis-banner{-webkit-box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);box-shadow:inset 0 -20px 20px -20px rgba(14, 104, 139, 0.1);display:block}.hy-crisis-banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1216px}.hy-crisis-banner__indicator{background-color:var(--additional-yellow-light);-ms-flex-negative:0;flex-shrink:0}@media (min-width: 30rem){.hy-crisis-banner__indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.hy-crisis-banner__indicator-icon{margin-left:8px;margin-right:8px;margin-top:10px}@media (min-width: 30rem){.hy-crisis-banner__indicator-icon{margin-left:10px;margin-right:10px;margin-top:0}}.hy-crisis-banner__indicator-icon svg{height:22px;width:22px}.hy-crisis-banner__indicator-icon svg circle{fill:var(--grayscale-white)}.hy-crisis-banner__indicator-icon svg path{fill:var(--additional-yellow-light)}.hy-crisis-banner__content-wrapper{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:12px 0 12px 12px}@media (min-width: 30rem){.hy-crisis-banner__content-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 0 14px 14px}}@media (min-width: 60rem){.hy-crisis-banner__content-wrapper{padding:20px 0 20px 20px}}@media (min-width: 30rem){.hy-crisis-banner__content{max-width:61.22%;width:100%}}@media (min-width: 60rem){.hy-crisis-banner__content{max-width:65.83%}}@media (min-width: 75.0625rem){.hy-crisis-banner__content{max-width:65.79%}}.hy-crisis-banner__title{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0 0 2px 0}@media (min-width: 1601px){.hy-crisis-banner__title{font-size:1rem;line-height:18px;letter-spacing:-0.4px}}.hy-crisis-banner__description{font-size:0.75rem;line-height:14px;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.35px;margin:0}@media (min-width: 30rem){.hy-crisis-banner__description{font-size:0.875rem;line-height:16px}}.hy-crisis-banner__description p{margin-top:0}.hy-crisis-banner__description p:last-of-type{margin-bottom:0}.hy-crisis-banner__link{font-size:0.875rem;line-height:16px;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);letter-spacing:-0.5px;margin:12px 0 0;overflow:hidden;text-decoration:none}@media (min-width: 30rem){.hy-crisis-banner__link{-ms-flex-negative:0;flex-shrink:0;margin-left:24px;margin-right:32px;margin-top:0;text-align:right}}@media (min-width: 75.0625rem){.hy-crisis-banner__link{margin-left:32px}}@media (min-width: 1601px){.hy-crisis-banner__link{font-size:1rem;line-height:18px}}.hy-crisis-banner__link:hover,.hy-crisis-banner__link:focus{color:var(--brand-main);text-decoration:underline}.hy-crisis-banner__link:hover .hy-crisis-banner__link-icon svg,.hy-crisis-banner__link:focus .hy-crisis-banner__link-icon svg{fill:var(--brand-main)}.hy-crisis-banner__link-icon{margin-left:4px}@media (min-width: 30rem){.hy-crisis-banner__link-icon{margin-left:8px}}@media (min-width: 75.0625rem){.hy-crisis-banner__link-icon{margin-left:12px}}.hy-crisis-banner__link-icon svg{fill:var(--brand-main-light);height:12px;width:12px}@media (min-width: 30rem){.hy-crisis-banner__link-icon svg{height:14px;width:14px}}@media (min-width: 1601px){.hy-crisis-banner__link-icon svg{height:16px;width:16px}}";
+const HyCrisisBannerStyle0 = hyCrisisBannerCss;
 
-const HyCrisisBanner$1 = /*@__PURE__*/ proxyCustomElement(class HyCrisisBanner extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.bannerTitle = undefined;
-    this.bannerDescription = undefined;
-    this.linkTitle = undefined;
-    this.linkUrl = undefined;
-  }
-  render() {
-    return (h(Host, { class: "hy-crisis-banner", role: "alert" }, h("div", { class: "hy-crisis-banner__container" }, h("div", { class: "hy-crisis-banner__indicator" }, h("hy-icon", { class: "hy-crisis-banner__indicator-icon", icon: "hy-icon-alert" })), h("div", { class: "hy-crisis-banner__content-wrapper" }, h("div", { class: "hy-crisis-banner__content" }, h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (h("a", { class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, h("hy-icon", { class: "hy-crisis-banner__link-icon", icon: "hy-icon-arrow-to-right" })))))));
-  }
-  static get style() { return hyCrisisBannerCss; }
+const HyCrisisBanner$1 = /*@__PURE__*/ proxyCustomElement(class HyCrisisBanner extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.bannerTitle = undefined;
+        this.bannerDescription = undefined;
+        this.linkTitle = undefined;
+        this.linkUrl = undefined;
+    }
+    render() {
+        return (h(Host, { key: 'a38d7c749daf96d8bfa7b189057ea11f3208a0a5', class: "hy-crisis-banner", role: "alert" }, h("div", { key: '3bdf6a333d941ccec4121c365d6ca7e37441631f', class: "hy-crisis-banner__container" }, h("div", { key: '8d91a252eedea69e6b3c89a98e53d9903a38302e', class: "hy-crisis-banner__indicator" }, h("hy-icon", { key: '2d870d7897d4583cee1749499f432dccce4db951', class: "hy-crisis-banner__indicator-icon", icon: "hy-icon-alert" })), h("div", { key: 'f962ee0b7fc50b081bfb734144bb6cf12405267f', class: "hy-crisis-banner__content-wrapper" }, h("div", { key: 'b731299abf65ab387e7859f3ea7aeb308b56edfc', class: "hy-crisis-banner__content" }, h("h3", { key: '1950567be40d2449a40e01a234e0ee5a620e1102', class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (h("div", { key: 'cee9e80e0603b1356de10ff4285feb0c0152392f', class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (h("a", { key: '2a6a97eced5f78eef65913980135928c70dee4af', class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, h("hy-icon", { key: '02020efdf22afc81a71f479dd2647a782d0a0e11', class: "hy-crisis-banner__link-icon", icon: "hy-icon-arrow-to-right" })))))));
+    }
+    static get style() { return HyCrisisBannerStyle0; }
 }, [0, "hy-crisis-banner", {
-    "bannerTitle": [1, "banner-title"],
-    "bannerDescription": [1, "banner-description"],
-    "linkTitle": [1, "link-title"],
-    "linkUrl": [1, "link-url"]
-  }]);
+        "bannerTitle": [1, "banner-title"],
+        "bannerDescription": [1, "banner-description"],
+        "linkTitle": [1, "link-title"],
+        "linkUrl": [1, "link-url"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-crisis-banner", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-crisis-banner":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HyCrisisBanner$1);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-crisis-banner", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-crisis-banner":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, HyCrisisBanner$1);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const HyCrisisBanner = HyCrisisBanner$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyCrisisBanner, defineCustomElement };
-
-//# sourceMappingURL=hy-crisis-banner.js.map

package/components/hy-cta-button.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyCtaButton extends Components.HyCtaButton, HTMLElement {}
 export const HyCtaButton: {
-  prototype: HyCtaButton;
-  new (): HyCtaButton;
+    prototype: HyCtaButton;
+    new (): HyCtaButton;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-cta-button.js

@@ -4,5 +4,3 @@ const HyCtaButton = CtaButton;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyCtaButton, defineCustomElement };
-
-//# sourceMappingURL=hy-cta-button.js.map

package/components/hy-cta-link.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyCtaLink extends Components.HyCtaLink, HTMLElement {}
 export const HyCtaLink: {
-  prototype: HyCtaLink;
-  new (): HyCtaLink;
+    prototype: HyCtaLink;
+    new (): HyCtaLink;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/hy-cta-link.js

@@ -4,5 +4,3 @@ const HyCtaLink = CtaLink;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyCtaLink, defineCustomElement };
-
-//# sourceMappingURL=hy-cta-link.js.map

package/components/hy-dropdown.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface HyDropdown extends Components.HyDropdown, HTMLElement {}
 export const HyDropdown: {
-  prototype: HyDropdown;
-  new (): HyDropdown;
+    prototype: HyDropdown;
+    new (): HyDropdown;
 };
 /**
  * Used to define this component and all nested components recursively.