@oiz/stzh-components 4.12.2 → 4.13.0-beta1

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-BMrO_esM.js';
+import { r as registerInstance, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { g as getTheme } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -116,14 +116,14 @@ const StzhHomepageServiceHighlights = class {
             "stzh-homepage-service-highlights": true,
             "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
         };
-        return (h(Host, { key: 'bcb0a20383e46d811c1b68fc7f75a18b94c5a430' }, h("div", { key: 'e10c83bd95ec5ca87e70a8e0919ab467d56cec1f', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: '4f76453d0ecd4cd90ac91b513c575886b3580bad', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
+        return (h(Host, { key: '0658261e51e7450bcb45fc6c44bfafff9dfba45b' }, h("div", { key: 'b76616a0b99b3a31c53e1fccf0d2bbdc8ea8ffaf', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: 'dcfb7d9f58669b683d1be70eac6e93440482cd22', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
                 "stzh-topnews-item--has-link": true,
             } }, this.renderTopnewsItemInner(item))) : (h("div", { class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
-            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '69fe1fc1500fac3ba418fd1e79e9141357df5a18', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '5d0e88ff304a7f4b8cfe6c5af5b8b085c24db942', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
                 "stzh-mostsearched-item": true,
             } }, h("stzh-link", { class: "stzh-mostsearched-item__link", href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, icon: "arrow-right" }, item.label)))))))));
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as hasDefaultSlotContent, h as hasSlot } from './utils-CnvjJ2wY.js';
-import { S as StzhInputDescription } from './stzh-input-description-F6xJmR4b.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import './string-utils-BubviQku.js';
 
 const stzhInputCss = () => `.sc-stzh-input-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(
@@ -256,18 +256,18 @@ const StzhInput = class {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'edcd8b17d9a523b18ec3dc3fd8e7616a792bb1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '9cb9427ab5db441a4e26b80a389a527032d36a9f', class: classes }, labelWrapperUsed && (h("div", { key: '53bc2d5cea8f5a4e9f738ba973cd53e229864f04', class: "stzh-input__label-wrapper" }, h("label", { key: '73d80f001275d4f2eead5e9c97f10d0a4d6b3021', class: {
+        return (h(Host, { key: '7aef21c133dfe7591ab75f8fdfd75411e6960dc0', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '47a38d7a7d1b1cd41c1717d496cb86829e9e706c', class: classes }, labelWrapperUsed && (h("div", { key: '408a97bc8187165a347dd285b51a596734b389ef', class: "stzh-input__label-wrapper" }, h("label", { key: '84137dd0e996dbdfd0b9d7e0d9785eb5f73a314f', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'd842519268ef41d93e4822963a80464bb52d81ba', class: "stzh-input__marker" }, h("span", { key: '9f9733c50f43d439398beda36b470c415effda56', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'a5ca6200ab248c68779821f2f9cd3e2973e77b66', class: "stzh-input__marker" }, h("span", { key: '5d8a162d63ae70d1b49080c845337519a57a74fa', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'a6677f03b473f76df2874e577c6ea5fa262e9b86', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '62030af17d59d43f57156c63173ab9da6c8ee99a', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '58c5653a9a53c6f617833a3fae920cdebaf1f988', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '910fb2dfae4791492c3085dbfd4e5de012c7a063', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === "search" ? (h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '46722b98f746f0c00c3f08490a10a016c823f9f4', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '31cc04f66eb79662d7f5c5429d6247a83706b718', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === "search" ? (h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
                 ? this.showPassword
                     ? this.localization.$globals.passwordToggleButtonHideLabel
                     : this.localization.$globals.passwordToggleButtonShowLabel
-                : undefined })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '0150eaf57c9e266cc8234c76a21f98e4904e95b3', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+                : undefined })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '1262f802e9fa06f66114c9a98794d6df4d390479', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhInvertCss = () => `.sc-stzh-invert-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-invert-h,[stzh-hidden].sc-stzh-invert-h{display:none}.sc-stzh-invert-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-invert-h *.sc-stzh-invert,.sc-stzh-invert-h *.sc-stzh-invert::before,.sc-stzh-invert-h *.sc-stzh-invert::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-invert-h .has-focus.sc-stzh-invert{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert{outline-style:none !important}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert::-moz-focus-inner{border:0 !important}.sc-stzh-invert-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--stzh-chip-color:var(--stzh-base-invert-color);--stzh-chip-background-color:var(--stzh-color-white40op);--stzh-chip-hover-color:var(--stzh-base-invert-color);--stzh-chip-hover-background-color:var(--stzh-color-white30op);--stzh-chip-disabled-color:var(--stzh-color-white60op);--stzh-chip-disabled-background-color:var(--stzh-color-white40op);--stzh-chip-active-color:var(--stzh-color-primary);--stzh-chip-active-background-color:var(--stzh-color-white80op);--stzh-chip-active-hover-color:var(--stzh-color-primary);--stzh-chip-active-hover-background-color:var(--stzh-color-white80op);--stzh-richtext-blockquote-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-line-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-footer-color:var(--stzh-base-invert-color)}.sc-stzh-invert-h.sc-stzh-invert-s>*,.sc-stzh-invert-h .sc-stzh-invert-s>*{background-color:var(--stzh-base-invert-background-color)}`;
 
@@ -10,7 +10,7 @@ const StzhInvert = class {
         const classes = {
             "stzh-invert": true,
         };
-        return (h(Host, { key: '377f54ecaf08bb107691241c039db1a29cf5f68a' }, h("div", { key: '7261bd15fb90b5a7772ffbc01a787573a2a1bba2', class: classes }, h("slot", { key: 'fcd77a0636614aaa783716d735f97bdfa1062548' }))));
+        return (h(Host, { key: '7fa868ecf1eb6b816db0f1702e27775f6ce510d1' }, h("div", { key: 'a1d8be2f5e5c69b0f1d16c4eed8fe875475e2305', class: classes }, h("slot", { key: '7c0a8b513630e5acbf1afe4e6f7aaaa12d6e1f29' }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-link.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-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { j as addWordBreakToLinks, h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -132,7 +132,7 @@ const StzhLink = class {
             [`stzh-link--${this.href ? "has" : "no"}-href`]: true,
             [`stzh-link--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '2422039dc14374d8d6d2d092caf48c8f17e9b585', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: '677b7b3acde1084ef602c53ed2ab151d95691e4e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -20,7 +20,7 @@ const StzhLinklist = class {
             "stzh-linklist": true,
         };
         const datalistSlotUsed = hasSlot(this.element, "datalist");
-        return (h(Host, { key: 'edbe519049ece41d4f0d5d6a2333431acdf324af', "padding-bottom": this.paddingBottom }, h("div", { key: '993be3724c72b6c8067e20ab2cc49fede408eeb4', class: classes }, h("div", { key: '73be1270eda2c91388625ba7969b02b883424eae', class: "stzh-linklist__wrapper" }, this.heading && (h("div", { key: 'efc92b68441f0de06c31c1cd7f7c05b377d3bb74', class: "stzh-linklist__heading" }, h("stzh-heading", { key: '4d2c758412dd5c4585463ac6ab17552c32fde02b', level: this.headingLevel }, this.heading))), h("div", { key: '0e39faa755fd3655dd51e7022c8a8d7261b0213d', class: "stzh-linklist__list" }, datalistSlotUsed ? (h("slot", { name: "datalist" })) : (h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
+        return (h(Host, { key: '36aae6903bf4c597a1fbf037c74c4eff12d78252', "padding-bottom": this.paddingBottom }, h("div", { key: 'a7de18a71383054e37fba8ca7952034574678433', class: classes }, h("div", { key: '92edd73b543ab5d33481de0b5eeaa22ad965c6b8', class: "stzh-linklist__wrapper" }, this.heading && (h("div", { key: 'b287545c89b2123fd6d55ad8f4627a444c0592ad', class: "stzh-linklist__heading" }, h("stzh-heading", { key: '255a0fe4ea816f31afc0aff6c2de633adadf9991', level: this.headingLevel }, this.heading))), h("div", { key: '724d17a14bddf350d33c10ae874c84c898359149', class: "stzh-linklist__list" }, datalistSlotUsed ? (h("slot", { name: "datalist" })) : (h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhListCss = () => `@charset "UTF-8";: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{--font-size:var(--stzh-list-font-size, var(--stzh-font-milli-font-size));--line-height:var(
     --stzh-list-line-height,
@@ -19,7 +19,7 @@ const StzhList = class {
             "stzh-list": true,
             [`stzh-list--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '63b7857182b62e1508a178a9b1053497442c052c' }, h("div", { key: 'd5e95e317aafac53eea1b0d9f885a36a8fa8c0e9', class: classes, role: "list" }, h("slot", { key: '348519a1bbfda9e6a7413d2641acdf05bbd0d208' }))));
+        return (h(Host, { key: '419445aa5d3462dc93323edd6329a67cccbcd459' }, h("div", { key: '91f4ad109bd004ae7398f2ee0b1ab2006bec0d54', class: classes, role: "list" }, h("slot", { key: 'dc4a0339de3b1a2db2605130fcd6c672025d99bf' }))));
     }
     get element() { return getElement(this); }
 };
@@ -37,7 +37,7 @@ const StzhListItem = class {
         const classes = {
             "stzh-list-item": true,
         };
-        return (h(Host, { key: 'd02bdd8ef1fbc47649b3c2de0bee24c9dd84cbe7' }, h("div", { key: '30aa183a5e6ec9ac22701bc67723dbedd4cd10b2', class: classes, role: "listitem" }, h("div", { key: '724d71b78f5d49720fe31e17bd5d5225867df1ca', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '1decc4fe2bfd89e1eb6f030f15af4af4dd32ec66', class: "stzh-list-item__text" }, h("slot", { key: '2c6a43159a65e52bff21e51e6ab689ef8ea9d153' })))));
+        return (h(Host, { key: '2c79f84788f5018ff37f253303393bd8bfacbaa8' }, h("div", { key: '8a3e2c7c8b320a325edb00a5a3cb9b97328e8af0', class: classes, role: "listitem" }, h("div", { key: '532af0aadca647938e43a2d14bf2fc9d00be0061', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: 'f15313752797391c81e860e189211fe8d48cd088', class: "stzh-list-item__text" }, h("slot", { key: 'a7baac8f56323fd34c343939cc1e821cf6a32a67' })))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhLoaderCss = () => `.sc-stzh-loader-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-loader-h,[stzh-hidden].sc-stzh-loader-h{display:none}.sc-stzh-loader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::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-loader-h .has-focus.sc-stzh-loader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader{outline-style:none !important}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader::-moz-focus-inner{border:0 !important}@keyframes stzh-loader{0%{transform:scale(0);left:0px;opacity:1}12.5%{transform:scale(1)}25%{left:0px}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;transform:scale(1)}87.5%{left:8.75rem;transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:flex;flex-direction:column;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;transform:scale(0.2);transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem;forced-color-adjust:none;background-color:var(--stzh-color-primary70)}@media (forced-colors: active){.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{background-color:CanvasText}}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
 
@@ -18,7 +18,7 @@ const StzhLoader = class {
             "stzh-loader--hide-label": this.hideLabel,
             [`stzh-loader--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'ec61d3469c3fd89635e22a1e91a5f27517884e53' }, h("div", { key: 'e27a6ed0e283cf156117b954730065a120f8975d', class: classes }, h("div", { key: '3dfcc59f481d1e3ad42364e90e2bd8f6f32e1bac', class: "stzh-loader__wrapper" }, h("div", { key: '847165ba9d8f9de72c2970363198d02cf2004198', class: "stzh-loader__uil" }, h("div", { key: '3fe42b4a3c389d0d9efdf6729de9a775d75e433d', class: "stzh-loader__ib" }, h("div", { key: '9f04ad49d4a7a77d66acf5342d965ae7d447ed40', class: "stzh-loader__circle" }, h("div", { key: 'f718ec9fc0f79520f871800ab83d72be863b54d6' })), h("div", { key: '42d55d1075acfb476decfc872d2bc35cd7564452', class: "stzh-loader__circle" }, h("div", { key: 'd0dce04e67de30eee329897fc79a329464189014' })), h("div", { key: 'f16c0beb7751999bcbfff9e5d2d8ff64b6719029', class: "stzh-loader__circle" }, h("div", { key: '07510d301f7621911b6c3d448e60716f37425e4c' })), h("div", { key: '157676219b38ce3dbf0a89d7776078bf32e82340', class: "stzh-loader__circle" }, h("div", { key: 'b3bbcaf566ac64923c71efe60706ce340a88afd7' }))))), h("div", { key: '3cfb05c9c569e32b20c200f85224581ff7fadf3c', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '22a3cc1a1a10add666b440b5a4b43a09686e9f14' }, h("div", { key: '2f346af71dd672ab83531b1bdcc8818089a5f78c', class: classes }, h("div", { key: '9133483f877c8689941f114c3363225a407948f4', class: "stzh-loader__wrapper" }, h("div", { key: '441f5c786505c22d9df7df15de9496aa19eaa4d1', class: "stzh-loader__uil" }, h("div", { key: '2f5b00e90b657e287be75a06fa4da18e0f55fa37', class: "stzh-loader__ib" }, h("div", { key: '82fd7a0cd371c9631093788ba445c0127eb7b811', class: "stzh-loader__circle" }, h("div", { key: '20258d48c86c534d8be16912f3cf750b39ec195b' })), h("div", { key: '384dc8220f8e970a112b71f62adcf341af009b71', class: "stzh-loader__circle" }, h("div", { key: '636a9c72d1afa96756a092b5115e2a94e88de86e' })), h("div", { key: 'da357e7c80a9100a159a4a3a6d10c0dfd725d61f', class: "stzh-loader__circle" }, h("div", { key: 'f5d86280f744f9a2c67404307c6f361460d37b61' })), h("div", { key: '594acac4d06c1b645e44fa11d217339b4791a5c4', class: "stzh-loader__circle" }, h("div", { key: 'cf15773adc15fd0531f4cd9dc08872d7d8b87411' }))))), h("div", { key: 'd762938b2e1af3025b51c8cf3ac3ce1577c6da20', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhLoadingbarCss = () => `.sc-stzh-loadingbar-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-loadingbar-h,[stzh-hidden].sc-stzh-loadingbar-h{display:none}.sc-stzh-loadingbar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loadingbar-h *.sc-stzh-loadingbar,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::before,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::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-loadingbar-h .has-focus.sc-stzh-loadingbar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar{outline-style:none !important}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar::-moz-focus-inner{border:0 !important}.sc-stzh-loadingbar-h{--track-height:0.375rem;--color:var(--stzh-base-color);--bar-color:var(--stzh-color-secondary40);--bar-background-color:var(--stzh-color-black20op)}.stzh-loadingbar.sc-stzh-loadingbar{min-width:10rem}.stzh-loadingbar__bar.sc-stzh-loadingbar{position:relative;display:block;height:var(--track-height);outline:0.125rem solid transparent;outline-offset:-0.125rem;background-color:var(--bar-background-color)}@media (forced-colors: active){.stzh-loadingbar__bar.sc-stzh-loadingbar{--track-height:0.5rem;outline-color:CanvasText}}.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{z-index:1;position:relative;display:block;height:100%;width:0;background-color:var(--bar-color)}@media (forced-colors: active){.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{outline-color:SelectedItem;background-color:SelectedItem}}.stzh-loadingbar__text.sc-stzh-loadingbar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;justify-content:space-between;align-items:center;color:var(--color);margin-bottom:var(--stzh-space-xxsmall)}.stzh-loadingbar__percent.sc-stzh-loadingbar{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);letter-spacing:0.01em;margin-left:var(--stzh-space-medium);font-variant-numeric:tabular-nums}`;
 
@@ -16,7 +16,7 @@ const StzhLoadingbar = class {
         const classes = {
             "stzh-loadingbar": true,
         };
-        return (h(Host, { key: '9ed42dd81991c04054b1b30030d49a330d15cb7e' }, h("div", { key: 'f0d6ac0e54759f6caa8e4bcf13e2c96337ad3734', class: classes }, h("div", { key: 'e43ec0142c9463e9d9000c7734f3157e65c32e19', class: "stzh-loadingbar__text" }, this.label && h("div", { key: 'd0b57e8c5ce280d93ffb73fd4dc4f91eb0b7e35b', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: '13fc969c2f7c0e10c4fe09ca188bf954641824d2', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '595cf46bb544c9baa09203acbb67cd866354475c', class: "stzh-loadingbar__bar" }, h("div", { key: 'd34dd8b42c9db8e7b38a87077bd1cde96f54f100', class: "stzh-loadingbar__bar-inner", style: {
+        return (h(Host, { key: 'cdcba5f0f868a00cae9b70b69c7d46b52e2019c5' }, h("div", { key: '49f158754cded6ce054c8a08956545c040fb3cf2', class: classes }, h("div", { key: '748647d1993852da85861a77bb5bade1023e5677', class: "stzh-loadingbar__text" }, this.label && h("div", { key: '8975cbf08b932118a3ae557e63ae5caef46259e9', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: '3b05ebe169339ed08125fe7dfbfbfbce6cad83ff', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '168ff04f0b0c23b4a8eaf143eec99bcc28c470cf', class: "stzh-loadingbar__bar" }, h("div", { key: '383cc3a39fe8c5b8b5005f803efb2b1270a1189a', class: "stzh-loadingbar__bar-inner", style: {
                 width: `${this.percent}%`,
             } })))));
     }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, c as createEvent, F as Fragment, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, c as createEvent, F as Fragment, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -9,7 +9,7 @@ const StzhMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ec71f71a180d8d1d17593223e3c3d832e3e70055', role: "menu" }, h("div", { key: '4d75ad35b23a94dead39127230e4d5817907a018', class: "stzh-menu" }, h("slot", { key: 'b540c23014f559054007918532950f5c2d6f7d1b' }))));
+        return (h(Host, { key: '97a4d9705a20a902a3868baa6dbcde328a0751a5', role: "menu" }, h("div", { key: 'baa9b8fa2bdb5f7ce21925e40862974fba51cb59', class: "stzh-menu" }, h("slot", { key: '3064c3ca9fdb7ca4322c52dec8565a89b40faa22' }))));
     }
 };
 StzhMenu.style = stzhMenuCss();
@@ -104,7 +104,7 @@ const StzhMenuItem = class {
             [`stzh-menu-item--size-${this.size}`]: !!this.size,
             [`stzh-menu-item--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ebbfc5d801e36a9c99bc95dba332ab5703e270d7', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: '5b75caecdf88ceef333409eb0699b461d37daf2e', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhMessageCss = () => `.sc-stzh-message-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-message-h,[stzh-hidden].sc-stzh-message-h{display:none}.sc-stzh-message-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::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-message-h .has-focus.sc-stzh-message{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-message-h .stzh-fylingfocus-focused.sc-stzh-message{outline-style:none !important}.sc-stzh-message-h .stzh-fylingfocus-focused.sc-stzh-message::-moz-focus-inner{border:0 !important}.sc-stzh-message-h{--background-color:var(--stzh-color-grey20);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-grey90);--label-color:var(--stzh-color-info70);--description-color:var(--stzh-color-grey90)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-success70);--icon-color:var(--stzh-color-success50);--background-color:var(--stzh-color-success20)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning90);--icon-color:var(--stzh-color-warning70);--background-color:var(--stzh-color-warning20)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error70);--icon-color:var(--stzh-color-error50);--background-color:var(--stzh-color-error20)}[type=page-message].sc-stzh-message-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--background-color:var(--stzh-color-info20)}.stzh-message.sc-stzh-message{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius)}.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxxlarge)}}.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:flex;flex-direction:column;flex-grow:1;padding-left:var(--stzh-space-medium);outline:0.125rem solid transparent;outline-offset:-0.125rem}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{flex-direction:row;align-items:flex-start}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-left:var(--stzh-space-large)}}@media (forced-colors: active){.stzh-message__content.sc-stzh-message{outline-color:CanvasText}}.stzh-message__icon-wrapper.sc-stzh-message{display:flex;flex-shrink:0}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{flex-grow:1}}@media screen and (min-width: 1260px){.stzh-message__text-wrapper.sc-stzh-message{align-items:center}}.stzh-message__label.sc-stzh-message{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-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-message__label.sc-stzh-message{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-message__label.sc-stzh-message{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-message__label.sc-stzh-message{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-message__label.sc-stzh-message{color:var(--label-color)}@media screen and (min-width: 1260px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-deci-font-size) !important}}.stzh-message__label.sc-stzh-message:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-message__description.sc-stzh-message{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-message__description.sc-stzh-message{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-message__description.sc-stzh-message{color:var(--description-color);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-message__close[variant=tertiary].sc-stzh-message{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-message.sc-stzh-message:has(.stzh-message__description:empty):has(.stzh-message__link:empty) .stzh-message__label.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-bottom:0}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{align-items:flex-start;flex-direction:row}@media screen and (max-width: 1259px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{align-items:center}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{display:flex;flex-direction:column}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{flex-direction:row;gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-small)}.stzh-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{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-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-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{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-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{margin:0}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__close.sc-stzh-message{top:0.625rem;right:0.625rem}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message .stzh-message__link.sc-stzh-message{margin-top:0}}`;
 
@@ -45,10 +45,10 @@ const StzhMessage = class {
             "stzh-message--has-close-hidden": this.hideClose,
             [`stzh-message--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'f9c8973ef46672059f0dbd9834fe675311720fa7', hidden: !this.open }, h("div", { key: '3f3c43051e4c182b9c690aa8498fecd83858ddc8', class: classes }, h("div", { key: '95c7536c4970b772f3a871afd3f1ef99e11d3a39', class: "stzh-message__content" }, h("div", { key: '767219fa034a217680e6c4108eb211467e6c77b7', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: 'a8f6d151aaa264ae3d7a3ac66c81b5396f420c51', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
+        return (h(Host, { key: '8f05f3f3bfb25fe32de500180160e2786bc4da07', hidden: !this.open }, h("div", { key: 'fa7421676cb427d9de05aaa747a264a0fb7d20fe', class: classes }, h("div", { key: 'f94b9e07b529a68b6a3ad3ac4a3e02624e9d4cb7', class: "stzh-message__content" }, h("div", { key: '1503d7d90f886ab74afc83ba1b3e53f761b93f32', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: '51667fa9dd286152736c112973515e26a00cd658', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: '6939aaddc4549aa9221e8a7ddf887f3f176d14c1', class: "stzh-message__text-wrapper" }, h("div", { key: '6a48a095671aff712fd30284b58b0b11c7b705b9', class: "stzh-message__label" }, this.label ? h("strong", null, this.label) : h("slot", { name: "label" })), h("div", { key: 'a185d89f443a0ad4fc25d28629f28ad3be0d6975', class: "stzh-message__description" }, this.description ? (h("stzh-text", { color: "inherit" }, h("p", null, this.description))) : (h("slot", null))), h("div", { key: '208d811f4ca0f47e488d537b9844ea3eda72fbc7', class: "stzh-message__link" }, h("slot", { key: 'c7c951f18df76bcb3c99f0e63e206c46f35acad9', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '7cec92efb1eb1c97990d0e8290be2166e67068d1', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
+                (this.type === "error" && "warning-filled") })), h("div", { key: 'de5a8c0bcdb9b7421b12a1c7945a6c72d35bb6e6', class: "stzh-message__text-wrapper" }, h("div", { key: '098e368576af028d23964c7b4cb2fbe2516d3b2a', class: "stzh-message__label" }, this.label ? h("strong", null, this.label) : h("slot", { name: "label" })), h("div", { key: '064c04c0108ef43eb075d658bb6f26086b7b547b', class: "stzh-message__description" }, this.description ? (h("stzh-text", { color: "inherit" }, h("p", null, this.description))) : (h("slot", null))), h("div", { key: '5e5b6bd0a39aeb372a53c1362b185ad2eea21305', class: "stzh-message__link" }, h("slot", { key: '059715c3921f9c1628149b6d79bb85f40efa1979', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '39b07bc312f69c9571688262d1075a1d15958dde', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-microsite-teaserlist.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as axios } from './axios-C1yQNsdb.js';
 import './_commonjsHelpers-E-ZsRS8r.js';
 
@@ -75,7 +75,7 @@ const StzhMicrositeTeaserlist = class {
         const classes = {
             "stzh-microsite-teaserlist": true,
         };
-        return (h(Host, { key: '493881fe60c1bd36f5b8eb17c79c9ed75389e273' }, h("div", { key: '65b89c2559acc803e9c22b820342e5a43abd6a8b', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: '2378969579ea5b40c9703a4ff08e33e7656cbbac', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), h("stzh-cardlist", { key: 'd16d302b6df82205c8001da373a01d8a558c33f4', layout: "teasers" }, this._filteredSlicedItems.map(item => (h("stzh-card", { href: item.link }, item.image && (h("stzh-ratio", { slot: "image" }, h("img", { src: item.image }))), item.title && h("div", { slot: "heading" }, item.title), item.description && h("div", { slot: "content" }, item.description))))), this._showMoreLink && (h("div", { key: 'ad8dc397fc793f36e30b69c68eb0322d126c02fb', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: '5145f059a54719eafe2175529949fd12ef2b7058', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
+        return (h(Host, { key: '2930671ef918b1fc58f04266e273023a1d352a21' }, h("div", { key: 'eb934e120ad0b983fab8103384032ee1b234395a', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: '39ec31f3b1afca5de78717c34b4d8c00c9a0d410', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), h("stzh-cardlist", { key: 'a7b87841e34de65e2f59ad6c82bdba6e4184cec2', layout: "teasers" }, this._filteredSlicedItems.map(item => (h("stzh-card", { href: item.link }, item.image && (h("stzh-ratio", { slot: "image" }, h("img", { src: item.image }))), item.title && h("div", { slot: "heading" }, item.title), item.description && h("div", { slot: "content" }, item.description))))), this._showMoreLink && (h("div", { key: 'def3a144c48718a92971f6e3dfb7790e602e3917', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: '7c06b54361395a84f5aa3b33d4327cd45deb8de4', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhMonthyearpickerCss = () => `.sc-stzh-monthyearpicker-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-monthyearpicker-h,[stzh-hidden].sc-stzh-monthyearpicker-h{display:none}.sc-stzh-monthyearpicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::before,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::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-monthyearpicker-h .has-focus.sc-stzh-monthyearpicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker{outline-style:none !important}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker::-moz-focus-inner{border:0 !important}.sc-stzh-monthyearpicker-h{width:100%;--separator-height:var(--stzh-form-input-height)}[size=small].sc-stzh-monthyearpicker-h{--separator-height:var(--stzh-form-input-small-height)}.stzh-monthyearpicker__wrapper.sc-stzh-monthyearpicker{display:flex;align-items:flex-start}.stzh-monthyearpicker__separator.sc-stzh-monthyearpicker{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);height:var(--separator-height);display:flex;align-items:center;align-self:flex-end}`;
 
@@ -201,7 +201,7 @@ const StzhMonthyearpicker = class {
         const classes = {
             "stzh-monthyearpicker": true,
         };
-        return (h(Host, { key: 'c7abf5e9403d0738f30b41149f651d57d1b88243', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '0939a632664de3d8d671edcddcb713cb9fb25dd8', class: classes }, h("input", { key: '8d05c312d7fadabaded8f971ae52d167f2d76eb6', type: "hidden", name: this.name, value: this.value }), h("div", { key: '8a96fb51b2d41d35f0c3edd9a55f87c83b973afb', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'f035136e5c5085a0df305f1a3ae3210fd74e1dd9', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), h("div", { key: '40f4f5ec816f75ac172c079191172106a2929d4e', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '5de66875dbcb3fbbdcfb1ac19d1271d117b41f52', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
+        return (h(Host, { key: 'a7869ff2eb42950cb26bac600b482f2a0cdd92ef', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '3ffa2038554c75f29b83fdedfa81c1ec40ad522c', class: classes }, h("input", { key: '045ef3a4c48e9a6c6c002767d84b93bddf3d802a', type: "hidden", name: this.name, value: this.value }), h("div", { key: '16c12161e44bb70b4d6c7e2fcc2897dfafb39060', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: '64b952c389eb8f702b52fb65ea1462218cede10f', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), h("div", { key: 'eb3cf2c4a3182652a2c92d68e38ed931d1df882a', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '9a7c7db8b02e31005ebc0dc163eb523bbadec5d4', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {