@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/esm/stzh-ghettobox.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { s as setPropsIfNull } from './utils-BnOofzDv.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
 const stzhGhettoboxCss = () => `.sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h,[stzh-hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);--stzh-button-secondary-color:var(--stzh-color-coral60);--stzh-button-secondary-background-color:var(--stzh-color-white90op);--stzh-button-secondary-hover-color:var(--stzh-color-coral60);--stzh-button-secondary-hover-background-color:var(--stzh-color-white);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__message.sc-stzh-ghettobox{display:flex;flex-direction:column}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{margin:0;color:inherit}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox{--stzh-base-color:var(--richtext-color)}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}`;
@@ -72,7 +72,7 @@ const StzhGhettobox = class {
             "stzh-ghettobox--has-close-button": !this.hideClose,
         };
         // TODO: Temporary workaround/bugfix for readspeaker class "rs_skip" can be removed once Readspeaker update with bugfix has arrived (ETA end of 2024).
-        return (h(Host, { key: '7c47a3726acef0e1ba746e43a007a49cb42431ed', hidden: !this.open }, h("div", { key: 'a814ec6079c6eacf6201ceb28fa412ab15d6f8f0', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '458dd1e86c90171ab9c5fbf32824487d73e21724', class: "stzh-ghettobox__container" }, h("h1", { key: '3feb35d8942c0b40069b7542caaec9f1828b28ae', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: 'fd7c74978a44665eda144c6c1ac6b9f25dcc1be8', class: "stzh-ghettobox__message" }, h("div", { key: '601fa3826d6dfd7d596ca11270db3203c89c019f', class: "stzh-ghettobox__text" }, h("h2", { key: '734b9b8456604b06c34d968dfca8388522c01b94', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: 'b4539d7100e8c5e64230f326479509b53d0985ea', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '19e0c96b5feffc546f7b45772172fc8888d1e7af', class: "stzh-ghettobox__button" }, h("slot", { key: '24cc1487f410c6280445be4ed4264efa58fffa78', name: "button" }))), !this.hideClose && (h("stzh-button", { key: 'e917e01d64ba00304725e349db632db27aa3e3cb', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: 'db167e75c72007418b4cd2af2c90089e36f3850d', hidden: !this.open }, h("div", { key: 'c51de64f081af3d1bb3fcae1c1579e358bf796b8', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '9d5b4d9eb09960287648e9e7ec14176c38f4982c', class: "stzh-ghettobox__container" }, h("h1", { key: 'f68763be6afc8e9adaca729db33b40dab2d389f9', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: '448199817d132a0fa67b7147ea7b9a20eae45104', class: "stzh-ghettobox__message" }, h("div", { key: '6dc0829c3d5cc74e3b69dcc53d80c49cb260e2b8', class: "stzh-ghettobox__text" }, h("h2", { key: '874bc27302f04a9e09931534996c404ffda56a66', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: '01a604db8c917084b4ad2c79d9f867e052997de7', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '0b9673753f62450b713ff6083b15d18ddaeb31f7', class: "stzh-ghettobox__button" }, h("slot", { key: 'bc9fcd5f97b4586726e0921ae618bff5023397e3', name: "button" }))), !this.hideClose && (h("stzh-button", { key: '00fe78850b4be6477724c018f5e1ab1cc82e0578', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-header_3.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, e as readTask, i as writeTask, h, F as Fragment, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { h as hasSlot } from './utils-BnOofzDv.js';
+import { r as registerInstance, c as createEvent, e as readTask, i as writeTask, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import { m as media } from './media-utils-CUGRmgip.js';
 import { t as tabbable, c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
 import { c as createBaseFocusTrapOptions } from './overlay-utils-BzugsqyR.js';
@@ -39,7 +39,7 @@ const StzhHeader = class {
         this.stzhLanguageChange = createEvent(this, "stzhLanguageChange");
         this.stzhSearchChange = createEvent(this, "stzhSearchChange");
         this.stzhSearchChanged = createEvent(this, "stzhSearchChanged");
-        /** Header variant */
+        /** Header variant. Do not use 'intranet' for public applications. */
         this.variant = "default";
         /** The href attribute for the logo */
         this.href = "https://www.stadt-zuerich.ch";
@@ -57371,7 +57371,7 @@ const StzhOlmap = class {
             "stzh-olmap--has-no-print-control": !this.printControl,
             "stzh-olmap--has-location-control": this.locationControl,
         };
-        return (h(Host, { key: 'a080f7c5ab57c1d77a963aa45118051db67dc423' }, h("div", { key: 'ece18b67e3f23a60add4e7f68bbe793a640c253b', class: classes }, h("div", { key: '24096ec0cc94cac20b97335030778bc8a1626e81', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: 'a71c86d30ba9ae047ac62c33924ad70af1a08dcd', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        return (h(Host, { key: '28af5e99eb7a3329ea19c1a8e9d8dcaa4a87d4db' }, h("div", { key: 'bfc23a6e76c3b9364d768aa5de70b9b9f4c9e911', class: classes }, h("div", { key: '66f5d7b9846d35ea7810ea5d3ce9fab708c0a035', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: 'b4c4fc70120000e4584103b67940c29a17effd89', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -57472,7 +57472,7 @@ const StzhOverlay = class {
             "stzh-overlay": true,
             "stzh-overlay--is-open": this.open,
         };
-        return (h(Host, { key: 'f87df03b3bdb133052bb8c4fe0db3ec5b65ce644' }, h("div", { key: '75f5f8848477738ac4ccdb41cb10dd6214d7fec7', class: classes }, h("div", { key: 'fb2266d9c31da1723c7bb9ee31622e6e70148b70', class: "stzh-overlay__backdrop" }), h("div", { key: '6dcc3b7f0371b5ae0e60e636051e615bdd8f098b', class: "stzh-overlay__content" }, h("div", { key: '9d2a0a7a9a2f323c7cd6374691c2be3a36e8368d', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: 'fbb28868d6e8a13a1febfd3ea7dedabac241347f' }))))));
+        return (h(Host, { key: '0b15134290cda0babfb67b8abda289cb6efa4083' }, h("div", { key: 'a424f7e6a9991976b9fc9b089737acee645c4d39', class: classes }, h("div", { key: 'f1390b7a7efcbebd9770ab55a8cef3c7df6aabbe', class: "stzh-overlay__backdrop" }), h("div", { key: '69ddf68b7f53400e956b6f985f418175a6b1bdc2', class: "stzh-overlay__content" }, h("div", { key: '5c015d5b7ed1238d812143504be1801973f13197', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: 'e0bf72cca39bcefc45019d9b749805a12776434d' }))))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-heading.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 
 const stzhHeadingCss = () => `.sc-stzh-heading-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-heading-h,[stzh-hidden].sc-stzh-heading-h{display:none}.sc-stzh-heading-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-heading-h *.sc-stzh-heading,.sc-stzh-heading-h *.sc-stzh-heading::before,.sc-stzh-heading-h *.sc-stzh-heading::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-heading-h .has-focus.sc-stzh-heading{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading{outline-style:none !important}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading::-moz-focus-inner{border:0 !important}.sc-stzh-heading-h{width:100%;--color:var(--stzh-heading-color);color:var(--color)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color)}.stzh-heading.sc-stzh-heading{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading.sc-stzh-heading{color:var(--color);margin:0}.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-heading-line-height, var(--stzh-font-nano-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-default-heading-letter-spacing, var(--stzh-font-nano-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-medium-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}}.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-large-heading-letter-spacing)}}.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-heading-letter-spacing)}}.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-default-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-heading-letter-spacing)}}.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 900px){.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-ultra-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-ultra-heading-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-ultra-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1home-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1home-small-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-small-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1home-medium-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-medium-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1home-large-heading-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-large-heading-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-ultra-font-size, var(--stzh-font-zetta-font-size));line-height:var(--stzh-font-curve-h1home-ultra-heading-line-height, var(--stzh-font-zetta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-ultra-heading-letter-spacing, var(--stzh-font-zetta-text-letter-spacing))}}.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1homesmall-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1homesmall-small-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-small-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-medium-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1homesmall-medium-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-medium-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-large-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1homesmall-large-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-large-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-ultra-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1homesmall-ultra-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-ultra-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}`;
 
@@ -24,7 +24,7 @@ const StzhHeading = class {
             [`stzh-heading--level-${this.level}`]: !!this.level,
             [`stzh-heading--curve-${this.curve}`]: !!this.curve,
         };
-        return (h(Host, { key: '7c0aad36429e1ab2c34f6d1ce6d31742a427d6e1' }, h(Heading, { key: 'cb3456b1aaee62248f5a0664fbede0a26e9f3a3d', class: classes }, h("slot", { key: 'f1b9406255a1ecd6bf5346a83ed6952024c85068' }), this._htmlContent && h("div", { key: '49f6648bc2b8154c0e87d37d4e5fc8203008453a', innerHTML: this._htmlContent }))));
+        return (h(Host, { key: '6fe33bca044f763f72f4b938713714391bfd1f51' }, h(Heading, { key: 'eb716b9f9c8a0b1cbc59d116e7df424d115a23ff', class: classes }, h("slot", { key: '919ebbf26937841a5396d0d8b1f7d56a268ac292' }), this._htmlContent && h("div", { key: 'ab9d7e2fd2ed037f2235d7fbf184e1d7e1d29635', innerHTML: this._htmlContent }))));
     }
     static get watchers() { return {
         "htmlContent": ["htmlContentWatcher"]

package/dist/esm/stzh-homepage-search.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhHomepageSearchCss = () => `.sc-stzh-homepage-search-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-homepage-search-h,[stzh-hidden].sc-stzh-homepage-search-h{display:none}.sc-stzh-homepage-search-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-search-h *.sc-stzh-homepage-search,.sc-stzh-homepage-search-h *.sc-stzh-homepage-search::before,.sc-stzh-homepage-search-h *.sc-stzh-homepage-search::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-homepage-search-h .has-focus.sc-stzh-homepage-search{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search{outline-style:none !important}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-search-h{--background-color:var(
     --stzh-homepage-search-background-color,
@@ -55,7 +55,7 @@ const StzhHomepageSearch = class {
             "stzh-homepage-search": true,
             "stzh-homepage-search--is-search-filled": this.searchFilled,
         };
-        return (h(Host, { key: 'f4157fc23e4f412d32121e853fc792791dd67b90' }, h("div", { key: '64ce72819e765915488c6f900a6aca21e382b234', class: classes }, h("div", { key: 'fb392058680115176466bc58363f1b0823bc9b84', class: "stzh-homepage-search__container" }, h("form", { key: '244efcdfc92d2ae7346d633851c8c47a2494ea23', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '1fa799f102751630fffdd1f7962621bd0e3a37cb', class: "stzh-homepage-search__search" }, h("input", { key: 'ee46583a9beb66a7be4f33d6f6d62f04d4f462bc', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), h("stzh-icon", { key: '11eb8cc4a6091fe83e61deb386f1fcfdfd7d0764', class: "stzh-homepage-search__search-icon", name: "search" })))))));
+        return (h(Host, { key: 'a405db73d38a839b887cda7c18c75d279ef108b5' }, h("div", { key: 'fb6a64cbf483ec6329596589738ac7831eecdf8e', class: classes }, h("div", { key: '01a778c08bf08aa16411882cd19bf8f513b3e23b', class: "stzh-homepage-search__container" }, h("form", { key: '767a079cc4d43d3a44a79a753087364db2517fee', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '95b8528024593513e79a3043b90932176caebbcc', class: "stzh-homepage-search__search" }, h("input", { key: '10085864b8d9eba3595e7a7b695cc02d9f1f7295', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), h("stzh-icon", { key: '64d1aeb502e185ffedb3bade1c12fc11c8e8f640', class: "stzh-homepage-search__search-icon", name: "search" })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-homepage-service-highlights.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { g as getTheme } from './utils-BnOofzDv.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { g as getTheme } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
 const stzhHomepageServiceHighlightsCss = () => `.sc-stzh-homepage-service-highlights-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-homepage-service-highlights-h,[stzh-hidden].sc-stzh-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--mostsearched-background-color:var(
@@ -116,14 +116,14 @@ const StzhHomepageServiceHighlights = class {
             "stzh-homepage-service-highlights": true,
             "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
         };
-        return (h(Host, { key: 'bcb0a20383e46d811c1b68fc7f75a18b94c5a430' }, h("div", { key: 'e10c83bd95ec5ca87e70a8e0919ab467d56cec1f', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: '4f76453d0ecd4cd90ac91b513c575886b3580bad', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
+        return (h(Host, { key: '0658261e51e7450bcb45fc6c44bfafff9dfba45b' }, h("div", { key: 'b76616a0b99b3a31c53e1fccf0d2bbdc8ea8ffaf', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: 'dcfb7d9f58669b683d1be70eac6e93440482cd22', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
                 "stzh-topnews-item--has-link": true,
             } }, this.renderTopnewsItemInner(item))) : (h("div", { class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
-            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '69fe1fc1500fac3ba418fd1e79e9141357df5a18', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '5d0e88ff304a7f4b8cfe6c5af5b8b085c24db942', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
                 "stzh-mostsearched-item": true,
             } }, h("stzh-link", { class: "stzh-mostsearched-item__link", href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, icon: "arrow-right" }, item.label)))))))));
     }

package/dist/esm/stzh-hr.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhHrCss = () => `.sc-stzh-hr-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-hr-h,[stzh-hidden].sc-stzh-hr-h{display:none}.sc-stzh-hr-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-hr-h *.sc-stzh-hr,.sc-stzh-hr-h *.sc-stzh-hr::before,.sc-stzh-hr-h *.sc-stzh-hr::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-hr-h .has-focus.sc-stzh-hr{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr{outline-style:none !important}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr::-moz-focus-inner{border:0 !important}.sc-stzh-hr-h{--border-color:var(--stzh-base-border-color);width:100%}.stzh-hr.sc-stzh-hr{height:0.0625rem;background-color:var(--border-color)}`;
 
@@ -10,7 +10,7 @@ const StzhHr = class {
         const classes = {
             "stzh-hr": true,
         };
-        return (h(Host, { key: '7ea0c755069caf654ae8ec401532315650cdf411' }, h("div", { key: '03baf0a6062c4df9b2242a8ca46cff1b20fd84f2', class: classes })));
+        return (h(Host, { key: '54abcdb4fa78bd05d711af573d711dbd3c1bea2b' }, h("div", { key: '0dca08cee2817f900a4022c756c960ee45626b03', class: classes })));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-hspace.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 
 const stzhHspaceCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--h-space:var(--stzh-space-default);--h-around-left:0;--h-around-right:0;--h-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around-left));padding-right:calc(var(--h-space) * var(--h-around-right));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--h-around-left:1;--h-around-right:1;--h-around:1}:host(:empty){width:var(--h-space)}:host([around-left]:not([around-left=false])){--h-around-left:1;--h-around:1}:host([around-right]:not([around-right=false])){--h-around-right:1;--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){:host([curve=tiny]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-small)}}:host([curve=small]){--h-space:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){:host([curve=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([curve=small]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-xlarge)}}:host([curve=intermediary]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([curve=intermediary]){--h-space:var(--stzh-space-large)}}:host([curve=regular]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=regular]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xxlarge)}}:host([curve=medium]){--h-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=medium]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--h-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([curve=huge]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge)}}:host([curve=section-inner]){--h-space:var(--stzh-space-large)}@media screen and (min-width: 600px){:host([curve=section-inner]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--h-space:var(--stzh-space-xxxlarge)}}:host([curve=background-section-inner]){--h-space:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxxxlarge)}}:host([curve=background-section-outer]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-xxlarge)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall)}:host([size=small]){--h-space:var(--stzh-space-small)}:host([size=medium]){--h-space:var(--stzh-space-medium)}:host([size=large]){--h-space:var(--stzh-space-large)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--h-space:var(--stzh-space-big)}:host([size=xbig]){--h-space:var(--stzh-space-xbig)}:host([size=huge]){--h-space:var(--stzh-space-huge)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge)}:host([size=none]){--h-space:var(--stzh-space-none)}:host([size=default]){--h-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){:host([size-medium=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 900px){:host([size-medium=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([size-medium=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 900px){:host([size-medium=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 900px){:host([size-medium=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--h-space:var(--stzh-space-default)}}.stzh-hspace{flex-grow:1;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;padding:0;margin:0}.stzh-hspace--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace{}.stzh-hspace--justify-center{justify-content:center}.stzh-hspace--justify-end{justify-content:flex-end}.stzh-hspace--justify-between{justify-content:space-between}.stzh-hspace--justify-around{justify-content:space-around}.stzh-hspace--justify-evenly{justify-content:space-evenly}.stzh-hspace{}.stzh-hspace--items-end{align-items:flex-end}.stzh-hspace--items-center{align-items:center}.stzh-hspace--items-baseline{align-items:baseline}.stzh-hspace--items-stretch{align-items:stretch}`;
 
@@ -21,11 +21,11 @@ const StzhHspace = class {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: '824deeea9834498705d218ec35d3a93a9e9b162f' }, h("div", { key: '166bd7e3cb8693cda5775157228d04cf6cdd94cc', class: {
+        return (h(Host, { key: 'c0cbe9aa52dd758c5812d62b11919eec7f62ff33' }, h("div", { key: '73629c51fa1db9674b3290bcb1e7f0432af51a6e', class: {
                 "stzh-hspace": true,
                 [`stzh-hspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-hspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'e31b01c28aaa69ed7bfc6b9c6b6445d43561a9f7' }))));
+            } }, h("slot", { key: '95b3bdc51c6fa83566f23bdce0cc5c17e5c25a02' }))));
     }
 };
 StzhHspace.style = stzhHspaceCss();

package/dist/esm/stzh-http-error.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhHttpErrorCss = () => `.sc-stzh-http-error-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-http-error-h,[stzh-hidden].sc-stzh-http-error-h{display:none}.sc-stzh-http-error-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-http-error-h *.sc-stzh-http-error,.sc-stzh-http-error-h *.sc-stzh-http-error::before,.sc-stzh-http-error-h *.sc-stzh-http-error::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-http-error-h .has-focus.sc-stzh-http-error{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-http-error-h .stzh-fylingfocus-focused.sc-stzh-http-error{outline-style:none !important}.sc-stzh-http-error-h .stzh-fylingfocus-focused.sc-stzh-http-error::-moz-focus-inner{border:0 !important}.stzh-http-error__errorcode.sc-stzh-http-error{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-secondary50);font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-http-error__errorcode.sc-stzh-http-error{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-http-error__errorcode.sc-stzh-http-error{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-http-error__errorcode.sc-stzh-http-error{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-http-error__heading.sc-stzh-http-error stzh-heading.sc-stzh-http-error{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}.stzh-http-error__description.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-http-error__description.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-http-error__description.sc-stzh-http-error{margin-bottom:var(--stzh-space-xxxxlarge)}}`;
 
@@ -64,7 +64,7 @@ const StzhHttpError = class {
         const classes = {
             "stzh-http-error": true,
         };
-        return (h(Host, { key: '9fd16dbcfee805d3ca0e66dee7289ba99738c6c6' }, h("div", { key: 'd6b5db7570dac6965ffef661818d4d8cea0664a1', class: classes }, h("div", { key: 'e4db127e252002eca1b1fde7339822007043e84f', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: 'c030d819c1889ce2fabe84fa9b3c3d25088ed25a', class: "stzh-http-error__heading" }, h("stzh-heading", { key: 'a54424f94d9c2c5aef56a9424b7c92b4debd1cff' }, this.heading)), h("div", { key: '2ac000bed5dde2eedc97c7a85d2eaab191509c74', class: "stzh-http-error__description" }, h("stzh-text", { key: '320d5692a8ba53392fe93a5f91e4d74a77f2e2fd' }, this.description)), h("div", { key: '51214f5fcc7c5d2447bffe77bd06e9f34d86fb2c', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: 'a4c3e753ab03b945d2ae69e13767e87e3f5cc8d3' }, window.history.length > 1 && (h("stzh-button", { key: 'c53cb54d242c2a07fe70a2edc477f3025c821ea1', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '8760d42cfb25fdf6839599fb655afe26bba48ab5', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        return (h(Host, { key: '8db61fc9ff8b7a4dfc6c9d8d7205a8d8b47269bf' }, h("div", { key: '73d25a3347e6edaca95b9305c11003b7ca62090c', class: classes }, h("div", { key: '8f9cea7cbf2a719c87f02ca54796e5008f0a3ca1', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '80b0b32f381cc9442eb2b92bdc7365a145fd8988', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '81fe4a28949014da31483fa01735514f7139ed14' }, this.heading)), h("div", { key: 'c563b7bcec8024a56479c9cb28ba3c1e34ff32ef', class: "stzh-http-error__description" }, h("stzh-text", { key: 'b414686ab726bf42c0bc1af9bdce658ad4498ff0' }, this.description)), h("div", { key: '24c0c54328ad46a35182746494f50c71656853b7', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '3c71bed037e2725edfd29d81fdfd346c26412616' }, window.history.length > 1 && (h("stzh-button", { key: '9c305b40ed981473c4ef014c62f455115fcbcbd3', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '7b6e51dab5e8ca11c827223c2b9e2278b608c4bd', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-iframe.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as api } from './js.cookie-Cpg2gH_9.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-E-ZsRS8r.js';
 
@@ -3032,18 +3032,18 @@ const StzhIframe = class {
         const classes = {
             "stzh-iframe": true,
         };
-        return (h(Host, { key: '1b600d03ef0a63d4ca9b5d9ee7b909a48093bee7' }, h("div", { key: '35584040265826abcc773e2193387524853ef297', class: classes }, this.view === "iframe" && (h("iframe", { key: 'cf6948e031e78b262c996af20e1d71e2c6838e36', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), h("button", { key: 'dc16088bdb022e640cb522ec27f79dd24480cf62', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        return (h(Host, { key: '8b8b9169d44e1f40e186730205881eb96c870c3a' }, h("div", { key: '57cf3a60fa4e12a993e305a39d307e4a95e7646c', class: classes }, this.view === "iframe" && (h("iframe", { key: 'afa14c0268af702766b48567c8ba95c9e4573604', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), h("button", { key: 'afb26c42529f7079229b443c16c1961ccab76514', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
             // disabled={this.view === "cookiewall"}
             class: {
                 "stzh-iframe__preview": true,
                 "is-visible": this.view === "preview" || this.view === "cookiewall",
-            } }, h("div", { key: 'f7aa50926babf3b5aa4bbaf189ffe17b97bf38c1', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: '92b231cc31da78becc84a9c0008b2599e1f94933', name: "preview-image" })), h("div", { key: 'a614cb7318e45921b4171319f64deb0b1b9c9594', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: '3017710161f6a8c8b858f8cd9ec75ff905de4874', name: "preview-logo" })), this.previewIcon && (h("div", { key: '727a12a3aff3f0d611d4b2310c5429dc980fb269', class: {
+            } }, h("div", { key: 'af6dd4647146f97507f1563f4b6975d6f8308fb0', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: '7fdb2adafaa19872af407eee616f4dd1d0f28769', name: "preview-image" })), h("div", { key: 'c78231c80695a1b0852d9346d28e8541630ee3e4', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: '67df6526e9d68e2019973573c578f6816b4eed46', name: "preview-logo" })), this.previewIcon && (h("div", { key: '3e0609676b2c7ac55b28e49f8910d00c654f4f7f', class: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, h("stzh-icon", { key: 'ea5c618fa5d64db7a339c09f2ff2abc249a8cb14', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '0d14b4512f8503844abaa4e8385d780aad76a89b', class: {
+            } }, h("stzh-icon", { key: '10fc099af534c497039a7f1f15f08c14560fc1ac', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '661aa5ebee279f15bb4a7912f0d04be30100607a', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, h("div", { key: '294aef49148dc07de6d419d2bc09800f6ad2ff45', class: "stzh-iframe__cookiewall-content" }, h("div", { key: '3d8675683eeac4d01ea7a00b575d562e9d992fe3', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: 'ebcf221612ff37c5f47a68a08d135824473fff85', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (h("button", { key: '4b296df083d8870895d67fcbbdcc917ef227f505', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: 'b23bae3fb9bda8b349ab1ac9c8d024976fc000c3', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, h("div", { key: 'ff0d60d35308e647985521a2f3737c319b210e50', class: "stzh-iframe__cookiewall-content" }, h("div", { key: 'c524f886755514437b6f73d0ee42ba973570bdd2', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '4ff718cd6a9faf352711b99bd8e841d8a3d76f2c', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (h("button", { key: '3e785fe28a7f7967f72355edb64b78addb5b8ac5', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: '6b54285e56fbb822771e7723b7b29ab01dc9f384', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-imagecomparison.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhImagecomparisonCss = () => `.sc-stzh-imagecomparison-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-imagecomparison-h,[stzh-hidden].sc-stzh-imagecomparison-h{display:none}.sc-stzh-imagecomparison-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::before,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-imagecomparison-h .has-focus.sc-stzh-imagecomparison{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison{outline-style:none !important}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison::-moz-focus-inner{border:0 !important}.sc-stzh-imagecomparison-h{--exposure:50%;--divider-width:0.125rem}@media print{.sc-stzh-imagecomparison-h{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){.sc-stzh-imagecomparison-h{--divider-width:0.25rem}}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>*,.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>[slot=image-after],.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>[slot=image-after]{clip-path:polygon(calc(var(--exposure) + var(--divider-width) / 2) 0, 100% 0, 100% 100%, calc(var(--exposure) + var(--divider-width) / 2) 100%)}.stzh-imagecomparison.sc-stzh-imagecomparison{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.stzh-imagecomparison__control.sc-stzh-imagecomparison{position:absolute;inset:0;opacity:0;cursor:pointer}.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{position:absolute;left:var(--exposure);height:100%;width:var(--divider-width);background-color:var(--stzh-color-white);transform:translateX(-50%);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{transition:none;background-color:ButtonBorder}}.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:var(--exposure);overflow:hidden;width:calc(2 * var(--stzh-icon-size) + var(--divider-width));height:var(--stzh-icon-size);outline:0.1875rem solid transparent;outline-offset:-0.0625rem;transform:translate(-50%, -50%);color:var(--stzh-color-primary70);background-color:var(--stzh-color-white);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{transition:none;color:ButtonText;background-color:ButtonFace;outline-color:ButtonBorder}}.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{pointer-events:none;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;display:flex;align-items:center;height:1.5rem;padding:0 var(--stzh-space-xsmall);background:var(--stzh-color-black50op);color:var(--stzh-color-white)}@media (forced-colors: active){.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{background-color:Canvas}}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison{left:0}.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{right:0}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:var(--stzh-color-primary70)}@media (forced-colors: active){.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:Highlight}}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}@media (forced-colors: active){.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{color:HighlightText;outline-color:Highlight;background-color:Highlight}}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}`;
 
@@ -33,9 +33,9 @@ const StzhImageComparison = class {
         const classes = {
             "stzh-imagecomparison": true,
         };
-        return (h(Host, { key: '1c97a0a627febed3b7f691efed1f5ef6f7a7cbd5', "aria-roledescription": this.localization.label, style: {
+        return (h(Host, { key: '6ba93f7ab74069f229ac85ab4c35e9c1e9f5884d', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, h("div", { key: '0b08a4adc2171d886a9b1fc1bdc2fbdacc4660ac', class: classes }, h("div", { key: 'dc4c4262d1621ad5a6cb0216115bbd232c722076', class: "stzh-imagecomparison__element" }, h("slot", { key: '4045a2538ec4369e448023dd3574ae8ff8b16a64', name: "image-before" }), h("slot", { key: '481854e7ea1d765010bf6a4ae9c5213f3bf91049', name: "image-after" }), h("label", { key: '03867be00ccf9b2028fd35c09149e8a94c81861f', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: '6be78bb3998220201575b9de718020347ab801d4', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: '69457905eed68f8fc6ca972c360fa8896551793a', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'cf5063dc2b25dbfc7e78d93ded69384363c2e9f0', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '863d82f1f7915843a90d5a5b2e5ed9727e36c6d8', class: "stzh-imagecomparison__slider-line" }), h("input", { key: '52e0a1145fe8600a7d7c5715f5e64b817d11fc78', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: 'ebcc398a03c980d58a44f09b460c07f4abb2c0db', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: 'a75106a531643552183a2f864f87f5907213e4a3', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '04367102b79c53d1692c9557225979ebe55a02ae', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
+            } }, h("div", { key: 'cd73daf474c307a50eab9f09450d7c5911f4ed60', class: classes }, h("div", { key: '45a621cd3e43a1df930f968f080adfdf14e84e86', class: "stzh-imagecomparison__element" }, h("slot", { key: '30051aea2b2dd070399aa0864627503e83f34a0b', name: "image-before" }), h("slot", { key: 'f7edc32eb69a6511070e90b50f6ae70c3852c82f', name: "image-after" }), h("label", { key: 'b116d82cfcff52cd01aa19081cdee358b3914188', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: 'aa69c25517769a9f0959bfe2c45c58096feec6a4', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: '7e9e98753325e5b25cfd7bc5e68993df0f30a087', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'f03bf55f825da9baac7b3ac7dc0f1e906a4497c5', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '4e52be7d36382996cf303573a43721cd2edb5598', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'b783650104e31ff3fb551a294b52ba9c3992c825', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: 'ab54b4125c9943410bbe2509cfe5fd02d0bbe316', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: '53ab09c653ef36a0c264e206caa63a4e02e9e4f2', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '64f44bb6b0222f28877d393d1032ad312bc49a21', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/{stzh-input-description-CkiDnZXP.js → stzh-input-description-BLx_RZxZ.js}

@@ -1,10 +1,10 @@
-import { h } from './index-Qb46gVIp.js';
+import { h } from './index-Cd_ra_Ay.js';
 
 const StzhInputDescription = ({ id, classPrefix, error, description, descriptionLong, descriptionLongTitle, descriptionLongUsed, moreInfoButtonLabel, showError = true, showDescriptionText = true, }) => {
     return (h("div", { class: `${classPrefix}__description-wrapper`, id: id }, showError && (h("div", { class: `${classPrefix}__error` }, (error === null || error === void 0 ? void 0 : error.length) > 0 ? (h("ul", { class: `${classPrefix}__error-list` }, error.map(error => (h("li", { class: `${classPrefix}__error-listitem` }, error))))) : (h("slot", { name: "error" })))), (descriptionLongUsed || showDescriptionText) && (h("div", { class: `${classPrefix}__description` }, descriptionLongUsed && (h("div", { class: `${classPrefix}__description-long` }, h("stzh-popover", { class: `${classPrefix}__description-long-popover`, variant: "tooltip" }, h("button", { class: `${classPrefix}__description-long-button`, "aria-label": moreInfoButtonLabel, type: "button", "s-object-id": moreInfoButtonLabel }, h("stzh-icon", { class: `${classPrefix}__description-long-icon`, name: "info-help-filled" })), h("div", { slot: "label" }, descriptionLongTitle || description ? (descriptionLongTitle || description) : (h("slot", { name: "description-long-title" }))), h("stzh-text", { curve: "none", slot: "content" }, descriptionLong ? descriptionLong : h("slot", { name: "description-long" }))))), showDescriptionText && (h("div", { class: `${classPrefix}__description-text` }, description ? description : h("slot", { name: "description" })))))));
 };
 
 export { StzhInputDescription as S };
-//# sourceMappingURL=stzh-input-description-CkiDnZXP.js.map
+//# sourceMappingURL=stzh-input-description-BLx_RZxZ.js.map
 
-//# sourceMappingURL=stzh-input-description-CkiDnZXP.js.map
+//# sourceMappingURL=stzh-input-description-BLx_RZxZ.js.map

package/dist/esm/{stzh-input-description-CkiDnZXP.js.map → stzh-input-description-BLx_RZxZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stzh-input-description-CkiDnZXP.js","sources":["src/components/stzh-input/stzh-input-description.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\n\nexport type StzhInputDescriptionProps = {\n  id: string;\n  classPrefix: string;\n  error?: string[];\n  description?: string;\n  descriptionLong?: string;\n  descriptionLongTitle?: string;\n  descriptionLongUsed?: boolean;\n  moreInfoButtonLabel?: string;\n  showError?: boolean;\n  showDescriptionText?: boolean;\n};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n  id,\n  classPrefix,\n  error,\n  description,\n  descriptionLong,\n  descriptionLongTitle,\n  descriptionLongUsed,\n  moreInfoButtonLabel,\n  showError = true,\n  showDescriptionText = true,\n}) => {\n  return (\n    <div class={`${classPrefix}__description-wrapper`} id={id}>\n      {showError && (\n        <div class={`${classPrefix}__error`}>\n          {error?.length > 0 ? (\n            <ul class={`${classPrefix}__error-list`}>\n              {error.map(error => (\n                <li class={`${classPrefix}__error-listitem`}>{error}</li>\n              ))}\n            </ul>\n          ) : (\n            <slot name=\"error\"></slot>\n          )}\n        </div>\n      )}\n\n      {(descriptionLongUsed || showDescriptionText) && (\n        <div class={`${classPrefix}__description`}>\n          {descriptionLongUsed && (\n            <div class={`${classPrefix}__description-long`}>\n              <stzh-popover class={`${classPrefix}__description-long-popover`} variant=\"tooltip\">\n                <button\n                  class={`${classPrefix}__description-long-button`}\n                  aria-label={moreInfoButtonLabel}\n                  type=\"button\"\n                  s-object-id={moreInfoButtonLabel}\n                >\n                  <stzh-icon class={`${classPrefix}__description-long-icon`} name=\"info-help-filled\"></stzh-icon>\n                </button>\n                <div slot=\"label\">\n                  {descriptionLongTitle || description ? (\n                    descriptionLongTitle || description\n                  ) : (\n                    <slot name=\"description-long-title\"></slot>\n                  )}\n                </div>\n                <stzh-text curve=\"none\" slot=\"content\">\n                  {descriptionLong ? descriptionLong : <slot name=\"description-long\"></slot>}\n                </stzh-text>\n              </stzh-popover>\n            </div>\n          )}\n          {showDescriptionText && (\n            <div class={`${classPrefix}__description-text`}>\n              {description ? description : <slot name=\"description\"></slot>}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAeO,MAAM,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,GAAG,IAAI,EAChB,mBAAmB,GAAG,IAAI,GAC3B,KAAI;AACH,IAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,uBAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACtD,SAAS,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,EAChC,EAAA,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAChB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACd,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAkB,gBAAA,CAAA,IAAG,KAAK,CAAM,CAC1D,CAAC,CACC,KAEL,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,CACP,EAEA,CAAC,mBAAmB,IAAI,mBAAmB,MAC1C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,eAAe,EAAA,EACtC,mBAAmB,KAClB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAA4B,0BAAA,CAAA,EAAE,OAAO,EAAC,SAAS,EAAA,EAChF,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,GAAG,WAAW,CAAA,yBAAA,CAA2B,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhC,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAyB,uBAAA,CAAA,EAAE,IAAI,EAAC,kBAAkB,EAAA,CAAa,CACxF,EACT,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACd,EAAA,oBAAoB,IAAI,WAAW,IAClC,oBAAoB,IAAI,WAAW,KAEnC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,wBAAwB,EAAQ,CAAA,CAC5C,CACG,EACN,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAA,EACnC,eAAe,GAAG,eAAe,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,kBAAkB,EAAQ,CAAA,CAChE,CACC,CACX,CACP,EACA,mBAAmB,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CACzD,CACP,CACG,CACP,CACG;AAEV;;;;"}
+{"version":3,"file":"stzh-input-description-BLx_RZxZ.js","sources":["src/components/stzh-input/stzh-input-description.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\n\nexport type StzhInputDescriptionProps = {\n  id: string;\n  classPrefix: string;\n  error?: string[];\n  description?: string;\n  descriptionLong?: string;\n  descriptionLongTitle?: string;\n  descriptionLongUsed?: boolean;\n  moreInfoButtonLabel?: string;\n  showError?: boolean;\n  showDescriptionText?: boolean;\n};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n  id,\n  classPrefix,\n  error,\n  description,\n  descriptionLong,\n  descriptionLongTitle,\n  descriptionLongUsed,\n  moreInfoButtonLabel,\n  showError = true,\n  showDescriptionText = true,\n}) => {\n  return (\n    <div class={`${classPrefix}__description-wrapper`} id={id}>\n      {showError && (\n        <div class={`${classPrefix}__error`}>\n          {error?.length > 0 ? (\n            <ul class={`${classPrefix}__error-list`}>\n              {error.map(error => (\n                <li class={`${classPrefix}__error-listitem`}>{error}</li>\n              ))}\n            </ul>\n          ) : (\n            <slot name=\"error\"></slot>\n          )}\n        </div>\n      )}\n\n      {(descriptionLongUsed || showDescriptionText) && (\n        <div class={`${classPrefix}__description`}>\n          {descriptionLongUsed && (\n            <div class={`${classPrefix}__description-long`}>\n              <stzh-popover class={`${classPrefix}__description-long-popover`} variant=\"tooltip\">\n                <button\n                  class={`${classPrefix}__description-long-button`}\n                  aria-label={moreInfoButtonLabel}\n                  type=\"button\"\n                  s-object-id={moreInfoButtonLabel}\n                >\n                  <stzh-icon class={`${classPrefix}__description-long-icon`} name=\"info-help-filled\"></stzh-icon>\n                </button>\n                <div slot=\"label\">\n                  {descriptionLongTitle || description ? (\n                    descriptionLongTitle || description\n                  ) : (\n                    <slot name=\"description-long-title\"></slot>\n                  )}\n                </div>\n                <stzh-text curve=\"none\" slot=\"content\">\n                  {descriptionLong ? descriptionLong : <slot name=\"description-long\"></slot>}\n                </stzh-text>\n              </stzh-popover>\n            </div>\n          )}\n          {showDescriptionText && (\n            <div class={`${classPrefix}__description-text`}>\n              {description ? description : <slot name=\"description\"></slot>}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AAeO,MAAM,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,GAAG,IAAI,EAChB,mBAAmB,GAAG,IAAI,GAC3B,KAAI;AACH,IAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,uBAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACtD,SAAS,KACR,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,EAChC,EAAA,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAChB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACd,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAkB,gBAAA,CAAA,IAAG,KAAK,CAAM,CAC1D,CAAC,CACC,KAEL,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,CACP,EAEA,CAAC,mBAAmB,IAAI,mBAAmB,MAC1C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,eAAe,EAAA,EACtC,mBAAmB,KAClB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAA4B,0BAAA,CAAA,EAAE,OAAO,EAAC,SAAS,EAAA,EAChF,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,GAAG,WAAW,CAAA,yBAAA,CAA2B,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhC,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAyB,uBAAA,CAAA,EAAE,IAAI,EAAC,kBAAkB,EAAA,CAAa,CACxF,EACT,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACd,EAAA,oBAAoB,IAAI,WAAW,IAClC,oBAAoB,IAAI,WAAW,KAEnC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,wBAAwB,EAAQ,CAAA,CAC5C,CACG,EACN,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAA,EACnC,eAAe,GAAG,eAAe,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,kBAAkB,EAAQ,CAAA,CAChE,CACC,CACX,CACP,EACA,mBAAmB,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CACzD,CACP,CACG,CACP,CACG;AAEV;;;;"}

package/dist/esm/stzh-input.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { h as hasSlot } from './utils-BnOofzDv.js';
-import { S as StzhInputDescription } from './stzh-input-description-CkiDnZXP.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { a as hasDefaultSlotContent, h as hasSlot } from './utils-CnvjJ2wY.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import './string-utils-BubviQku.js';
 
 const stzhInputCss = () => `.sc-stzh-input-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(
@@ -57,19 +57,19 @@ const StzhInput = class {
         this.size = "default";
         /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
         this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
         this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
-        /** Updates default-slot state after initial render and later slot content changes. */
-        this.updateDefaultSlotState = () => {
-            const hasDefaultSlot = this.hasDefaultLabelContent();
-            if (this.hasDefaultSlot !== hasDefaultSlot) {
-                this.hasDefaultSlot = hasDefaultSlot;
-            }
-            if (!this.hasResolvedDefaultSlot) {
-                this.hasResolvedDefaultSlot = true;
-            }
-        };
         this.onClearClick = async (event) => {
             this.value = "";
             this.input.focus();
@@ -149,6 +149,19 @@ const StzhInput = class {
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = hasDefaultSlotContent(this.element, ["stzh-input"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -187,24 +200,6 @@ const StzhInput = class {
             throw new Error(`Type ${newValue} not supported`);
         }
     }
-    /** Detects default-slot label content, including Stencil's scoped-slot fallback nodes. */
-    hasDefaultLabelContent() {
-        if (hasSlot(this.element)) {
-            return true;
-        }
-        return Array.from(this.element.childNodes).some(node => {
-            var _a, _b;
-            const slotNode = (_a = node["s-nr"]) !== null && _a !== void 0 ? _a : node;
-            if (slotNode.nodeType === Node.TEXT_NODE) {
-                return ((_b = slotNode.textContent) !== null && _b !== void 0 ? _b : "").trim() !== "";
-            }
-            if (slotNode.nodeType === Node.ELEMENT_NODE) {
-                const element = slotNode;
-                return !element.hasAttribute("slot") && !element.classList.contains("stzh-input");
-            }
-            return false;
-        });
-    }
     waitForNextRender() {
         return new Promise(resolve => (this.renderPromiseResolve = resolve));
     }
@@ -261,18 +256,18 @@ const StzhInput = class {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'd195c45d4e0040fa255c91f43adfb94941ec2c63', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '02d3ea7c524107257e3e488cdf310dc34fa3857a', class: classes }, labelWrapperUsed && (h("div", { key: '9b4017101f0818c295d9fd781128e10a82b78be7', class: "stzh-input__label-wrapper" }, h("label", { key: 'd94b948c1e96e5bdfa8884bcb0cda7130e6bddb3', class: {
+        return (h(Host, { key: '7aef21c133dfe7591ab75f8fdfd75411e6960dc0', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '47a38d7a7d1b1cd41c1717d496cb86829e9e706c', class: classes }, labelWrapperUsed && (h("div", { key: '408a97bc8187165a347dd285b51a596734b389ef', class: "stzh-input__label-wrapper" }, h("label", { key: '84137dd0e996dbdfd0b9d7e0d9785eb5f73a314f', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'dd99a584802120e48ece9ed57355dabfba286074', class: "stzh-input__marker" }, h("span", { key: 'e52060306a2b697cbb235cdff8f559f0f4786fff', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'a5ca6200ab248c68779821f2f9cd3e2973e77b66', class: "stzh-input__marker" }, h("span", { key: '5d8a162d63ae70d1b49080c845337519a57a74fa', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'f629992a20c86974922b20dc7f8c8a671981bc17', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '62030af17d59d43f57156c63173ab9da6c8ee99a', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'dab2b867e4c4843496c3d641d05e33e53522172c', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'f27b1b23cac724928519b024d50e8760d2c28e83', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === "search" ? (h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '46722b98f746f0c00c3f08490a10a016c823f9f4', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '31cc04f66eb79662d7f5c5429d6247a83706b718', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === "search" ? (h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
                 ? this.showPassword
                     ? this.localization.$globals.passwordToggleButtonHideLabel
                     : this.localization.$globals.passwordToggleButtonShowLabel
-                : undefined })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '1d377f724be2b431c8177fd66bb2a2b43b7d425d', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+                : undefined })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '1262f802e9fa06f66114c9a98794d6df4d390479', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {