@itcenteratunihelsinki/huds-lib 0.8.72 → 0.8.74

package/components/cta-button.js

@@ -1,59 +1,58 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 import { a as CtaLinkButtonVariants } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const ctaButtonCss = ":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-cta-button-container{display:-webkit-box;display:-ms-flexbox;display:flex}.hy-cta-button{cursor:pointer;font-family:var(--main-font-family);font-weight:700;position:relative;text-decoration:none}.hy-cta-button.transparent-background,.hy-cta-button.black-background,.hy-cta-button.blue-background,.hy-cta-button.white-background,.hy-cta-button.hero-white,.hy-cta-button.hero-blue,.hy-cta-button.hero-black,.hy-cta-button.dark-blue-background{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:328px;padding:13px 16px}.hy-cta-button.transparent-background .text,.hy-cta-button.black-background .text,.hy-cta-button.blue-background .text,.hy-cta-button.white-background .text,.hy-cta-button.hero-white .text,.hy-cta-button.hero-blue .text,.hy-cta-button.hero-black .text,.hy-cta-button.dark-blue-background .text{font-size:1rem;line-height:18px;letter-spacing:-0.3px}.hy-cta-button.transparent-background .link-icon,.hy-cta-button.black-background .link-icon,.hy-cta-button.blue-background .link-icon,.hy-cta-button.white-background .link-icon,.hy-cta-button.hero-white .link-icon,.hy-cta-button.hero-blue .link-icon,.hy-cta-button.hero-black .link-icon,.hy-cta-button.dark-blue-background .link-icon{margin-left:8px}.hy-cta-button.transparent-background .link-icon svg,.hy-cta-button.black-background .link-icon svg,.hy-cta-button.blue-background .link-icon svg,.hy-cta-button.white-background .link-icon svg,.hy-cta-button.hero-white .link-icon svg,.hy-cta-button.hero-blue .link-icon svg,.hy-cta-button.hero-black .link-icon svg,.hy-cta-button.dark-blue-background .link-icon svg{height:16px;width:16px}.hy-cta-button.dark-blue-background{background-color:var(--brand-main-dark);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.dark-blue-background .link-icon svg{background-color:var(--brand-main-dark);fill:var(--grayscale-white)}.hy-cta-button.dark-blue-background .text{color:var(--grayscale-white)}.hy-cta-button.transparent-background{background-color:var(--grayscale-white);border:4px solid var(--grayscale-black);color:var(--grayscale-black)}.hy-cta-button.transparent-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-cta-button.transparent-background .text{color:var(--grayscale-black)}.hy-cta-button.black-background{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.black-background .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.black-background .text{color:var(--grayscale-white)}.hy-cta-button.black-background:hover{background-color:var(--brand-main-active)}.hy-cta-button.black-background:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.black-background:focus{background-color:var(--brand-main)}.hy-cta-button.black-background:focus .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background{background-color:var(--brand-main-light);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.blue-background .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.blue-background .text{color:var(--grayscale-white)}.hy-cta-button.blue-background:hover{background-color:var(--brand-main)}.hy-cta-button.blue-background:hover .link-icon svg{background-color:var(--brand-main)}.hy-cta-button.blue-background:focus{background-color:var(--brand-main-active)}.hy-cta-button.blue-background:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.white-background{background-color:var(--grayscale-white);border:4px solid var(--brand-main-light);color:var(--brand-main-light)}.hy-cta-button.white-background .link-icon svg{background-color:var(--grayscale-white);fill:var(--brand-main-light)}.hy-cta-button.white-background .text{color:var(--brand-main-light)}.hy-cta-button.white-background:hover{border-color:var(--brand-main-active)}.hy-cta-button.white-background:hover .text{color:var(--brand-main-active)}.hy-cta-button.white-background:hover .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.white-background:focus{border-color:var(--brand-main-active)}.hy-cta-button.white-background:focus .text{color:var(--brand-main-active)}.hy-cta-button.white-background:focus .link-icon svg{fill:var(--brand-main-active)}.hy-cta-button.hero-white{background-color:var(--brand-main-light);color:var(--grayscale-white)}.hy-cta-button.hero-white .link-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white)}.hy-cta-button.hero-white .text{color:var(--grayscale-white)}.hy-cta-button.hero-white:hover{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:hover .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus{background-color:var(--brand-main-active)}.hy-cta-button.hero-white:focus .link-icon svg{background-color:var(--brand-main-active)}.hy-cta-button.hero-black{background-color:var(--grayscale-black);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-black .link-icon svg{background-color:var(--grayscale-black);fill:var(--grayscale-white)}.hy-cta-button.hero-black .text{color:var(--grayscale-white)}.hy-cta-button.hero-black:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-black:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-black:focus .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue{background-color:var(--brand-main);border:4px solid var(--grayscale-white);color:var(--grayscale-white)}.hy-cta-button.hero-blue .link-icon svg{background-color:var(--brand-main);fill:var(--grayscale-white)}.hy-cta-button.hero-blue .text{color:var(--grayscale-white)}.hy-cta-button.hero-blue:hover{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:hover .link-icon svg{fill:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus{border-color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .text{color:var(--brand-main-soft)}.hy-cta-button.hero-blue:focus .link-icon svg{fill:var(--brand-main-soft)}";
+const HyCtaButtonStyle0 = ctaButtonCss;
 
-const CtaButton = /*@__PURE__*/ proxyCustomElement(class CtaButton extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.variant = CtaLinkButtonVariants.onBlueBkgd;
-    this.linkContent = "";
-    this.typeButton = false;
-    this.url = undefined;
-    this.scLabel = undefined;
-    this.isExternal = false;
-    this.headerstyle = "common";
-  }
-  render() {
-    const classAttributes = ["hy-cta-button", this.variant, this.headerstyle].join(" ");
-    const containerClassAttributes = ["hy-cta-button-container"].join(" ");
-    const textClassAttributes = ["text"].join(" ");
-    const iconClassAttributes = ["link-icon"].join(" ");
-    const target = this.isExternal ? "_blank" : "_self";
-    return (h("span", { class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
-  }
-  get el() { return this; }
-  static get style() { return ctaButtonCss; }
+const CtaButton = /*@__PURE__*/ proxyCustomElement(class CtaButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = CtaLinkButtonVariants.onBlueBkgd;
+        this.linkContent = "";
+        this.typeButton = false;
+        this.url = undefined;
+        this.scLabel = undefined;
+        this.isExternal = false;
+        this.headerstyle = "common";
+    }
+    render() {
+        const classAttributes = ["hy-cta-button", this.variant, this.headerstyle].join(" ");
+        const containerClassAttributes = ["hy-cta-button-container"].join(" ");
+        const textClassAttributes = ["text"].join(" ");
+        const iconClassAttributes = ["link-icon"].join(" ");
+        const target = this.isExternal ? "_blank" : "_self";
+        return (h("span", { key: '0b6793343681e123397bef518bc6a097ec2aa334', class: containerClassAttributes }, !this.typeButton ? (h("a", { "aria-label": this.scLabel, class: classAttributes, href: this.url, target: target }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 })))) : (h("button", { "aria-label": this.scLabel, class: classAttributes }, h("span", { class: textClassAttributes }, this.linkContent.length === 0 ? h("slot", null) : this.linkContent), h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-right", size: 48 }))))));
+    }
+    get el() { return this; }
+    static get style() { return HyCtaButtonStyle0; }
 }, [4, "hy-cta-button", {
-    "variant": [1],
-    "linkContent": [1, "link-content"],
-    "typeButton": [4, "type-button"],
-    "url": [1],
-    "scLabel": [1, "sc-label"],
-    "isExternal": [4, "is-external"],
-    "headerstyle": [1]
-  }]);
+        "variant": [1],
+        "linkContent": [1, "link-content"],
+        "typeButton": [4, "type-button"],
+        "url": [1],
+        "scLabel": [1, "sc-label"],
+        "isExternal": [4, "is-external"],
+        "headerstyle": [1]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-cta-button", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-cta-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CtaButton);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-cta-button", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-cta-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CtaButton);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { CtaButton as C, defineCustomElement as d };
-
-//# sourceMappingURL=cta-button.js.map

package/components/cta-link.js

@@ -1,52 +1,51 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h } from './index3.js';
 import { C as CtaLinkVariants } from './utils.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const ctaLinkCss = ":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-cta-link{font-weight:600;font-size:1rem;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brand-main);display:inline-grid;font-family:var(--main-font-family);gap:16px;grid-auto-flow:column;letter-spacing:-0.5px;overflow:hidden;text-decoration:none}.hy-cta-link:hover,.hy-cta-link:focus{text-decoration:underline}.hy-cta-link:hover .hy-cta-link__icon,.hy-cta-link:focus .hy-cta-link__icon{background-color:var(--brand-main-active)}.hy-cta-link__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--brand-main-light);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px}.hy-cta-link__icon svg{fill:var(--grayscale-white)}.hy-cta-link__icon--external svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}";
+const HyCtaLinkStyle0 = ctaLinkCss;
 
-const CtaLink = /*@__PURE__*/ proxyCustomElement(class CtaLink extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.variant = CtaLinkVariants.default;
-    this.linkContent = "";
-    this.url = undefined;
-    this.scLabel = undefined;
-    this.isExternal = false;
-  }
-  render() {
-    const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
-    const target = this.isExternal ? "_blank" : "_self";
-    return (h("a", { "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", null, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { class: iconClassAttributes }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24 })))));
-  }
-  get el() { return this; }
-  static get style() { return ctaLinkCss; }
+const CtaLink = /*@__PURE__*/ proxyCustomElement(class CtaLink extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.variant = CtaLinkVariants.default;
+        this.linkContent = "";
+        this.url = undefined;
+        this.scLabel = undefined;
+        this.isExternal = false;
+    }
+    render() {
+        const iconClassAttributes = ["hy-cta-link__icon", this.isExternal && "hy-cta-link__icon--external"].join(" ");
+        const target = this.isExternal ? "_blank" : "_self";
+        return (h("a", { key: 'cc69aae9b5b8a5905f488721c5b8615cba422699', "aria-label": this.scLabel, href: this.url, target: target, class: `hy-cta-link hy-cta-link--${this.variant}` }, this.variant == CtaLinkVariants.linkList && (h("span", { key: '7c16fc9098e1472f6a3854e5b5c93eefd588380a', class: iconClassAttributes }, h("hy-icon", { key: '2226aeb4584969c53fbfe4ea66c45fee373be0a2', icon: "hy-icon-arrow-to-right", size: 24 }))), h("span", { key: '0cc1826c1caae809859a8b13c6f04171649f40e1' }, this.linkContent), this.variant == CtaLinkVariants.default && (h("span", { key: '70be80c6c1325f25d509f5e51aeb33221bd05aeb', class: iconClassAttributes }, h("hy-icon", { key: '3badd80367b163a4bb637cc082688a84f0847c58', icon: "hy-icon-arrow-to-right", size: 24 })))));
+    }
+    get el() { return this; }
+    static get style() { return HyCtaLinkStyle0; }
 }, [0, "hy-cta-link", {
-    "variant": [1],
-    "linkContent": [1, "link-content"],
-    "url": [1],
-    "scLabel": [1, "sc-label"],
-    "isExternal": [4, "is-external"]
-  }]);
+        "variant": [1],
+        "linkContent": [1, "link-content"],
+        "url": [1],
+        "scLabel": [1, "sc-label"],
+        "isExternal": [4, "is-external"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-cta-link", "hy-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-cta-link":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CtaLink);
-      }
-      break;
-    case "hy-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-cta-link", "hy-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-cta-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CtaLink);
+            }
+            break;
+        case "hy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { CtaLink as C, defineCustomElement as d };
-
-//# sourceMappingURL=cta-link.js.map

package/components/globalScript.js

@@ -1,28 +1,12 @@
-import { setMode } from '@stencil/core/internal/client';
+import './index2.js';
 
-/**
- * This is a demo on how to initialize different themes with a class name from body element.
- * You can basically get it how you want, this is not necessarily the best way!
- */
-setMode((elm) => {
-  const el = document.querySelector("body");
-  const bodyclasses = el.className.split(" ");
-  if (elm.mode)
-    return elm.mode;
-  else if (elm.getAttribute("mode"))
-    return elm.getAttribute("mode");
-  else
-    return bodyclasses.includes("full-width") ? "wide" : "default";
-});
 /**
  * Moved jsonParserWorker function to global scripts until stenciljs issue is resolved.
  * https://github.com/ionic-team/stencil/issues/2731
  * Prevented web worker from working with webpack. Do not use web worker for now.
  */
 const jsonParserWorker = async (data) => {
-  return typeof data === "string" && data.length > 0 ? JSON.parse(data) : data;
+    return typeof data === "string" && data.length > 0 ? JSON.parse(data) : data;
 };
 
 export { jsonParserWorker as j };
-
-//# sourceMappingURL=globalScript.js.map

package/components/heading.js

@@ -1,82 +1,82 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
 import { H as HeadingVarians, h as HeadingSectionVariants } from './utils.js';
 
 const defaultHeadingCss = ":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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}";
+const HyHeadingDefaultStyle0 = defaultHeadingCss;
 
 const wideHeadingFwCss = ":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-heading__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%}@media (min-width: 30rem){.hy-heading__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-heading__container__subsection{padding:2.5rem 0 1.375rem}@media (min-width: 30rem){.hy-heading__container__subsection{padding:4rem 0 2.375rem}}.hy-heading__container h1.hy-heading__default{margin-bottom:12px}@media (min-width: 1601px){.hy-heading__container h1.hy-heading__default{margin-bottom:16px}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__default__large{margin-bottom:16px}}.hy-heading__container h1.hy-heading__search{margin-bottom:0;padding:16px 0 0}@media (min-width: 30rem){.hy-heading__container h1.hy-heading__search{padding:28px 0 0}}@media (min-width: 60rem){.hy-heading__container h1.hy-heading__search{padding:32px 0 0}}@media (min-width: 75.0625rem){.hy-heading__container h1.hy-heading__search__large{padding:40px 0 0}}.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:1.5rem 0 1rem}@media (min-width: 30rem){.hy-heading__container h2,.hy-heading__container h3,.hy-heading__container h4,.hy-heading__container h5,.hy-heading__container h6{padding:2rem 0 1rem}}.hy-heading__container.hy-heading__introduction{padding-top:0}.hy-heading__container .hy-heading__courses{padding-top:0}.hy-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%;width:auto}.hy-heading__subsection--divider,.hy-heading__contentsection--divider{-ms-flex-negative:2;flex-shrink:2;overflow:hidden;width:100%}.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{background-color:transparent;border-bottom:6px solid var(--grayscale-dark);content:\" \";display:-webkit-box;display:-ms-flexbox;display:flex;height:2px;width:100%;margin-left:0;margin-bottom:0.5rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 30rem){.hy-heading__subsection--divider:after,.hy-heading__contentsection--divider:after{margin-left:2rem;border-bottom:1px solid var(--grayscale-dark);margin-bottom:1rem}}h2.hy-heading__introduction,h2.hy-heading__landingsection{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}h1.hy-heading__hero{font-size:2rem;line-height:38px;font-weight:700;color:var(--grayscale-black);font-family:var(--main-font-family);letter-spacing:-0.8px;margin-bottom:0}@media (min-width: 1024px){h1.hy-heading__hero{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1.hy-heading__hero{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__introduction,.hy-heading__container__common h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 12px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__introduction{padding:0 0 1rem}}.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__landingsection,.hy-heading__container__common h2.hy-heading__contentsection{padding-bottom:40px}}.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__common h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 1601px){.hy-heading__container__common h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction,.hy-heading__container__large h2.hy-heading__landingsection{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 1rem}}@media (min-width: 1601px){.hy-heading__container__large h2.hy-heading__introduction{padding:0 0 20px}}.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:24px}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:28px}}@media (min-width: 60rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:32px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__landingsection,.hy-heading__container__large h2.hy-heading__contentsection{padding-bottom:40px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__landing_minor{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1.hy-heading__frontpage,.hy-heading__container__large h1.hy-heading__landing_major{font-size:3.5rem;line-height:64px;letter-spacing:-1.4px}}.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.5rem;line-height:28px;font-weight:700;letter-spacing:-0.6px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__group_footer_info{letter-spacing:-0.8px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__group_footer_info{font-size:1.625rem;line-height:30px}}.hy-heading__container__large h2.hy-heading__footer_info{font-size:1.75rem;line-height:32px;font-weight:700;letter-spacing:-0.7px;text-transform:uppercase}@media (min-width: 30rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.125rem;line-height:40px;letter-spacing:-0.85px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2.hy-heading__footer_info{font-size:2.625rem;line-height:48px;letter-spacing:-1.05px}}h3.hy-heading__landingsection{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}@media (min-width: 30rem){h3.hy-heading__landingsection{font-size:2rem;line-height:32px;letter-spacing:-1px}}@media (min-width: 75.0625rem){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}@media (min-width: 1601px){h3.hy-heading__landingsection{font-size:2.5rem;line-height:48px;letter-spacing:-1.2px}}h1,h2,h3,h4,h5,h6{color:var(--brand-main-nearly-black);font-family:var(--main-font-family);font-weight:700;padding:0;margin:0;width:100%}h1.negative,h2.negative,h3.negative,h4.negative,h5.negative,h6.negative{color:var(--grayscale-white)}h1{font-size:2rem;line-height:38px;letter-spacing:-0.8px;text-transform:uppercase}@media (min-width: 30rem){h1{font-size:2.875rem;line-height:54px;letter-spacing:-1.15px}}@media (min-width: 1601px){h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}@media (min-width: 75.0625rem){.hy-heading__container__large h1{font-size:3.25rem;line-height:60px;letter-spacing:-1.3px}}h2{font-size:1.625rem;line-height:32px;font-weight:700;letter-spacing:-0.52px}@media (min-width: 30rem){h2{font-size:1.875rem;line-height:36px;letter-spacing:-0.6px}}@media (min-width: 1601px){.hy-heading__container__common h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}@media (min-width: 75.0625rem){.hy-heading__container__large h2{font-size:2.125rem;line-height:40px;letter-spacing:-0.68px}}h3{font-size:1.375rem;line-height:28px;letter-spacing:-0.7px}@media (min-width: 30rem){h3{font-size:1.625rem;line-height:32px;letter-spacing:-0.8px}}h4{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}@media (min-width: 30rem){h4{font-size:1.375rem;line-height:28px;letter-spacing:-0.69px}}h5{font-size:1rem;line-height:20px;letter-spacing:-0.5px}@media (min-width: 30rem){h5{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px}}h6{font-size:0.875rem;line-height:16px;letter-spacing:-0.44px}@media (min-width: 30rem){h6{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}h1{font-size:80px;font-weight:bold;text-transform:uppercase;line-height:1.2}";
+const HyHeadingWideStyle0 = wideHeadingFwCss;
 
-const Heading = /*@__PURE__*/ proxyCustomElement(class Heading extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.heading = HeadingVarians.default;
-    this.isSearch = false;
-    this.section = HeadingSectionVariants.default;
-    this.negative = false;
-    this.headerstyle = "common";
-    this.hyphenatedText = undefined;
-    this.hasChildren = true;
-  }
-  componentDidLoad() {
-    let hyMainDiv = this.el.closest(".hy-main");
-    if (hyMainDiv) {
-      if (!hyMainDiv.classList.contains("with-sidebar")) {
-        this.headerstyle = "large";
-      }
+const Heading = /*@__PURE__*/ proxyCustomElement(class Heading extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.heading = HeadingVarians.default;
+        this.isSearch = false;
+        this.section = HeadingSectionVariants.default;
+        this.negative = false;
+        this.headerstyle = "common";
+        this.hyphenatedText = undefined;
+        this.hasChildren = true;
     }
-    if (this.el.parentElement.classList.contains("hy-hero__title-container")) {
-      this.hasChildren = false;
+    componentDidLoad() {
+        let hyMainDiv = this.el.closest(".hy-main");
+        if (hyMainDiv) {
+            if (!hyMainDiv.classList.contains("with-sidebar")) {
+                this.headerstyle = "large";
+            }
+        }
+        if (this.el.parentElement.classList.contains("hy-hero__title-container")) {
+            this.hasChildren = false;
+        }
     }
-  }
-  render() {
-    const headingInVariants = this.heading in HeadingVarians;
-    const classAttributes = [
-      "hy-heading",
-      this.negative ? "negative" : "",
-      this.isSearch ? "hy-heading__search" : "",
-      this.isSearch ? `hy-heading__search__${this.headerstyle}` : "",
-      `hy-heading__${this.section}`,
-      `hy-heading__${this.headerstyle}`,
-      `hy-heading__${this.section}__${this.headerstyle}`,
-    ];
-    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(" ");
-    const containerSectionClass = [
-      "hy-heading__container",
-      `hy-heading__container__${this.section}`,
-      `hy-heading__container__${this.headerstyle}`,
-    ].join(" ");
-    return (h(Host, null, headingInVariants ? ([
-      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(" ") }, h("slot", null))), h("span", { class: sectionClassAttributes })),
-    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
-  }
-  get el() { return this; }
-  static get style() { return {
-    default: defaultHeadingCss,
-    wide: wideHeadingFwCss
-  }; }
+    render() {
+        const headingInVariants = this.heading in HeadingVarians;
+        const classAttributes = [
+            "hy-heading",
+            this.negative ? "negative" : "",
+            this.isSearch ? "hy-heading__search" : "",
+            this.isSearch ? `hy-heading__search__${this.headerstyle}` : "",
+            `hy-heading__${this.section}`,
+            `hy-heading__${this.headerstyle}`,
+            `hy-heading__${this.section}__${this.headerstyle}`,
+        ];
+        const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(" ");
+        const containerSectionClass = [
+            "hy-heading__container",
+            `hy-heading__container__${this.section}`,
+            `hy-heading__container__${this.headerstyle}`,
+        ].join(" ");
+        return (h(Host, { key: 'b0a5b696b32ea8de5c72093c3409fe8f02b7d34c' }, headingInVariants ? ([
+            h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(" "), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(" ") }, h("slot", null))), h("span", { class: sectionClassAttributes })),
+        ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(" ") }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
+    }
+    get el() { return this; }
+    static get style() { return {
+        default: HyHeadingDefaultStyle0,
+        wide: HyHeadingWideStyle0
+    }; }
 }, [36, "hy-heading", {
-    "heading": [1],
-    "isSearch": [4, "is-search"],
-    "section": [1],
-    "negative": [4],
-    "headerstyle": [1],
-    "hyphenatedText": [513, "hyphenated-text"],
-    "hasChildren": [32]
-  }]);
+        "heading": [1],
+        "isSearch": [4, "is-search"],
+        "section": [1],
+        "negative": [4],
+        "headerstyle": [1],
+        "hyphenatedText": [513, "hyphenated-text"],
+        "hasChildren": [32]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["hy-heading"];
-  components.forEach(tagName => { switch (tagName) {
-    case "hy-heading":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Heading);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["hy-heading"];
+    components.forEach(tagName => { switch (tagName) {
+        case "hy-heading":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Heading);
+            }
+            break;
+    } });
 }
 
 export { Heading as H, defineCustomElement as d };
-
-//# sourceMappingURL=heading.js.map

package/components/hy-accordion-container.d.ts

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

package/components/hy-accordion-container.js

@@ -4,5 +4,3 @@ const HyAccordionContainer = AccordionContainer;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyAccordionContainer, defineCustomElement };
-
-//# sourceMappingURL=hy-accordion-container.js.map

package/components/hy-accordion-item.d.ts

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

package/components/hy-accordion-item.js

@@ -4,5 +4,3 @@ const HyAccordionItem = AccordionItem;
 const defineCustomElement = defineCustomElement$1;
 
 export { HyAccordionItem, defineCustomElement };
-
-//# sourceMappingURL=hy-accordion-item.js.map

package/components/hy-adjacent-image-text.d.ts

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