@oiz/stzh-components 4.10.0 → 4.11.0-beta1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 
 const stzhEditorCss = () => `.sc-stzh-editor-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-editor-h,[stzh-hidden].sc-stzh-editor-h{display:none}.sc-stzh-editor-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-editor-h *.sc-stzh-editor,.sc-stzh-editor-h *.sc-stzh-editor::before,.sc-stzh-editor-h *.sc-stzh-editor::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-editor-h .has-focus.sc-stzh-editor{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor{outline-style:none !important}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor::-moz-focus-inner{border:0 !important}.sc-stzh-editor-h{--background-color:var(--stzh-editor-background-color, var(--stzh-color-grey10))}@media print{.sc-stzh-editor-h{display:none}}.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xxlarge)}}.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-editor.sc-stzh-editor{background-color:var(--background-color)}.stzh-editor__wrapper.sc-stzh-editor{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-editor__heading.sc-stzh-editor{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-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-editor__heading.sc-stzh-editor{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-editor__heading.sc-stzh-editor:not(:empty){margin-bottom:var(--stzh-space-medium)}.stzh-editor__link-list.sc-stzh-editor{list-style:none;margin:0;padding:0;display:grid}@media screen and (min-width: 900px){.stzh-editor__link-list.sc-stzh-editor{gap:var(--stzh-space-medium)}}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 
 const stzhEventdataCss = () => `.sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{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-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-eventdata__label.sc-stzh-eventdata{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-eventdata__label.sc-stzh-eventdata{flex-shrink:0}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { s as setPropsIfNull } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';
 

package/dist/esm/stzh-feedreader-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { h as hasSlot } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { h as hasSlot } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { p as prefersReducedMotion } from './animation-utils-BOO84wnP.js';
 
 const stzhFlyingfocusCss = () => `.sc-stzh-flyingfocus-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-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::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-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:9999999999}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-CIPExL1Q.js';
 
 /*!
   * PhotoSwipe Lightbox 5.4.4 - https://photoswipe.com

package/dist/esm/stzh-geo-ref-data.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { f as flexsearch_bundle_minExports } from './flexsearch.bundle.min-9sAr4-Zz.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './media-utils-CUGRmgip.js';
 import './_commonjsHelpers-E-ZsRS8r.js';

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { s as setPropsIfNull } from './utils-BnOofzDv.js';
 import { a as api } from './js.cookie-Cpg2gH_9.js';
 import './string-utils-BubviQku.js';

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

@@ -1,4 +1,4 @@
-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-Boyybvcm.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-CIPExL1Q.js';
 import { h as hasSlot } from './utils-BnOofzDv.js';
 import { m as media } from './media-utils-CUGRmgip.js';
 import { t as tabbable, c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
@@ -182,7 +182,7 @@ const StzhHeader = class {
             if (this.languagePreventUrlchange) {
                 event.preventDefault();
             }
-            this.languageActive = dropdownOption.value;
+            this.languageActive = String(dropdownOption.value);
             this.stzhLanguageChange.emit({
                 component: "stzh-header",
                 value: this.languageActive,
@@ -642,7 +642,7 @@ const StzhHeader = class {
                 "stzh-header__metanav-item": true,
                 "is-popover-desktop": this._menuItems.length > 0,
                 "is-stay": this.languageStay,
-            } }, h("span", { class: "stzh-header__metanav-item-text" }, activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.text), h("stzh-icon", { class: "stzh-header__metanav-icon is-close", name: "angle-down" }), h("stzh-icon", { class: "stzh-header__metanav-icon is-open", name: "angle-up" })), h("div", { slot: "content" }, h("stzh-menu", null, this._languages.map(language => (h("stzh-menu-item", { class: "stzh-header__metanav-menu-item", active: (activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.value) === language.value, href: language.value, onClick: event => this.handleLanguageClick(event, language) }, language.text)))))))), h("slot", { name: "metanav-after" })))))))), (this._menuItems.length > 0 || ((_d = this.combinedMetanavItems) === null || _d === void 0 ? void 0 : _d.length) > 0) && (h("div", { ref: el => (this.flyoutElement = el), class: "stzh-header__flyout" }, h("div", { class: "stzh-header__flyout-backdrop", onClick: this.handleBackdropClick }), h("div", { class: "stzh-header__flyout-scrollbar" }), h("div", { class: "stzh-header__menu" }, h("nav", { class: "stzh-header__menu-nav", ref: el => (this.menunavElement = el), "aria-label": this.localization.navigationLabel }, h("ul", { class: "stzh-header__menu-list is-level-1" }, this._menuItems.map(item => {
+            } }, h("span", { class: "stzh-header__metanav-item-text" }, activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.text), h("stzh-icon", { class: "stzh-header__metanav-icon is-close", name: "angle-down" }), h("stzh-icon", { class: "stzh-header__metanav-icon is-open", name: "angle-up" })), h("div", { slot: "content" }, h("stzh-menu", null, this._languages.map(language => (h("stzh-menu-item", { class: "stzh-header__metanav-menu-item", active: (activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.value) === language.value, href: String(language.value), onClick: event => this.handleLanguageClick(event, language) }, language.text)))))))), h("slot", { name: "metanav-after" })))))))), (this._menuItems.length > 0 || ((_d = this.combinedMetanavItems) === null || _d === void 0 ? void 0 : _d.length) > 0) && (h("div", { ref: el => (this.flyoutElement = el), class: "stzh-header__flyout" }, h("div", { class: "stzh-header__flyout-backdrop", onClick: this.handleBackdropClick }), h("div", { class: "stzh-header__flyout-scrollbar" }), h("div", { class: "stzh-header__menu" }, h("nav", { class: "stzh-header__menu-nav", ref: el => (this.menunavElement = el), "aria-label": this.localization.navigationLabel }, h("ul", { class: "stzh-header__menu-list is-level-1" }, this._menuItems.map(item => {
             var _a, _b;
             return (h("li", { class: {
                     "stzh-header__menu-list-item": true,
@@ -681,7 +681,7 @@ const StzhHeader = class {
         }), ((_g = this._languages) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("li", { class: {
                 "stzh-header__menu-metanav-list-item": true,
                 "is-open": this.currentOpenLanguage,
-            } }, h("button", { "aria-expanded": this.currentOpenLanguage ? "true" : "false", "aria-controls": "submenu-languages", class: "stzh-header__menu-metanav-item is-level-1", onClick: e => this.openLanguage(e) }, h("span", null, activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.text), h("stzh-icon", { class: "stzh-header__menu-metanav-item-icon", name: "angle-down" })), h("ul", { id: "submenu-languages", class: "stzh-header__menu-metanav-list is-level-2" }, h("div", { class: "stzh-header__menu-metanav-item is-level-2 is-title" }, h("span", null, this.localization.dialogLanguageTitle), h("stzh-button", { class: "stzh-header__menu-metanav-item-icon", variant: "tertiary", icon: "close", iconOnly: true, label: "Sprach-Dialog schliessen", onClick: () => this.closeLanguage() })), this._languages.map(language => (h("li", { class: "stzh-header__menu-metanav-list-item" }, h("a", { class: "stzh-header__menu-metanav-item is-level-2 is-language", href: language.value, onClick: event => this.handleLanguageClick(event, language) }, h("span", null, language.text), (activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.value) === language.value && (h("stzh-icon", { class: "stzh-header__menu-metanav-item-icon", name: "checkmark" })))))))))))))))), hasSlot(this.element, "search") && (h("div", { ref: el => (this.flyoutSearchElement = el), class: "stzh-header__flyout-search" }, h("div", { class: "stzh-header__flyout-backdrop", onClick: this.handleBackdropSearchClick }), h("div", { class: "stzh-header__flyout-scrollbar" }), h("div", { class: "stzh-header__flyout-search-main" }, h("slot", { name: "search" })))))));
+            } }, h("button", { "aria-expanded": this.currentOpenLanguage ? "true" : "false", "aria-controls": "submenu-languages", class: "stzh-header__menu-metanav-item is-level-1", onClick: e => this.openLanguage(e) }, h("span", null, activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.text), h("stzh-icon", { class: "stzh-header__menu-metanav-item-icon", name: "angle-down" })), h("ul", { id: "submenu-languages", class: "stzh-header__menu-metanav-list is-level-2" }, h("div", { class: "stzh-header__menu-metanav-item is-level-2 is-title" }, h("span", null, this.localization.dialogLanguageTitle), h("stzh-button", { class: "stzh-header__menu-metanav-item-icon", variant: "tertiary", icon: "close", iconOnly: true, label: "Sprach-Dialog schliessen", onClick: () => this.closeLanguage() })), this._languages.map(language => (h("li", { class: "stzh-header__menu-metanav-list-item" }, h("a", { class: "stzh-header__menu-metanav-item is-level-2 is-language", href: String(language.value), onClick: event => this.handleLanguageClick(event, language) }, h("span", null, language.text), (activeLanguageOption === null || activeLanguageOption === void 0 ? void 0 : activeLanguageOption.value) === language.value && (h("stzh-icon", { class: "stzh-header__menu-metanav-item-icon", name: "checkmark" })))))))))))))))), hasSlot(this.element, "search") && (h("div", { ref: el => (this.flyoutSearchElement = el), class: "stzh-header__flyout-search" }, h("div", { class: "stzh-header__flyout-backdrop", onClick: this.handleBackdropSearchClick }), h("div", { class: "stzh-header__flyout-scrollbar" }), h("div", { class: "stzh-header__flyout-search-main" }, h("slot", { name: "search" })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host } from './index-CIPExL1Q.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))}}`;
 

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-Boyybvcm.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CIPExL1Q.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,

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { g as getTheme } from './utils-BnOofzDv.js';
 import './string-utils-BubviQku.js';
 
@@ -107,21 +107,25 @@ const StzhHomepageServiceHighlights = class {
     renderTopnewsItemInner(item) {
         return (h(Fragment, null, !!item.subtitle && h("stzh-text", { class: "stzh-topnews-item__subtitle" }, item.subtitle), h("stzh-heading", { class: "stzh-topnews-item__label", curve: this.topnewsHeadingCurve }, item.label)));
     }
+    isExternal(link) {
+        const url = new URL(link, window.location.origin);
+        return url.hostname !== window.location.hostname;
+    }
     render() {
         const classes = {
             "stzh-homepage-service-highlights": true,
             "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
         };
-        return (h(Host, { key: 'ff0dc651ae6e225d386c12bc124b2890ef570ed8' }, h("div", { key: 'fb175f3a4942daa923c0f73029951f49f6fcad94', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: 'ddde8de58d00f4c44c77823489ed87e4d2ffcfa3', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, class: {
+        return (h(Host, { key: 'ce75f152b3c70167d294d516ac5796e08a701552' }, h("div", { key: 'f72f282ec24f4bfb6febd9ac6a55fc6c955180df', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: 'f3e222a6ec9554649973616f698d44627db3886d', 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: '2cc4a8d626617c2dc18035df4ae284e43ca3da87', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '179ebcdd113c7caa04dea2602b5ac51e848c72ba', 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, icon: "arrow-right" }, item.label)))))))));
+            } }, 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)))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-homepage-service-highlights.entry.js","sources":["src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.scss?tag=stzh-homepage-service-highlights&encapsulation=scoped","src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.tsx"],"sourcesContent":["/**\n * @prop --topnews-background-color: Background color of top news section\n * @prop --mostsearched-background-color: Background color of top most searched section\n *\n * @prop --stzh-homepage-service-highlights-topnews-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --mostsearched-background-color: var(\n    --stzh-homepage-service-highlights-mostsearched-background-color,\n    #{$mostsearchedBackgroundColor}\n  );\n  --mostsearched-item-font-size: var(\n    --stzh-homepage-service-highlights-mostsearched-item-font-size,\n    \"inherit\"\n  );\n  --mostsearched-color: var(\n    --stzh-homepage-service-highlights-mostsearched-color,\n    #{$linkColor}\n  );\n  --topnews-background-color: var(\n    --stzh-homepage-service-highlights-topnews-background-color,\n    #{$topnewsBackgroundColor}\n  );\n  --topnews-background-color-hover: var(\n    --stzh-homepage-service-highlights-topnews-background-color-hover,\n    #{$colorSecondary40}\n  );\n  --topnews-color-hover: var(\n    --stzh-homepage-service-highlights-topnews-hover,\n    #{$colorPrimary70}\n  );\n  --topnews-item-subtitle-color: var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-color,\n    #{$colorPrimary70}\n  );\n  --topnews-item-subtitle-font: var(\n    --stzh-homepage-service-highlights-topnews-subtitle-font,\n    #{$topnewsSubtitleFont}\n  );\n  --topnews-item-subtitle-highlighted-color: var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color,\n    #{$colorPrimary60}\n  );\n}\n\n.stzh-homepage-service-highlights {\n  display: grid;\n\n  &__topnews,\n  &__mostsearched {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--has-topnews {\n    @include mq($from: medium) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  /**\n   * Top news.\n   */\n\n  .stzh-topnews-item {\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-left: space(\"large\");\n    padding-right: space(\"large\");\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n    }\n  }\n\n  .stzh-topnews-item--has-link {\n    transition: background-color 150ms ease;\n    text-decoration: none;\n\n    &:hover {\n      background-color: var(--topnews-background-color-hover);\n    }\n  }\n\n  .stzh-topnews-item--highlighted {\n    background-color: var(--stzh-color-lemonyellow50);\n  }\n\n  .stzh-topnews-item--highlighted.stzh-topnews-item--has-link {\n    &:hover {\n      background-color: var(--stzh-color-lemonyellow60);\n    }\n  }\n\n  .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-color);\n    font-family: var(--topnews-item-subtitle-font);\n  }\n\n  .stzh-topnews-item--highlighted .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-highlighted-color);\n  }\n\n  .stzh-topnews-item__label {\n    //@include fontCurve('h4', 'heading'); // default\n  }\n\n  .stzh-topnews-item.stzh-topnews-item--has-link:not(\n      .stzh-topnews-item--highlighted\n    ):hover\n    .stzh-topnews-item__label {\n    --color: var(--stzh-color-primary80);\n  }\n\n  .stzh-topnews-item--highlighted:hover .stzh-topnews-item__subtitle {\n    --color: var(--topnews-color-hover);\n  }\n\n  &__topnews {\n    background-color: var(--topnews-background-color);\n  }\n\n  /**\n   * Most searched.\n   */\n  &__mostsearched {\n    background-color: var(--mostsearched-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    padding-right: space(\"large\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-left: space(\"large\");\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n    }\n  }\n\n  &:not(&--has-topnews) &__mostsearched {\n    @include mq($from: medium) {\n      display: grid;\n      gap: 0 space(\"large\");\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n      padding-right: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n    }\n  }\n\n  .stzh-mostsearched-item {\n    @include spaceCurve(\"padding-top\", \"tiny\");\n    @include spaceCurve(\"padding-bottom\", \"tiny\");\n  }\n\n  .stzh-mostsearched-item__link {\n    --color: var(--mostsearched-color);\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    --hover-color: $linkColor;\n\n    @include mq($from: medium) {\n      --font-size: var(--mostsearched-item-font-size);\n    }\n\n    transition: transform 150ms ease;\n\n    &:hover {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { Font, StzhMostsearchedItem, StzhTopnewsItem } from \"../../../index\";\nimport { getTheme } from \"../../../utils/utils\";\nimport Curves = Font.Curves;\n\n@Component({\n  tag: \"stzh-homepage-service-highlights\",\n  styleUrl: \"stzh-homepage-service-highlights.scss\",\n  scoped: true,\n})\nexport class StzhHomepageServiceHighlights {\n  @Element() element: HTMLStzhHomepageServiceHighlightsElement;\n\n  /** Top news items */\n  @Prop() topnewsItems: StzhTopnewsItem[] | string = [];\n  private _topnewsItems: StzhTopnewsItem[] = [];\n\n  /** Most searched items */\n  @Prop() mostsearchedItems: StzhMostsearchedItem[] | string = [];\n  private _mostsearchedItems: StzhMostsearchedItem[] = [];\n\n  @State() topnewsHeadingCurve: Curves = \"h2\";\n\n  @Watch(\"topnewsItems\")\n  topnewsItemsWatcher(newValue: StzhTopnewsItem[] | string) {\n    if (!newValue) {\n      this._topnewsItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        const parsed = JSON.parse(newValue);\n        this._topnewsItems = this.ensureSingleHighlight(parsed);\n      } catch (e) {\n        this._topnewsItems = [];\n      }\n    } else {\n      this._topnewsItems = this.ensureSingleHighlight(newValue);\n    }\n  }\n\n  @Watch(\"mostsearchedItems\")\n  mostsearchedItemsWatcher(newValue: StzhMostsearchedItem[] | string) {\n    if (!newValue) {\n      this._mostsearchedItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._mostsearchedItems = JSON.parse(newValue);\n      } catch (e) {\n        this._mostsearchedItems = [];\n      }\n    } else {\n      this._mostsearchedItems = newValue;\n    }\n  }\n\n  private ensureSingleHighlight(items: StzhTopnewsItem[]): StzhTopnewsItem[] {\n    let foundHighlighted = false;\n\n    return items.map(item => {\n      if (item.isHighlighted) {\n        if (!foundHighlighted) {\n          foundHighlighted = true;\n          return item;\n        } else {\n          // Remove highlight from subsequent items\n          return { ...item, isHighlighted: false };\n        }\n      }\n      return item;\n    });\n  }\n\n  private init = () => {\n    this.topnewsItemsWatcher(this.topnewsItems);\n    this.mostsearchedItemsWatcher(this.mostsearchedItems);\n    const theme = getTheme();\n    switch (theme) {\n      case \"stzh-theme-pkzh\":\n        this.topnewsHeadingCurve = \"h3\";\n        break;\n    }\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private renderTopnewsItemInner(item: StzhTopnewsItem): HTMLElement {\n    return (\n      <Fragment>\n        {!!item.subtitle && <stzh-text class=\"stzh-topnews-item__subtitle\">{item.subtitle}</stzh-text>}\n        <stzh-heading class=\"stzh-topnews-item__label\" curve={this.topnewsHeadingCurve}>\n          {item.label}\n        </stzh-heading>\n      </Fragment>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-homepage-service-highlights\": true,\n      \"stzh-homepage-service-highlights--has-topnews\": this._topnewsItems.length > 0,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this._topnewsItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__topnews\">\n              {this._topnewsItems.map(item =>\n                !!item.href ? (\n                  <a\n                    href={item.href}\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                      \"stzh-topnews-item--has-link\": true,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </a>\n                ) : (\n                  <div\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </div>\n                ),\n              )}\n            </div>\n          )}\n          {this._mostsearchedItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__mostsearched\">\n              {this._mostsearchedItems.map(item => (\n                <div\n                  class={{\n                    \"stzh-mostsearched-item\": true,\n                  }}\n                >\n                  <stzh-link class=\"stzh-mostsearched-item__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"stzh-homepage-service-highlights.entry.js","sources":["src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.scss?tag=stzh-homepage-service-highlights&encapsulation=scoped","src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.tsx"],"sourcesContent":["/**\n * @prop --topnews-background-color: Background color of top news section\n * @prop --mostsearched-background-color: Background color of top most searched section\n *\n * @prop --stzh-homepage-service-highlights-topnews-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --mostsearched-background-color: var(\n    --stzh-homepage-service-highlights-mostsearched-background-color,\n    #{$mostsearchedBackgroundColor}\n  );\n  --mostsearched-item-font-size: var(\n    --stzh-homepage-service-highlights-mostsearched-item-font-size,\n    \"inherit\"\n  );\n  --mostsearched-color: var(\n    --stzh-homepage-service-highlights-mostsearched-color,\n    #{$linkColor}\n  );\n  --topnews-background-color: var(\n    --stzh-homepage-service-highlights-topnews-background-color,\n    #{$topnewsBackgroundColor}\n  );\n  --topnews-background-color-hover: var(\n    --stzh-homepage-service-highlights-topnews-background-color-hover,\n    #{$colorSecondary40}\n  );\n  --topnews-color-hover: var(\n    --stzh-homepage-service-highlights-topnews-hover,\n    #{$colorPrimary70}\n  );\n  --topnews-item-subtitle-color: var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-color,\n    #{$colorPrimary70}\n  );\n  --topnews-item-subtitle-font: var(\n    --stzh-homepage-service-highlights-topnews-subtitle-font,\n    #{$topnewsSubtitleFont}\n  );\n  --topnews-item-subtitle-highlighted-color: var(\n    --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color,\n    #{$colorPrimary60}\n  );\n}\n\n.stzh-homepage-service-highlights {\n  display: grid;\n\n  &__topnews,\n  &__mostsearched {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--has-topnews {\n    @include mq($from: medium) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  /**\n   * Top news.\n   */\n\n  .stzh-topnews-item {\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-left: space(\"large\");\n    padding-right: space(\"large\");\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n    }\n  }\n\n  .stzh-topnews-item--has-link {\n    transition: background-color 150ms ease;\n    text-decoration: none;\n\n    &:hover {\n      background-color: var(--topnews-background-color-hover);\n    }\n  }\n\n  .stzh-topnews-item--highlighted {\n    background-color: var(--stzh-color-lemonyellow50);\n  }\n\n  .stzh-topnews-item--highlighted.stzh-topnews-item--has-link {\n    &:hover {\n      background-color: var(--stzh-color-lemonyellow60);\n    }\n  }\n\n  .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-color);\n    font-family: var(--topnews-item-subtitle-font);\n  }\n\n  .stzh-topnews-item--highlighted .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-highlighted-color);\n  }\n\n  .stzh-topnews-item__label {\n    //@include fontCurve('h4', 'heading'); // default\n  }\n\n  .stzh-topnews-item.stzh-topnews-item--has-link:not(\n      .stzh-topnews-item--highlighted\n    ):hover\n    .stzh-topnews-item__label {\n    --color: var(--stzh-color-primary80);\n  }\n\n  .stzh-topnews-item--highlighted:hover .stzh-topnews-item__subtitle {\n    --color: var(--topnews-color-hover);\n  }\n\n  &__topnews {\n    background-color: var(--topnews-background-color);\n  }\n\n  /**\n   * Most searched.\n   */\n  &__mostsearched {\n    background-color: var(--mostsearched-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    padding-right: space(\"large\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-left: space(\"large\");\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n    }\n  }\n\n  &:not(&--has-topnews) &__mostsearched {\n    @include mq($from: medium) {\n      display: grid;\n      gap: 0 space(\"large\");\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n      padding-right: calc(\n        ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2)\n      );\n    }\n  }\n\n  .stzh-mostsearched-item {\n    @include spaceCurve(\"padding-top\", \"tiny\");\n    @include spaceCurve(\"padding-bottom\", \"tiny\");\n  }\n\n  .stzh-mostsearched-item__link {\n    --color: var(--mostsearched-color);\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    --hover-color: $linkColor;\n\n    @include mq($from: medium) {\n      --font-size: var(--mostsearched-item-font-size);\n    }\n\n    transition: transform 150ms ease;\n\n    &:hover {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { Font, StzhMostsearchedItem, StzhTopnewsItem } from \"../../../index\";\nimport { getTheme } from \"../../../utils/utils\";\nimport Curves = Font.Curves;\n\n@Component({\n  tag: \"stzh-homepage-service-highlights\",\n  styleUrl: \"stzh-homepage-service-highlights.scss\",\n  scoped: true,\n})\nexport class StzhHomepageServiceHighlights {\n  @Element() element: HTMLStzhHomepageServiceHighlightsElement;\n\n  /** Top news items */\n  @Prop() topnewsItems: StzhTopnewsItem[] | string = [];\n  private _topnewsItems: StzhTopnewsItem[] = [];\n\n  /** Most searched items */\n  @Prop() mostsearchedItems: StzhMostsearchedItem[] | string = [];\n  private _mostsearchedItems: StzhMostsearchedItem[] = [];\n\n  @State() topnewsHeadingCurve: Curves = \"h2\";\n\n  @Watch(\"topnewsItems\")\n  topnewsItemsWatcher(newValue: StzhTopnewsItem[] | string) {\n    if (!newValue) {\n      this._topnewsItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        const parsed = JSON.parse(newValue);\n        this._topnewsItems = this.ensureSingleHighlight(parsed);\n      } catch (e) {\n        this._topnewsItems = [];\n      }\n    } else {\n      this._topnewsItems = this.ensureSingleHighlight(newValue);\n    }\n  }\n\n  @Watch(\"mostsearchedItems\")\n  mostsearchedItemsWatcher(newValue: StzhMostsearchedItem[] | string) {\n    if (!newValue) {\n      this._mostsearchedItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._mostsearchedItems = JSON.parse(newValue);\n      } catch (e) {\n        this._mostsearchedItems = [];\n      }\n    } else {\n      this._mostsearchedItems = newValue;\n    }\n  }\n\n  private ensureSingleHighlight(items: StzhTopnewsItem[]): StzhTopnewsItem[] {\n    let foundHighlighted = false;\n\n    return items.map(item => {\n      if (item.isHighlighted) {\n        if (!foundHighlighted) {\n          foundHighlighted = true;\n          return item;\n        } else {\n          // Remove highlight from subsequent items\n          return { ...item, isHighlighted: false };\n        }\n      }\n      return item;\n    });\n  }\n\n  private init = () => {\n    this.topnewsItemsWatcher(this.topnewsItems);\n    this.mostsearchedItemsWatcher(this.mostsearchedItems);\n    const theme = getTheme();\n    switch (theme) {\n      case \"stzh-theme-pkzh\":\n        this.topnewsHeadingCurve = \"h3\";\n        break;\n    }\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private renderTopnewsItemInner(item: StzhTopnewsItem): HTMLElement {\n    return (\n      <Fragment>\n        {!!item.subtitle && <stzh-text class=\"stzh-topnews-item__subtitle\">{item.subtitle}</stzh-text>}\n        <stzh-heading class=\"stzh-topnews-item__label\" curve={this.topnewsHeadingCurve}>\n          {item.label}\n        </stzh-heading>\n      </Fragment>\n    );\n  }\n\n  private isExternal(link: string): boolean {\n    const url = new URL(link, window.location.origin);\n    return url.hostname !== window.location.hostname;\n  }\n  render() {\n    const classes = {\n      \"stzh-homepage-service-highlights\": true,\n      \"stzh-homepage-service-highlights--has-topnews\": this._topnewsItems.length > 0,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this._topnewsItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__topnews\">\n              {this._topnewsItems.map(item =>\n                !!item.href ? (\n                  <a\n                    href={item.href}\n                    target={!item.target && this.isExternal(item.href) ? \"_blank\" : item.target}\n                    rel={this.isExternal(item.href) ? \"noopener noreferrer\" : undefined}\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                      \"stzh-topnews-item--has-link\": true,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </a>\n                ) : (\n                  <div\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </div>\n                ),\n              )}\n            </div>\n          )}\n          {this._mostsearchedItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__mostsearched\">\n              {this._mostsearchedItems.map(item => (\n                <div\n                  class={{\n                    \"stzh-mostsearched-item\": true,\n                  }}\n                >\n                  <stzh-link\n                    class=\"stzh-mostsearched-item__link\"\n                    href={item.href}\n                    target={!item.target && this.isExternal(item.href) ? \"_blank\" : item.target}\n                    rel={this.isExternal(item.href) ? \"noopener noreferrer\" : undefined}\n                    icon={\"arrow-right\"}\n                  >\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.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)}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-Boyybvcm.js';
+import { r as registerInstance, h, a as Host } from './index-CIPExL1Q.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}`;
 

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-Boyybvcm.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-CIPExL1Q.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)}}`;
 

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-Boyybvcm.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { a as api } from './js.cookie-Cpg2gH_9.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-E-ZsRS8r.js';
 

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-Boyybvcm.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CIPExL1Q.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}}.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)}.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);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)}.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)}.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)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}`;
 

package/dist/esm/{stzh-input-description-D7avZ-wq.js → stzh-input-description-DTwZSuau.js}

@@ -1,10 +1,10 @@
-import { h } from './index-Boyybvcm.js';
+import { h } from './index-CIPExL1Q.js';
 
 const StzhInputDescription = ({ id, classPrefix, error, description, descriptionLong, descriptionLongTitle, descriptionLongUsed, moreInfoButtonLabel, }) => {
     return (h("div", { class: `${classPrefix}__description-wrapper`, id: id }, h("div", { class: `${classPrefix}__error` }, error.length > 0 ? (h("ul", { class: `${classPrefix}__error-list` }, error.map(error => (h("li", { class: `${classPrefix}__error-listitem` }, error))))) : (h("slot", { name: "error" }))), 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" })), 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" }))))), h("div", { class: `${classPrefix}__description-text` }, description ? description : h("slot", { name: "description" })))));
 };
 
 export { StzhInputDescription as S };
-//# sourceMappingURL=stzh-input-description-D7avZ-wq.js.map
+//# sourceMappingURL=stzh-input-description-DTwZSuau.js.map
 
-//# sourceMappingURL=stzh-input-description-D7avZ-wq.js.map
+//# sourceMappingURL=stzh-input-description-DTwZSuau.js.map

package/dist/esm/{stzh-input-description-D7avZ-wq.js.map → stzh-input-description-DTwZSuau.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stzh-input-description-D7avZ-wq.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};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n  id,\n  classPrefix,\n  error,\n  description,\n  descriptionLong,\n  descriptionLongTitle,\n  descriptionLongUsed,\n  moreInfoButtonLabel,\n}) => {\n  return (\n    <div class={`${classPrefix}__description-wrapper`} id={id}>\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      <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\"></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\n        <div class={`${classPrefix}__description-text`}>\n          {description ? description : <slot name=\"description\"></slot>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;MAaa,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,KAAI;AACH,IAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,qBAAA,CAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,IAChC,KAAK,CAAC,MAAM,GAAG,CAAC,IACf,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACd,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,kBAAkB,EAAG,EAAA,KAAK,CAAM,CAC1D,CAAC,CACC,KAEL,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe,EAAA,EACtC,mBAAmB,KAClB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,CAAoB,kBAAA,CAAA,EAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,0BAAA,CAA4B,EAAE,OAAO,EAAC,SAAS,EAAA,EAChF,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAG,EAAA,WAAW,CAA2B,yBAAA,CAAA,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhC,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,GAAG,WAAW,CAAA,uBAAA,CAAyB,EAAE,IAAI,EAAC,WAAW,EAAA,CAAa,CACjF,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,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,kBAAA,CAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,GAAQ,CACzD,CACF,CACF;AAEV;;;;"}
+{"version":3,"file":"stzh-input-description-DTwZSuau.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};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n  id,\n  classPrefix,\n  error,\n  description,\n  descriptionLong,\n  descriptionLongTitle,\n  descriptionLongUsed,\n  moreInfoButtonLabel,\n}) => {\n  return (\n    <div class={`${classPrefix}__description-wrapper`} id={id}>\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      <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\"></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\n        <div class={`${classPrefix}__description-text`}>\n          {description ? description : <slot name=\"description\"></slot>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;MAaa,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,GACpB,KAAI;AACH,IAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,qBAAA,CAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,IAChC,KAAK,CAAC,MAAM,GAAG,CAAC,IACf,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACd,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,kBAAkB,EAAG,EAAA,KAAK,CAAM,CAC1D,CAAC,CACC,KAEL,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe,EAAA,EACtC,mBAAmB,KAClB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,CAAoB,kBAAA,CAAA,EAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,0BAAA,CAA4B,EAAE,OAAO,EAAC,SAAS,EAAA,EAChF,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,CAAG,EAAA,WAAW,CAA2B,yBAAA,CAAA,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhC,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,GAAG,WAAW,CAAA,uBAAA,CAAyB,EAAE,IAAI,EAAC,WAAW,EAAA,CAAa,CACjF,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,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,kBAAA,CAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,GAAQ,CACzD,CACF,CACF;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-Boyybvcm.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-CIPExL1Q.js';
 import { h as hasSlot } from './utils-BnOofzDv.js';
-import { S as StzhInputDescription } from './stzh-input-description-D7avZ-wq.js';
+import { S as StzhInputDescription } from './stzh-input-description-DTwZSuau.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(
@@ -226,15 +226,19 @@ const StzhInput = class {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '1ef36f581c7a26d514af8642bae130276c8781ca', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '8df05074b262471a5148932688fd18756fa560f4', class: classes }, h("label", { key: '4bb54f4d55024f06024473400f2f841f80bca66b', class: {
+        return (h(Host, { key: 'e5061cc19acf37f5ea7339a1ea7bc765365dee71', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: 'c82ed01acd3b7b98586432b3c79919c4f0b84d52', class: classes }, h("label", { key: '81f1f809f1b9377d29f0a45899af74718ae9741e', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'd887d40331f8347523035d668788dbb2e621d06c', class: "stzh-input__marker" }, h("span", { key: '90a6c2aff8b4c270110eed16e1cfaecd0645f4e4', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '767921b9ec240cd1bafd2ff1f69b0b9218e31330', class: "stzh-input__marker" }, h("span", { key: 'afed861489c460a2d4b507df8aa2affce1a50c4c', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '368cbfb3d59eb1fd517856bc21a44bacf4ada83b', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'f01caa12a4a3e1d205aa67b2bf52ecaaf7a6bcce', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: 'a328096c0dd5781cd7a8360c61bde4471f95515a', 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" || this.type === "password") ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : 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 })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'edbb5d9b69503365a73b4acc8d62838dffd49073', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), h("div", { key: 'c65a8f4064d3d30b36a2e011297e5f51ea46c32b', 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" || this.type === "password") ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : 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 })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '7d51bd82105b67351ba51f21bff09e07cae8c0ea', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {