npm - @oiz/stzh-components - Versions diffs - 4.12.1 → 4.13.0-beta1 - Mend

@oiz/stzh-components 4.12.1 → 4.13.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1081) hide show

package/dist/components/stzh-rating.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { S as StzhInputDescription } from './p-x2lzAuxg.js';
-import { d as defineCustomElement$4 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$3 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$2 } from './p-CqIeGIYq.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { a as hasDefaultSlotContent, h as hasSlot } from './p-DBHUqFOB.js';
+import { S as StzhInputDescription } from './p-CbIALTef.js';
+import { d as defineCustomElement$4 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$3 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 const stzhRatingCss = () => `.sc-stzh-rating-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-rating-h,[stzh-hidden].sc-stzh-rating-h{display:none}.sc-stzh-rating-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-rating-h *.sc-stzh-rating,.sc-stzh-rating-h *.sc-stzh-rating::before,.sc-stzh-rating-h *.sc-stzh-rating::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-rating-h .has-focus.sc-stzh-rating{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating{outline-style:none !important}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating::-moz-focus-inner{border:0 !important}.sc-stzh-rating-h{--rating-legend-color:var(--stzh-rating-legend-color, var(--stzh-heading-color));--rating-icon-empty:var(--stzh-color-primary70);--rating-icon-active:var(--stzh-color-primary70);--rating-icon-hover:var(--stzh-color-secondary60);--rating-icon-invalid:var(--stzh-color-error60);--rating-icon-disabled-empty:var(--stzh-color-grey70);--rating-icon-disabled-active:var(--stzh-color-grey70)}[disabled].sc-stzh-rating-h:not([disabled=false]){--description-color:var(--stzh-color-grey70);--rating-legend-color:var(--stzh-color-grey70);--rating-icon-empty:var(--rating-icon-disabled-empty);--rating-icon-active:var(--rating-icon-disabled-active)}@media (forced-colors: active){[disabled].sc-stzh-rating-h:not([disabled=false]){--rating-icon-empty:GrayText;--rating-icon-active:GrayText}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h{--rating-icon-empty:var(--rating-icon-invalid);--rating-icon-active:var(--rating-icon-invalid);--rating-icon-hover:var(--rating-icon-invalid)}}@media (forced-colors: none){[invalid].sc-stzh-rating-h:not([invalid=false]) .stzh-rating__item.filled.sc-stzh-rating>.stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid)}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h .stzh-rating__item.filled.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating,[is-invalid].sc-stzh-rating-h .stzh-rating__item.is-preview.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid) !important}}[disabled].sc-stzh-rating-h:not([disabled=false]) .stzh-rating__item.sc-stzh-rating{cursor:not-allowed}.stzh-rating__marker-symbol.sc-stzh-rating{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-rating__marker-text.sc-stzh-rating{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-rating__description-wrapper.sc-stzh-rating{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-rating__error.sc-stzh-rating,.stzh-rating__description.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-rating__error.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating__error-list.sc-stzh-rating{list-style:none;margin:0;padding:0}.stzh-rating__description.sc-stzh-rating{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-rating__description-long.sc-stzh-rating{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-rating__description-long.sc-stzh-rating{margin-top:0}}.stzh-rating__description-long-popover.sc-stzh-rating{--width:auto;--max-width:27.3125rem}.stzh-rating__description-long-button.sc-stzh-rating{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-rating.sc-stzh-rating stzh-icon.stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-xsmall)}.stzh-rating--has-error.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating--has-description.sc-stzh-rating .stzh-rating__description.sc-stzh-rating{margin-top:var(--stzh-space-xxxsmall)}.stzh-rating.sc-stzh-rating{margin:0;padding:0;border:none}.stzh-rating__legend.sc-stzh-rating{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);color:var(--rating-legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-rating__legend-text.sc-stzh-rating{min-width:0}.stzh-rating__legend.sc-stzh-rating>.stzh-rating__description-wrapper.sc-stzh-rating{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-text.sc-stzh-rating{display:none}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long.sc-stzh-rating{display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long-button.sc-stzh-rating{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-rating__legend.sc-stzh-rating stzh-popover.sc-stzh-rating .stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-rating__marker.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-rating__items.sc-stzh-rating{display:inline-flex;align-items:center;gap:var(--rating-item-gap-sm);padding:0;min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-sm) * 4);min-height:var(--stzh-form-input-height, var(--stzh-form-input-height))}@media (min-width: 900px){.stzh-rating__items.sc-stzh-rating{gap:var(--rating-item-gap-lg);min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-lg) * 4)}}.stzh-rating__icon.sc-stzh-rating{--size:100%;--color:var(--rating-icon-empty);display:block;width:var(--rating-item-size);height:var(--rating-item-size);grid-area:1/1;transition:none}.stzh-rating--has-label-hidden.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}@media (forced-colors: none){.stzh-rating--is-invalid.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating,.stzh-rating--has-error.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-error60)}}.stzh-rating--is-disabled.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-grey60)}.stzh-rating.sc-stzh-rating{--rating-item-size:3rem;--rating-item-gap-sm:0.5rem;--rating-item-gap-lg:0.75rem}.stzh-rating--size-default.sc-stzh-rating{--rating-item-size:3rem}.stzh-rating--size-small.sc-stzh-rating{--rating-item-size:2.25rem}button.stzh-rating__item.sc-stzh-rating{position:relative;display:grid;align-items:center;justify-content:center;appearance:none;background:transparent;box-sizing:border-box;border:none;padding:0;margin:0;line-height:1;cursor:pointer;flex:0 0 var(--rating-item-size);min-width:var(--rating-item-size);min-height:var(--rating-item-size)}button.stzh-rating__item.sc-stzh-rating:focus{outline:none}button.stzh-rating__item.sc-stzh-rating:focus-visible{border-color:var(--focus-border-color, var(--stzh-color-secondary50));box-shadow:0 0 0 0.125rem var(--stzh-color-white), 0 0 0 0.25rem var(--focus-border-color, var(--stzh-color-secondary50))}button.stzh-rating__item.disabled.sc-stzh-rating,button.stzh-rating__item.readonly.sc-stzh-rating{cursor:default}button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-active)}@media (forced-colors: active){button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:SelectedItem}}button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-hover)}@media (forced-colors: active){button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:Highlight}}@media (forced-colors: active){button.stzh-rating__item.readonly.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:CanvasText}}`;
@@ -32,7 +32,7 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
         /** Hide `(optional)` label (or use `required` inside form to hide it) */
         this.hideOptional = false;
         /** Label (or use default slot) */
-        this.label = "Label";
+        this.label = "";
         /** Whether label should be visually hidden */
         this.labelHidden = false;
         this._error = [];
@@ -46,6 +46,18 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
         this.tabbableIndex = null;
         /** True if interaction by keyboard */
         this.userKeyFocused = false;
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.ratingButtons = [];
         // Hover preview
         this.onMouseEnter = (i) => {
@@ -161,6 +173,19 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
                 this.handleStep(i, -1, ev);
             }
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = hasDefaultSlotContent(this.element, ["stzh-rating"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     handleFocusOut(ev) {
         const nextTarget = ev.relatedTarget;
@@ -243,13 +268,16 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
     get errorUsed() {
         return hasSlot(this.element, "error") || this._error.length > 0;
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g;
         const descriptionUsed = hasSlot(this.element, "description") || !!this.description;
         const descriptionLongUsed = hasSlot(this.element, "description-long") || !!this.descriptionLong;
-        const hasTextLabel = hasSlot(this.element) || !!this.label;
         const legendId = `${this.groupId}-legend`;
-        const legendUsed = !this.labelHidden && (hasTextLabel || descriptionLongUsed);
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-rating": true,
             "stzh-rating--has-description": descriptionUsed,
@@ -268,7 +296,7 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
             .filter(Boolean)
             .join(" ") || undefined;
         const currentValue = this.value || 0;
-        return (h(Host, { key: '27769ef6f80b29c572d905f15a49b790804306df', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: 'c76501cc5510c2b170cc70799dbeae405fd4c055', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: '5860a8319a410f38154be37d1f620ec19feca4d6', class: classes }, legendUsed && (h("legend", { key: '891b525c47b1b7b4bef7c5c55d87729af82e35c1', id: legendId, class: "stzh-rating__legend" }, h("span", { key: 'b97c01df622ce75be207b875437375d83c09bac0', class: "stzh-rating__legend-text" }, hasSlot(this.element) ? h("slot", null) : ((_f = this.label) !== null && _f !== void 0 ? _f : "Label"), !this.hideOptional && (h("span", { key: '6131c7a7e65fc29da719f604541914884b7aeb5d', class: "stzh-rating__marker" }, h("span", { key: 'fe4a5cc529e848e812535d13f8580a40167204a2', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: '8656091203051b14c1243a465542a98d53dc6506', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '4c2495e80893c39ca860f7755559d9fccac901bf', classPrefix: "stzh-rating", id: `${this.groupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_h = (_g = this.localization) === null || _g === void 0 ? void 0 : _g.$globals) === null || _h === void 0 ? void 0 : _h.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '875d19e810785835f1b4622206a6986bb06ee2e9', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": legendUsed ? legendId : undefined, "aria-label": hasTextLabel
+        return (h(Host, { key: 'ca94a2e1b9013c03acb4afcbec7faf3b547acb9c', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: 'cf5a2f627c981fd5b49cb784c74204322d7d8311', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: 'f2e8ba9ea2b4ff75d97dfc60bc365d38ec026e65', class: classes }, labelWrapperUsed && (h("legend", { key: 'bc4f93f3932014e6e375baf1ba73cda54d750880', id: legendId, class: "stzh-rating__legend" }, h("span", { key: 'daedd252aa0cb8b8ad9632d08e92fa14d5be1ae3', class: "stzh-rating__legend-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'c231d1841e860bf1d5d69572d897b947a275a037', class: "stzh-rating__marker" }, h("span", { key: '72006d34072fb7e75c1e2676330d5fa5f06a0a8e', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: '248c43eed806b7659423ae4c8c2843e38d945920', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '9280338a5fe9bc97d6f730d9acd5446953e99455', classPrefix: "stzh-rating", id: `${this.groupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_g = (_f = this.localization) === null || _f === void 0 ? void 0 : _f.$globals) === null || _g === void 0 ? void 0 : _g.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '6e146ebb87db78ab39b02af3f228ebbf9c8ee5c7', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": labelWrapperUsed ? legendId : undefined, "aria-label": labelUsed
                 ? undefined
                 : this.readonly
                     ? `${currentValue} von 5 Punkten`
@@ -284,7 +312,7 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
                     disabled: this.disabled,
                     readonly: this.readonly,
                 }, role: "radio", tabIndex: this.tabbableIndex === i ? 0 : -1, "aria-checked": this.value >= i ? "true" : "false", "aria-label": `${i} ${i === 1 ? "Punkt" : "Punkte"}`, onMouseEnter: () => this.onMouseEnter(i), onMouseLeave: this.onMouseLeave, onKeyDown: ev => this.onRatingItemKeyDown(i, ev), onClick: ev => this.onClick(i, ev), disabled: this.disabled || this.readonly, ref: el => (this.ratingButtons[i - 1] = el), "s-object-id": this.analyticsId || this.label }, h("stzh-icon", { class: "stzh-rating__icon", name: "star", "a11y-title": "" }), displayValue >= i && (h("stzh-icon", { class: "stzh-rating__icon", name: "star-filled", "a11y-title": "" }))));
-        })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '4892de9f51aefc052fe7f0c3f88b316b767e4c65', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+        })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '5539933ad1463960cceb71f25cf4439c1f27c303', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -312,6 +340,8 @@ const StzhRating$1 = /*@__PURE__*/ proxyCustomElement(class StzhRating extends H
         "hoverIndex": [32],
         "tabbableIndex": [32],
         "userKeyFocused": [32],
+        "hasDefaultSlot": [32],
+        "hasResolvedDefaultSlot": [32],
         "setValue": [64]
     }, [[0, "focusout", "handleFocusOut"], [0, "focusin", "handleFocusIn"]], {
         "error": ["errorWatcher"]

package/dist/components/stzh-rating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-rating.js","mappings":"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","names":["StzhRating","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-rating/stzh-rating.scss?tag=stzh-rating&encapsulation=scoped","src/components/stzh-rating/stzh-rating.tsx"],"sourcesContent":["/*\n @prop --stzh-form-input-height: Global: Height of fields & buttons\n /\n\n:host {\n --rating-legend-color: var(--stzh-rating-legend-color, #{$headingColor});\n --rating-icon-empty: #{$colorPrimary70};\n --rating-icon-active: #{$colorPrimary70};\n --rating-icon-hover: #{$colorSecondary60};\n --rating-icon-invalid: #{$colorError60};\n --rating-icon-disabled-empty: #{$colorGrey70};\n --rating-icon-disabled-active: #{$colorGrey70};\n\n / Disabled colors /\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n --rating-legend-color: #{$colorGrey70};\n\n --rating-icon-empty: var(--rating-icon-disabled-empty);\n --rating-icon-active: var(--rating-icon-disabled-active);\n\n @media (forced-colors: active) {\n --rating-icon-empty: GrayText;\n --rating-icon-active: GrayText;\n }\n }\n\n / Invalid colors /\n\n &[is-invalid] {\n @media (forced-colors: none) {\n --rating-icon-empty: var(--rating-icon-invalid);\n --rating-icon-active: var(--rating-icon-invalid);\n --rating-icon-hover: var(--rating-icon-invalid);\n }\n }\n\n &[invalid]:not([invalid=\"false\"])\n .stzh-rating__item.filled\n > .stzh-rating__icon {\n @media (forced-colors: none) {\n --color: var(--rating-icon-invalid);\n }\n }\n\n &[is-invalid] .stzh-rating__item.filled .stzh-rating__icon,\n &[is-invalid] .stzh-rating__item.is-preview .stzh-rating__icon {\n @media (forced-colors: none) {\n --color: var(--rating-icon-invalid) !important;\n }\n }\n\n &[disabled]:not([disabled=\"false\"]) .stzh-rating__item {\n cursor: not-allowed;\n }\n}\n\n.stzh-rating {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__legend {\n @include font(\"heavy\");\n @include fontSize(\"micro\");\n color: var(--rating-legend-color);\n padding: 0;\n margin-bottom: space(\"xsmall\");\n\n display: flex;\n align-items: center;\n gap: space(\"xsmall\");\n min-width: 0;\n max-width: 100%;\n }\n\n &__legend-text {\n min-width: 0;\n }\n\n &__legend > &__description-wrapper {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__legend &__error,\n &__legend &__description-text {\n display: none;\n }\n\n &__legend &__description,\n &__legend &__description-long {\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__legend &__description-long-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n }\n\n &__legend stzh-popover &__description-long-icon {\n --size: var(--stzh-icon-size-small);\n display: block;\n line-height: 0;\n color: $colorPrimary70;\n }\n\n &__marker {\n @include fontSize(\"nano\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n &__items {\n display: inline-flex;\n align-items: center;\n gap: var(--rating-item-gap-sm);\n padding: 0;\n min-width: calc(\n (var(--rating-item-size) 5) + (var(--rating-item-gap-sm) * 4)\n );\n min-height: var(--stzh-form-input-height, #{$formInputHeight});\n\n @media (min-width: 900px) {\n gap: var(--rating-item-gap-lg);\n min-width: calc(\n (var(--rating-item-size) * 5) + (var(--rating-item-gap-lg) * 4)\n );\n }\n }\n\n &__icon {\n --size: 100%;\n --color: var(--rating-icon-empty);\n display: block;\n width: var(--rating-item-size);\n height: var(--rating-item-size);\n grid-area: 1 / 1;\n transition: none;\n }\n\n /* Hidden label /\n\n &--has-label-hidden &__legend {\n @include visuallyhidden;\n }\n\n &--is-invalid &__legend,\n &--has-error &__legend {\n @media (forced-colors: none) {\n color: $colorError60;\n }\n }\n\n &--is-disabled &__legend {\n color: $colorGrey60;\n }\n\n --rating-item-size: 48px;\n --rating-item-gap-sm: 8px;\n --rating-item-gap-lg: 12px;\n\n &--size-default {\n --rating-item-size: 48px;\n }\n\n &--size-small {\n --rating-item-size: 36px;\n }\n}\n\nbutton.stzh-rating__item {\n position: relative;\n display: grid;\n align-items: center;\n justify-content: center;\n appearance: none;\n background: transparent;\n\n box-sizing: border-box;\n border: none;\n border-radius: #{space(\"xxxxsmall\")};\n padding: 0;\n margin: 0;\n line-height: 1;\n cursor: pointer;\n flex: 0 0 var(--rating-item-size);\n min-width: var(--rating-item-size);\n min-height: var(--rating-item-size);\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border-color: var(--focus-border-color, #{$formFocusBorderColor});\n box-shadow:\n 0 0 0 2px $colorWhite,\n 0 0 0 4px var(--focus-border-color, #{$formFocusBorderColor});\n }\n\n / Readonly / Disabled /\n\n &.disabled,\n &.readonly {\n cursor: default;\n }\n\n / Filled /\n\n &.filled:not(:is(.disabled, .readonly)) .stzh-rating__icon {\n --color: var(--rating-icon-active);\n\n @media (forced-colors: active) {\n --color: SelectedItem;\n }\n }\n\n &.is-preview:not(:is(.disabled, .readonly)) .stzh-rating__icon {\n --color: var(--rating-icon-hover);\n\n @media (forced-colors: active) {\n --color: Highlight;\n }\n }\n\n / Readonly /\n &.readonly .stzh-rating__icon {\n @media (forced-colors: active) {\n --color: CanvasText;\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent, StzhRatingChangeEvent, StzhRatingBlurEvent, StzhRatingFocusEvent } from \"../../index\";\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet ratingCounter = 0;\n\nconst MAX_RATING = 5;\nconst RATING_ITEMS = [1, 2, 3, 4, 5];\n\n/\n @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover)\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-rating\",\n styleUrl: \"stzh-rating.scss\",\n scoped: true,\n})\nexport class StzhRating {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Initial rating value (min. 0, max. 5) /\n @Prop({ mutable: true, reflect: true }) value: number = 0;\n\n /* Disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Readonly /\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Form name (hidden input) /\n @Prop({ reflect: true }) name: string;\n\n /* Label (or use default slot) /\n @Prop() label: string = \"Label\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute on the rating items.\n * Default value will be taken from `label` prop.\n /\n @Prop() analyticsId: string;\n\n /* Whether label should be visually hidden /\n @Prop() labelHidden: boolean = false;\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover /\n @Prop() descriptionLong: string;\n\n /* Deprecated: description-long-title prop /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message /\n @Prop() error: string \| string[];\n private _error: string[] = [];\n\n /* Size variant /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Extra aria-describedby id(s) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /* Hover index (preview) /\n @State() private hoverIndex: number \| null = null;\n\n /* Roving tabindex: which item is tabbable; null = only container /\n @State() private tabbableIndex: number \| null = null;\n\n /* True if interaction by keyboard /\n @State() private userKeyFocused: boolean = false;\n\n @Element() element!: HTMLElement;\n\n /* Change event /\n @Event({ eventName: \"stzhChange\" })\n stzhChange!: EventEmitter<StzhRatingChangeEvent>;\n\n /* Focus event /\n @Event({ eventName: \"stzhFocus\" })\n stzhFocus!: EventEmitter<StzhRatingFocusEvent>;\n\n /* Blur event /\n @Event({ eventName: \"stzhBlur\" })\n stzhBlur!: EventEmitter<StzhRatingBlurEvent>;\n\n @Listen(\"focusout\")\n handleFocusOut(ev: FocusEvent) {\n const nextTarget = ev.relatedTarget as Node \| null;\n if (nextTarget && this.element.contains(nextTarget)) return;\n\n this.stzhBlur.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n });\n }\n\n @Listen(\"focusin\")\n handleFocusIn(ev: FocusEvent) {\n if (!this.element.contains(ev.target as Node)) return;\n\n this.stzhFocus.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n });\n }\n\n private groupId!: string;\n private containerEl?: HTMLElement;\n private ratingButtons: HTMLButtonElement[] = [];\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue) \|\| [];\n if (!Array.isArray(this._error)) this._error = [newValue];\n } catch {\n this._error = newValue ? [newValue] : [];\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n async componentWillLoad() {\n this.groupId = `stzh-rating-${ratingCounter++}`;\n this.errorWatcher(this.error);\n\n if (!this.localization && (window as any)?.stzhComponents?.utils?.fetchTranslations) {\n this.localization = await (window as any).stzhComponents.utils.fetchTranslations(this.element, \"rating\");\n }\n\n this.tabbableIndex = null;\n }\n\n private clampRatingValue(inputValue: number \| null \| undefined): number {\n const value = Number(inputValue);\n if (!Number.isFinite(value)) return 0;\n return Math.max(0, Math.min(MAX_RATING, Math.round(value)));\n }\n\n @Method() async setValue(ratingValue: number) {\n this.value = this.clampRatingValue(ratingValue);\n }\n\n /* Visual value (hover preview included) /\n private get displayValue() {\n return this.hoverIndex ?? this.value;\n }\n\n // Hover preview\n private onMouseEnter = (i: number) => {\n if (this.readonly \|\| this.disabled) return;\n this.hoverIndex = i;\n };\n\n private onMouseLeave = () => {\n if (this.readonly \|\| this.disabled) return;\n this.hoverIndex = null;\n };\n\n // Click choice → Change + Changed\n private onClick = (i: number, originalEvent: KeyboardEvent \| MouseEvent) => {\n if (this.readonly \|\| this.disabled) return;\n\n const oldValue = this.value;\n const next = this.clampRatingValue(i);\n\n if (next !== oldValue) {\n this.value = next;\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent,\n value: this.value,\n });\n }\n\n this.hoverIndex = null;\n this.setTabbableAndFocus(next);\n };\n\n // Roving helpers\n private setTabbableAndFocus(i: number) {\n this.tabbableIndex = i;\n const btn = this.ratingButtons[i - 1];\n if (btn) btn.focus();\n }\n\n private handleStep(from: number \| null, delta: number, originalEvent: KeyboardEvent \| MouseEvent) {\n const start = from ?? 0;\n const next = this.clampRatingValue(start + delta);\n\n if (next !== this.value) {\n this.value = next;\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent,\n value: this.value,\n });\n }\n\n this.setTabbableAndFocus(next);\n }\n\n // Keyboard on container (first interaction)\n private onContainerKeyDown = (ev: KeyboardEvent) => {\n if (this.readonly \|\| this.disabled) return;\n if (ev.defaultPrevented) return;\n\n this.userKeyFocused = true;\n\n const rtl = getComputedStyle(this.containerEl as HTMLElement).direction === \"rtl\";\n const incKey = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n const decKey = rtl ? \"ArrowRight\" : \"ArrowLeft\";\n\n if (ev.key === incKey \|\| ev.key === \"ArrowUp\") {\n ev.preventDefault();\n if (this.tabbableIndex == null) this.setTabbableAndFocus(this.value \|\| 1);\n this.handleStep(this.value \|\| null, +1, ev);\n } else if (ev.key === decKey \|\| ev.key === \"ArrowDown\") {\n ev.preventDefault();\n if (this.tabbableIndex == null) this.setTabbableAndFocus(this.value \|\| 5);\n this.handleStep(this.value \|\| 6, -1, ev);\n } else if (ev.key === \"Home\") {\n ev.preventDefault();\n const old = this.value;\n this.value = 1;\n if (this.value !== old) {\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n value: this.value,\n });\n }\n this.setTabbableAndFocus(1);\n } else if (ev.key === \"End\") {\n ev.preventDefault();\n const old = this.value;\n this.value = 5;\n if (this.value !== old) {\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n value: this.value,\n });\n }\n this.setTabbableAndFocus(5);\n } else if (ev.key === \" \" \|\| ev.key === \"Enter\") {\n ev.preventDefault();\n\n if (!this.value) {\n const old = this.value;\n this.value = 1;\n if (this.value !== old) {\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n value: this.value,\n });\n }\n this.setTabbableAndFocus(1);\n } else if (this.tabbableIndex == null) {\n this.setTabbableAndFocus(this.value);\n }\n }\n };\n\n // Keyboard directly on rating item\n private onRatingItemKeyDown = (i: number, ev: KeyboardEvent) => {\n if (this.readonly \|\| this.disabled) return;\n\n this.userKeyFocused = true;\n\n const rtl = getComputedStyle(this.containerEl as HTMLElement).direction === \"rtl\";\n const incKey = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n const decKey = rtl ? \"ArrowRight\" : \"ArrowLeft\";\n\n if (ev.key === incKey \|\| ev.key === \"ArrowUp\") {\n ev.preventDefault();\n ev.stopPropagation();\n this.handleStep(i, +1, ev);\n } else if (ev.key === decKey \|\| ev.key === \"ArrowDown\") {\n ev.preventDefault();\n ev.stopPropagation();\n this.handleStep(i, -1, ev);\n }\n };\n\n private get errorUsed() {\n return hasSlot(this.element, \"error\") \|\| this._error.length > 0;\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const hasTextLabel = hasSlot(this.element) \|\| !!this.label;\n const legendId = `${this.groupId}-legend`;\n\n const legendUsed = !this.labelHidden && (hasTextLabel \|\| descriptionLongUsed);\n\n const classes = {\n \"stzh-rating\": true,\n \"stzh-rating--has-description\": descriptionUsed,\n \"stzh-rating--has-description-long\": descriptionLongUsed,\n \"stzh-rating--has-error\": this.errorUsed,\n \"stzh-rating--is-disabled\": this.disabled,\n \"stzh-rating--is-readonly\": this.readonly,\n \"stzh-rating--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-rating--has-label-hidden\": this.labelHidden,\n [`stzh-rating--size-${this.size}`]: !!this.size,\n };\n\n const t = this.localization?.$globals;\n const markerSymbol = this.required ? (t?.requiredFieldMarker ?? \"\") : (t?.optionalFieldMarker ?? \"(optional)\");\n const markerText = this.required ? (t?.requiredFieldText ?? \"Required\") : (t?.optionalFieldText ?? \"Optional\");\n\n const ariaDescribedby =\n [this.description \|\| descriptionUsed \|\| this.errorUsed ? `${this.groupId}-description` : \"\", this.a11yDescribedby]\n .filter(Boolean)\n .join(\" \") \|\| undefined;\n\n const currentValue = this.value \|\| 0;\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed} data-user-focus={this.userKeyFocused ? \"true\" : null}>\n {this.name && !this.disabled && !this.readonly && (\n <input type=\"hidden\" name={this.name} value={String(this.value)} />\n )}\n\n <fieldset class={classes}>\n {legendUsed && (\n <legend id={legendId} class=\"stzh-rating__legend\">\n <span class=\"stzh-rating__legend-text\">\n {hasSlot(this.element) ? <slot></slot> : (this.label ?? \"Label\")}\n\n {!this.hideOptional && (\n <span class=\"stzh-rating__marker\">\n <span class=\"stzh-rating__marker-symbol\" aria-hidden=\"true\">\n {markerSymbol}\n </span>\n <span class=\"stzh-rating__marker-text\">{markerText}</span>\n </span>\n )}\n </span>\n\n {descriptionLongUsed && (\n <StzhInputDescription\n classPrefix=\"stzh-rating\"\n id={`${this.groupId}-description-long`}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization?.$globals?.moreInfoButtonLabel}\n showError={false}\n showDescriptionText={false}\n />\n )}\n </legend>\n )}\n <div\n class=\"stzh-rating__items\"\n role=\"radiogroup\"\n aria-labelledby={legendUsed ? legendId : undefined}\n aria-label={\n hasTextLabel\n ? undefined\n : this.readonly\n ? `${currentValue} von 5 Punkten`\n : `Bewertung: ${currentValue} von 5 Punkten. Mit Pfeiltasten ändern.`\n }\n aria-required={this.required ? \"true\" : \"false\"}\n aria-invalid={this.invalid \|\| this.errorUsed ? \"true\" : \"false\"}\n aria-describedby={ariaDescribedby}\n id={this.groupId}\n tabIndex={this.disabled ? undefined : 0}\n onKeyDown={this.onContainerKeyDown}\n ref={el => (this.containerEl = el as HTMLElement)}\n >\n {RATING_ITEMS.map(i => {\n const displayValue = this.displayValue;\n const isFilled = this.value >= i;\n const hoverIndex = this.hoverIndex;\n const isPreview = hoverIndex != null && i <= hoverIndex;\n\n return (\n <button\n type=\"button\"\n class={{\n \"stzh-rating__item\": true,\n filled: isFilled,\n \"is-preview\": isPreview,\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n role=\"radio\"\n tabIndex={this.tabbableIndex === i ? 0 : -1}\n aria-checked={this.value >= i ? \"true\" : \"false\"}\n aria-label={`${i} ${i === 1 ? \"Punkt\" : \"Punkte\"}`}\n onMouseEnter={() => this.onMouseEnter(i)}\n onMouseLeave={this.onMouseLeave}\n onKeyDown={ev => this.onRatingItemKeyDown(i, ev)}\n onClick={ev => this.onClick(i, ev)}\n disabled={this.disabled \|\| this.readonly}\n ref={el => (this.ratingButtons[i - 1] = el as HTMLButtonElement)}\n s-object-id={this.analyticsId \|\| this.label}\n >\n <stzh-icon class=\"stzh-rating__icon\" name=\"star\" a11y-title=\"\"></stzh-icon>\n {displayValue >= i && (\n <stzh-icon class=\"stzh-rating__icon\" name=\"star-filled\" a11y-title=\"\"></stzh-icon>\n )}\n </button>\n );\n })}\n </div>\n\n {(this.errorUsed \|\| descriptionUsed) && (\n <StzhInputDescription\n classPrefix=\"stzh-rating\"\n id={`${this.groupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLongUsed={false}\n />\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-rating.js","mappings":"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","names":["StzhRating","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-rating/stzh-rating.scss?tag=stzh-rating&encapsulation=scoped","src/components/stzh-rating/stzh-rating.tsx"],"sourcesContent":["/*\n @prop --stzh-form-input-height: Global: Height of fields & buttons\n /\n\n:host {\n --rating-legend-color: var(--stzh-rating-legend-color, #{$headingColor});\n --rating-icon-empty: #{$colorPrimary70};\n --rating-icon-active: #{$colorPrimary70};\n --rating-icon-hover: #{$colorSecondary60};\n --rating-icon-invalid: #{$colorError60};\n --rating-icon-disabled-empty: #{$colorGrey70};\n --rating-icon-disabled-active: #{$colorGrey70};\n\n / Disabled colors /\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n --rating-legend-color: #{$colorGrey70};\n\n --rating-icon-empty: var(--rating-icon-disabled-empty);\n --rating-icon-active: var(--rating-icon-disabled-active);\n\n @media (forced-colors: active) {\n --rating-icon-empty: GrayText;\n --rating-icon-active: GrayText;\n }\n }\n\n / Invalid colors /\n\n &[is-invalid] {\n @media (forced-colors: none) {\n --rating-icon-empty: var(--rating-icon-invalid);\n --rating-icon-active: var(--rating-icon-invalid);\n --rating-icon-hover: var(--rating-icon-invalid);\n }\n }\n\n &[invalid]:not([invalid=\"false\"])\n .stzh-rating__item.filled\n > .stzh-rating__icon {\n @media (forced-colors: none) {\n --color: var(--rating-icon-invalid);\n }\n }\n\n &[is-invalid] .stzh-rating__item.filled .stzh-rating__icon,\n &[is-invalid] .stzh-rating__item.is-preview .stzh-rating__icon {\n @media (forced-colors: none) {\n --color: var(--rating-icon-invalid) !important;\n }\n }\n\n &[disabled]:not([disabled=\"false\"]) .stzh-rating__item {\n cursor: not-allowed;\n }\n}\n\n.stzh-rating {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__legend {\n @include font(\"heavy\");\n @include fontSize(\"micro\");\n color: var(--rating-legend-color);\n padding: 0;\n margin-bottom: space(\"xsmall\");\n\n display: flex;\n align-items: center;\n gap: space(\"xsmall\");\n min-width: 0;\n max-width: 100%;\n }\n\n &__legend-text {\n min-width: 0;\n }\n\n &__legend > &__description-wrapper {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__legend &__error,\n &__legend &__description-text {\n display: none;\n }\n\n &__legend &__description,\n &__legend &__description-long {\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n }\n\n &__legend &__description-long-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n }\n\n &__legend stzh-popover &__description-long-icon {\n --size: var(--stzh-icon-size-small);\n display: block;\n line-height: 0;\n color: $colorPrimary70;\n }\n\n &__marker {\n @include fontSize(\"nano\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n &__items {\n display: inline-flex;\n align-items: center;\n gap: var(--rating-item-gap-sm);\n padding: 0;\n min-width: calc(\n (var(--rating-item-size) 5) + (var(--rating-item-gap-sm) * 4)\n );\n min-height: var(--stzh-form-input-height, #{$formInputHeight});\n\n @media (min-width: 900px) {\n gap: var(--rating-item-gap-lg);\n min-width: calc(\n (var(--rating-item-size) * 5) + (var(--rating-item-gap-lg) * 4)\n );\n }\n }\n\n &__icon {\n --size: 100%;\n --color: var(--rating-icon-empty);\n display: block;\n width: var(--rating-item-size);\n height: var(--rating-item-size);\n grid-area: 1 / 1;\n transition: none;\n }\n\n /* Hidden label /\n\n &--has-label-hidden &__legend {\n @include visuallyhidden;\n }\n\n &--is-invalid &__legend,\n &--has-error &__legend {\n @media (forced-colors: none) {\n color: $colorError60;\n }\n }\n\n &--is-disabled &__legend {\n color: $colorGrey60;\n }\n\n --rating-item-size: 48px;\n --rating-item-gap-sm: 8px;\n --rating-item-gap-lg: 12px;\n\n &--size-default {\n --rating-item-size: 48px;\n }\n\n &--size-small {\n --rating-item-size: 36px;\n }\n}\n\nbutton.stzh-rating__item {\n position: relative;\n display: grid;\n align-items: center;\n justify-content: center;\n appearance: none;\n background: transparent;\n\n box-sizing: border-box;\n border: none;\n border-radius: #{space(\"xxxxsmall\")};\n padding: 0;\n margin: 0;\n line-height: 1;\n cursor: pointer;\n flex: 0 0 var(--rating-item-size);\n min-width: var(--rating-item-size);\n min-height: var(--rating-item-size);\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border-color: var(--focus-border-color, #{$formFocusBorderColor});\n box-shadow:\n 0 0 0 2px $colorWhite,\n 0 0 0 4px var(--focus-border-color, #{$formFocusBorderColor});\n }\n\n / Readonly / Disabled /\n\n &.disabled,\n &.readonly {\n cursor: default;\n }\n\n / Filled /\n\n &.filled:not(:is(.disabled, .readonly)) .stzh-rating__icon {\n --color: var(--rating-icon-active);\n\n @media (forced-colors: active) {\n --color: SelectedItem;\n }\n }\n\n &.is-preview:not(:is(.disabled, .readonly)) .stzh-rating__icon {\n --color: var(--rating-icon-hover);\n\n @media (forced-colors: active) {\n --color: Highlight;\n }\n }\n\n / Readonly /\n &.readonly .stzh-rating__icon {\n @media (forced-colors: active) {\n --color: CanvasText;\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { hasDefaultSlotContent, hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent, StzhRatingChangeEvent, StzhRatingBlurEvent, StzhRatingFocusEvent } from \"../../index\";\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet ratingCounter = 0;\n\nconst MAX_RATING = 5;\nconst RATING_ITEMS = [1, 2, 3, 4, 5];\n\n/\n @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover)\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-rating\",\n styleUrl: \"stzh-rating.scss\",\n scoped: true,\n})\nexport class StzhRating {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Initial rating value (min. 0, max. 5) /\n @Prop({ mutable: true, reflect: true }) value: number = 0;\n\n /* Disabled /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* Readonly /\n @Prop({ reflect: true }) readonly: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Form name (hidden input) /\n @Prop({ reflect: true }) name: string;\n\n /* Label (or use default slot) /\n @Prop() label: string = \"\";\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute on the rating items.\n * Default value will be taken from `label` prop.\n /\n @Prop() analyticsId: string;\n\n /* Whether label should be visually hidden /\n @Prop() labelHidden: boolean = false;\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover /\n @Prop() descriptionLong: string;\n\n /* Deprecated: description-long-title prop /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message /\n @Prop() error: string \| string[];\n private _error: string[] = [];\n\n /* Size variant /\n @Prop({ reflect: true }) size: \"default\" \| \"small\" = \"default\";\n\n /* Extra aria-describedby id(s) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /* Hover index (preview) /\n @State() private hoverIndex: number \| null = null;\n\n /* Roving tabindex: which item is tabbable; null = only container /\n @State() private tabbableIndex: number \| null = null;\n\n /* True if interaction by keyboard /\n @State() private userKeyFocused: boolean = false;\n\n /\n Whether the component has meaningful default-slot content.\n * Becomes obsolete with the implementation of PDESI-1908.\n /\n @State() hasDefaultSlot: boolean = false;\n\n /\n Indicates whether default-slot content detection has run at least once.\n * Used to avoid rendering state-dependent markup before the slot content\n * has been evaluated.\n * Becomes obsolete with the implementation of PDESI-1908.\n /\n @State() hasResolvedDefaultSlot: boolean = false;\n\n @Element() element!: HTMLElement;\n\n /* Change event /\n @Event({ eventName: \"stzhChange\" })\n stzhChange!: EventEmitter<StzhRatingChangeEvent>;\n\n /* Focus event /\n @Event({ eventName: \"stzhFocus\" })\n stzhFocus!: EventEmitter<StzhRatingFocusEvent>;\n\n /* Blur event /\n @Event({ eventName: \"stzhBlur\" })\n stzhBlur!: EventEmitter<StzhRatingBlurEvent>;\n\n @Listen(\"focusout\")\n handleFocusOut(ev: FocusEvent) {\n const nextTarget = ev.relatedTarget as Node \| null;\n if (nextTarget && this.element.contains(nextTarget)) return;\n\n this.stzhBlur.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n });\n }\n\n @Listen(\"focusin\")\n handleFocusIn(ev: FocusEvent) {\n if (!this.element.contains(ev.target as Node)) return;\n\n this.stzhFocus.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n });\n }\n\n private groupId!: string;\n private containerEl?: HTMLElement;\n private ratingButtons: HTMLButtonElement[] = [];\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue) \|\| [];\n if (!Array.isArray(this._error)) this._error = [newValue];\n } catch {\n this._error = newValue ? [newValue] : [];\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n async componentWillLoad() {\n this.groupId = `stzh-rating-${ratingCounter++}`;\n this.errorWatcher(this.error);\n\n if (!this.localization && (window as any)?.stzhComponents?.utils?.fetchTranslations) {\n this.localization = await (window as any).stzhComponents.utils.fetchTranslations(this.element, \"rating\");\n }\n\n this.tabbableIndex = null;\n }\n\n private clampRatingValue(inputValue: number \| null \| undefined): number {\n const value = Number(inputValue);\n if (!Number.isFinite(value)) return 0;\n return Math.max(0, Math.min(MAX_RATING, Math.round(value)));\n }\n\n @Method() async setValue(ratingValue: number) {\n this.value = this.clampRatingValue(ratingValue);\n }\n\n /* Visual value (hover preview included) /\n private get displayValue() {\n return this.hoverIndex ?? this.value;\n }\n\n // Hover preview\n private onMouseEnter = (i: number) => {\n if (this.readonly \|\| this.disabled) return;\n this.hoverIndex = i;\n };\n\n private onMouseLeave = () => {\n if (this.readonly \|\| this.disabled) return;\n this.hoverIndex = null;\n };\n\n // Click choice → Change + Changed\n private onClick = (i: number, originalEvent: KeyboardEvent \| MouseEvent) => {\n if (this.readonly \|\| this.disabled) return;\n\n const oldValue = this.value;\n const next = this.clampRatingValue(i);\n\n if (next !== oldValue) {\n this.value = next;\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent,\n value: this.value,\n });\n }\n\n this.hoverIndex = null;\n this.setTabbableAndFocus(next);\n };\n\n // Roving helpers\n private setTabbableAndFocus(i: number) {\n this.tabbableIndex = i;\n const btn = this.ratingButtons[i - 1];\n if (btn) btn.focus();\n }\n\n private handleStep(from: number \| null, delta: number, originalEvent: KeyboardEvent \| MouseEvent) {\n const start = from ?? 0;\n const next = this.clampRatingValue(start + delta);\n\n if (next !== this.value) {\n this.value = next;\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent,\n value: this.value,\n });\n }\n\n this.setTabbableAndFocus(next);\n }\n\n // Keyboard on container (first interaction)\n private onContainerKeyDown = (ev: KeyboardEvent) => {\n if (this.readonly \|\| this.disabled) return;\n if (ev.defaultPrevented) return;\n\n this.userKeyFocused = true;\n\n const rtl = getComputedStyle(this.containerEl as HTMLElement).direction === \"rtl\";\n const incKey = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n const decKey = rtl ? \"ArrowRight\" : \"ArrowLeft\";\n\n if (ev.key === incKey \|\| ev.key === \"ArrowUp\") {\n ev.preventDefault();\n if (this.tabbableIndex == null) this.setTabbableAndFocus(this.value \|\| 1);\n this.handleStep(this.value \|\| null, +1, ev);\n } else if (ev.key === decKey \|\| ev.key === \"ArrowDown\") {\n ev.preventDefault();\n if (this.tabbableIndex == null) this.setTabbableAndFocus(this.value \|\| 5);\n this.handleStep(this.value \|\| 6, -1, ev);\n } else if (ev.key === \"Home\") {\n ev.preventDefault();\n const old = this.value;\n this.value = 1;\n if (this.value !== old) {\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n value: this.value,\n });\n }\n this.setTabbableAndFocus(1);\n } else if (ev.key === \"End\") {\n ev.preventDefault();\n const old = this.value;\n this.value = 5;\n if (this.value !== old) {\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n value: this.value,\n });\n }\n this.setTabbableAndFocus(5);\n } else if (ev.key === \" \" \|\| ev.key === \"Enter\") {\n ev.preventDefault();\n\n if (!this.value) {\n const old = this.value;\n this.value = 1;\n if (this.value !== old) {\n this.stzhChange.emit({\n component: \"stzh-rating\",\n originalEvent: ev,\n value: this.value,\n });\n }\n this.setTabbableAndFocus(1);\n } else if (this.tabbableIndex == null) {\n this.setTabbableAndFocus(this.value);\n }\n }\n };\n\n // Keyboard directly on rating item\n private onRatingItemKeyDown = (i: number, ev: KeyboardEvent) => {\n if (this.readonly \|\| this.disabled) return;\n\n this.userKeyFocused = true;\n\n const rtl = getComputedStyle(this.containerEl as HTMLElement).direction === \"rtl\";\n const incKey = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n const decKey = rtl ? \"ArrowRight\" : \"ArrowLeft\";\n\n if (ev.key === incKey \|\| ev.key === \"ArrowUp\") {\n ev.preventDefault();\n ev.stopPropagation();\n this.handleStep(i, +1, ev);\n } else if (ev.key === decKey \|\| ev.key === \"ArrowDown\") {\n ev.preventDefault();\n ev.stopPropagation();\n this.handleStep(i, -1, ev);\n }\n };\n\n private get errorUsed() {\n return hasSlot(this.element, \"error\") \|\| this._error.length > 0;\n }\n\n componentDidLoad() {\n this.updateDefaultSlotState();\n }\n\n /\n Re-evaluates default-slot content and updates the related render state.\n * Becomes obsolete with implementation of PDESI-1908.\n /\n private updateDefaultSlotState = () => {\n const hasDefaultSlot = hasDefaultSlotContent(this.element, [\"stzh-rating\"]);\n if (this.hasDefaultSlot !== hasDefaultSlot) {\n this.hasDefaultSlot = hasDefaultSlot;\n }\n if (!this.hasResolvedDefaultSlot) {\n this.hasResolvedDefaultSlot = true;\n }\n };\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const legendId = `${this.groupId}-legend`;\n\n const labelUsed = !!this.label \|\| this.hasDefaultSlot;\n\n const labelWrapperUsed = !this.hasResolvedDefaultSlot \|\| labelUsed \|\| descriptionLongUsed;\n\n const classes = {\n \"stzh-rating\": true,\n \"stzh-rating--has-description\": descriptionUsed,\n \"stzh-rating--has-description-long\": descriptionLongUsed,\n \"stzh-rating--has-error\": this.errorUsed,\n \"stzh-rating--is-disabled\": this.disabled,\n \"stzh-rating--is-readonly\": this.readonly,\n \"stzh-rating--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-rating--has-label-hidden\": this.labelHidden,\n [`stzh-rating--size-${this.size}`]: !!this.size,\n };\n\n const t = this.localization?.$globals;\n const markerSymbol = this.required ? (t?.requiredFieldMarker ?? \"\") : (t?.optionalFieldMarker ?? \"(optional)\");\n const markerText = this.required ? (t?.requiredFieldText ?? \"Required\") : (t?.optionalFieldText ?? \"Optional\");\n\n const ariaDescribedby =\n [this.description \|\| descriptionUsed \|\| this.errorUsed ? `${this.groupId}-description` : \"\", this.a11yDescribedby]\n .filter(Boolean)\n .join(\" \") \|\| undefined;\n\n const currentValue = this.value \|\| 0;\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed} data-user-focus={this.userKeyFocused ? \"true\" : null}>\n {this.name && !this.disabled && !this.readonly && (\n <input type=\"hidden\" name={this.name} value={String(this.value)} />\n )}\n\n <fieldset class={classes}>\n {labelWrapperUsed && (\n <legend id={legendId} class=\"stzh-rating__legend\">\n <span class=\"stzh-rating__legend-text\">\n {this.label ? this.label : <slot onSlotchange={this.updateDefaultSlotState}></slot>}\n {labelUsed && !this.hideOptional && (\n <span class=\"stzh-rating__marker\">\n <span class=\"stzh-rating__marker-symbol\" aria-hidden=\"true\">\n {markerSymbol}\n </span>\n <span class=\"stzh-rating__marker-text\">{markerText}</span>\n </span>\n )}\n </span>\n\n {descriptionLongUsed && (\n <StzhInputDescription\n classPrefix=\"stzh-rating\"\n id={`${this.groupId}-description-long`}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization?.$globals?.moreInfoButtonLabel}\n showError={false}\n showDescriptionText={false}\n />\n )}\n </legend>\n )}\n <div\n class=\"stzh-rating__items\"\n role=\"radiogroup\"\n aria-labelledby={labelWrapperUsed ? legendId : undefined}\n aria-label={\n labelUsed\n ? undefined\n : this.readonly\n ? `${currentValue} von 5 Punkten`\n : `Bewertung: ${currentValue} von 5 Punkten. Mit Pfeiltasten ändern.`\n }\n aria-required={this.required ? \"true\" : \"false\"}\n aria-invalid={this.invalid \|\| this.errorUsed ? \"true\" : \"false\"}\n aria-describedby={ariaDescribedby}\n id={this.groupId}\n tabIndex={this.disabled ? undefined : 0}\n onKeyDown={this.onContainerKeyDown}\n ref={el => (this.containerEl = el as HTMLElement)}\n >\n {RATING_ITEMS.map(i => {\n const displayValue = this.displayValue;\n const isFilled = this.value >= i;\n const hoverIndex = this.hoverIndex;\n const isPreview = hoverIndex != null && i <= hoverIndex;\n\n return (\n <button\n type=\"button\"\n class={{\n \"stzh-rating__item\": true,\n filled: isFilled,\n \"is-preview\": isPreview,\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n role=\"radio\"\n tabIndex={this.tabbableIndex === i ? 0 : -1}\n aria-checked={this.value >= i ? \"true\" : \"false\"}\n aria-label={`${i} ${i === 1 ? \"Punkt\" : \"Punkte\"}`}\n onMouseEnter={() => this.onMouseEnter(i)}\n onMouseLeave={this.onMouseLeave}\n onKeyDown={ev => this.onRatingItemKeyDown(i, ev)}\n onClick={ev => this.onClick(i, ev)}\n disabled={this.disabled \|\| this.readonly}\n ref={el => (this.ratingButtons[i - 1] = el as HTMLButtonElement)}\n s-object-id={this.analyticsId \|\| this.label}\n >\n <stzh-icon class=\"stzh-rating__icon\" name=\"star\" a11y-title=\"\"></stzh-icon>\n {displayValue >= i && (\n <stzh-icon class=\"stzh-rating__icon\" name=\"star-filled\" a11y-title=\"\"></stzh-icon>\n )}\n </button>\n );\n })}\n </div>\n\n {(this.errorUsed \|\| descriptionUsed) && (\n <StzhInputDescription\n classPrefix=\"stzh-rating\"\n id={`${this.groupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLongUsed={false}\n />\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/stzh-ratio.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRatio$1, d as defineCustomElement$1 } from './p-Chfmq0ty.js';
+import { S as StzhRatio$1, d as defineCustomElement$1 } from './p-DK163sow.js';
 const StzhRatio = StzhRatio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-readspeaker.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull } from './p-CN5apKPb.js';
-import { d as defineCustomElement$4 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$3 } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$4 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$3 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 const stzhReadspeakerCss = () => `: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}stzh-readspeaker{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}stzh-readspeaker[hidden],stzh-readspeaker[stzh-hidden]{display:none}stzh-readspeaker::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-readspeaker *,stzh-readspeaker *::before,stzh-readspeaker *::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)}stzh-readspeaker{}stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-readspeaker{--background-color:var(--stzh-readspeaker-background-color, var(--stzh-color-white));--justify-content:var(--stzh-readspeaker-justify-content, space-between);--column-gap:var(--stzh-readspeaker-column-gap, auto);--audio-track-height:0.1875rem;--audio-track-background-color:var(
     --stzh-readspeaker-audio-track-background-color,
@@ -224,9 +224,9 @@ const StzhReadspeaker$1 = /*@__PURE__*/ proxyCustomElement(class StzhReadspeaker
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '967663cb47feef43d55b9b9728ff037197abe5e7' }, h("div", { key: '6ce9effd85210349fe790114d8c5515e18862f3a', class: classes }, h("div", { key: '86d25840ba7aed545a465acc2028f612a35ffe4f', class: "stzh-readspeaker__actions" }, h("div", { key: '6498aabd8a4ec788a4f2caeea23e65fb62ba3f15', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '75fee009730529e0ddac40b2d7e0278a19ce3859' })), h("stzh-button", { key: '393c0c224e4c25d563bf5cd576940e1099572896', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: 'd05b72c304cf11faf5162d0f4c3f0b60402e55b3' }, h("div", { key: '4fe2f144e5b381b7fc1658bf3ab613fcf84d72c4', class: classes }, h("div", { key: 'ff0f4c2212a326095e13be6870991d55a31cd650', class: "stzh-readspeaker__actions" }, h("div", { key: '886a8c96417e16c6a13c43f32d41555f37a0297f', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '628f2f1d3877e85f4a5877e947c70fe61a568dfb' })), h("stzh-button", { key: '6abf31f5973ae85d81411e2a7666ae8c77c8ec66', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: 'd85e5492bdc180afd2cbb223dcf3bae28dd2941b', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: '2ce8ef7f96b5c4c0263c9a8c54887e240419ef7d', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     get element() { return this; }
     static get style() { return stzhReadspeakerCss(); }

package/dist/components/stzh-richtext.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 const stzhRichtextCss = () => `@charset "UTF-8";.sc-stzh-richtext-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-richtext-h,[stzh-hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::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-richtext-h .has-focus.sc-stzh-richtext{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext{outline-style:none !important}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext::-moz-focus-inner{border:0 !important}.sc-stzh-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color, var(--stzh-color-primary70));--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color, var(--stzh-color-primary70));--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color, var(--stzh-color-old-grey55));color:var(--color);--display:var(--stzh-richtext-display, block);--grid-template-areas:var(
     --stzh-richtext-grid-template-areas,
@@ -70,7 +70,7 @@ const StzhRichtext$1 = /*@__PURE__*/ proxyCustomElement(class StzhRichtext exten
         const classes = {
             "stzh-richtext": true,
         };
-        return (h(Host, { key: 'd6c25fa732a4471367cb15b6032348ca6fca979e', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'af82dc308d7080ce3341990aec86df25bdf18542', class: classes }, h("div", { key: '077276eaa7445b4e14d3b00ad490907d16dcad3c', class: "stzh-richtext__text" }, h("slot", { key: 'f1e0b72fac2a1a911d6378695d08c512c3d85344' })))));
+        return (h(Host, { key: '3323ed0ce61d76308b4c87440bbe65114e8a0df6', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'b6971499144d4dbc812f33388e46702f49b5f7c8', class: classes }, h("div", { key: 'be278089cc71934afc9b7b01fdd76988d770179d', class: "stzh-richtext__text" }, h("slot", { key: 'c0f79d5f395d5773a018213bc60ee6cd1bcd2a1c' })))));
     }
     get element() { return this; }
     static get style() { return stzhRichtextCss(); }

package/dist/components/stzh-row.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRow$1, d as defineCustomElement$1 } from './p-zn9oE-TU.js';
+import { S as StzhRow$1, d as defineCustomElement$1 } from './p-d0YyMFGG.js';
 const StzhRow = StzhRow$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-saptcha.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$7 } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$6 } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$5 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$4 } from './p-G6s0H-yQ.js';
-import { d as defineCustomElement$3 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$2 } from './p-CqIeGIYq.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$7 } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$6 } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$5 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$4 } from './p-DhDUHSh7.js';
+import { d as defineCustomElement$3 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 const stzhSaptchaCss = () => `.sc-stzh-saptcha-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-saptcha-h,[stzh-hidden].sc-stzh-saptcha-h{display:none}.sc-stzh-saptcha-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::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-saptcha-h .has-focus.sc-stzh-saptcha{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha{outline-style:none !important}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha::-moz-focus-inner{border:0 !important}.sc-stzh-saptcha-h{--color:var(--stzh-color-black);--answer-color:var(--stzh-saptcha-answer-color, var(--stzh-color-primary));--background-color:var(--stzh-color-grey10)}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xxlarge)}}.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);color:var(--color);background-color:var(--background-color)}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media (forced-colors: active){.stzh-saptcha__box.sc-stzh-saptcha{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-saptcha__info.sc-stzh-saptcha{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)}.stzh-saptcha__answer.sc-stzh-saptcha{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--answer-color);margin-top:var(--stzh-space-xsmall)}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}`;
@@ -77,8 +77,8 @@ const StzhSaptcha$1 = /*@__PURE__*/ proxyCustomElement(class StzhSaptcha extends
         const classes = {
             "stzh-saptcha": true,
         };
-        return (h(Host, { key: '286c8cfe36b60e89bb375c36f04b72667198812d', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '0a17f8b4f12bd323c0a04336783f97f3b9551de5', class: classes }, h("div", { key: 'efbd2b5c9976de641009470822fe872f108d4435', class: "stzh-saptcha__box" }, h("div", { key: 'c3f45d633bf46ec7fe34939b906e5fd3772afb14', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '43d4df83ac83ba09a3476348aee603d0f2088a28', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
-            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), h("stzh-input", { key: 'fbb85cd0ae8efc4cf3bdf56d87002c9eacd2e787', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
+        return (h(Host, { key: '11774c337774e7a5bee7bb1eafd51113152b44f2', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'f7f87db518e237784dcc8bc5cf70b9e5cf61329e', class: classes }, h("div", { key: 'e01ce3c961590ac5d01f4de9fc9d937a1bfc6c00', class: "stzh-saptcha__box" }, h("div", { key: '56d9d557f5ba54d9c1d57c3eb280356abd3c1863', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '3964ba8f8467bd09aff674396dfce316ad011d0e', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
+            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), h("stzh-input", { key: 'e3a75cc3b6357809ec885084314b38c879bfa475', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-scrollup.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull } from './p-DBHUqFOB.js';
 const stzhScrollupCss = () => `: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{display:contents}@media print{:host{display:none}}.stzh-scrollup{display:contents}`;
@@ -33,7 +33,7 @@ const StzhScrollup$1 = /*@__PURE__*/ proxyCustomElement(class StzhScrollup exten
         const classes = {
             "stzh-scrollup": true,
         };
-        return (h(Host, { key: '214d0bc7db938b45841295475d66c6edcf7c946b' }, h("div", { key: '98cbdda085c813af0cc12dd0f7cb4753f3f18987', class: classes }, h("slot", { key: '8169cf91eceb54843665e493016a279504b14363', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '5a6b8a6b4479fcdc2ba1cdcbe3679b94e1125509' }, h("div", { key: '4ddd7687ee8311b2e2b1d1804fc62d18cae6a70f', class: classes }, h("slot", { key: 'b1c1f87f593f83d5926349e904698b90d5679af9', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return this; }
     static get style() { return stzhScrollupCss(); }

package/dist/components/stzh-search.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { a as axios } from './p-DRN8s57r.js';
-import { r as raf, h as hasSlot, f as formatHeadingForHyphenation } from './p-CN5apKPb.js';
+import { r as raf, h as hasSlot, f as formatHeadingForHyphenation } from './p-DBHUqFOB.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-CUGRmgip.js';
 import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
 import { r as requireDebounce } from './p-CIOHhwVv.js';
-import { d as defineCustomElement$g } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$f } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$e } from './p-C_jR89kU.js';
-import { d as defineCustomElement$d } from './p-BKIlDLNH.js';
-import { d as defineCustomElement$c } from './p-CB6SGGWh.js';
-import { d as defineCustomElement$b } from './p-ts8WMMWF.js';
-import { d as defineCustomElement$a } from './p-CUg-9OV-.js';
-import { d as defineCustomElement$9 } from './p-BVyHe4zB.js';
-import { d as defineCustomElement$8 } from './p-CLg_b_CM.js';
-import { d as defineCustomElement$7 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$6 } from './p-D1qHu5Qi.js';
-import { d as defineCustomElement$5 } from './p-p0_NS-tW.js';
-import { d as defineCustomElement$4 } from './p-Nj7vgfBU.js';
-import { d as defineCustomElement$3 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$2 } from './p-CqIeGIYq.js';
+import { d as defineCustomElement$g } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$f } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$e } from './p-BAn4Ipj9.js';
+import { d as defineCustomElement$d } from './p-B446UYGz.js';
+import { d as defineCustomElement$c } from './p-DgLT1h5X.js';
+import { d as defineCustomElement$b } from './p-DvCfh0K2.js';
+import { d as defineCustomElement$a } from './p-CyByUFaI.js';
+import { d as defineCustomElement$9 } from './p-BDyLmXTF.js';
+import { d as defineCustomElement$8 } from './p-DmbPNk49.js';
+import { d as defineCustomElement$7 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$6 } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$5 } from './p-CgcoSQbB.js';
+import { d as defineCustomElement$4 } from './p-BJz42pna.js';
+import { d as defineCustomElement$3 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$2 } from './p-CIG3atcV.js';
 var debounceExports = requireDebounce();
 var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
@@ -524,13 +524,13 @@ const StzhSearch$1 = /*@__PURE__*/ proxyCustomElement(class StzhSearch extends H
         const wrapperProps = typeof this.templateResultWrapperProps === "function"
             ? this.templateResultWrapperProps(this.element)
             : this.templateResultWrapperProps;
-        return (h(Host, { key: 'f711d5e20edae20f9719f684d82d92ea63af7991', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: '5fca4fe4f7ac97b673c940112d414e848056b7ae', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: '3b861de6e48a3f2d4f448244ec4f33a4f12c6f0b', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: '32c3199579357d8c15527cb8bb8a6d7e4dad8844', class: "stzh-search__header-heading", curve: "h2" }, formatHeadingForHyphenation(this.heading))), h("slot", { key: '9eabfc4c5784fc80822630fb86abbf4e52477e59', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'f4fc3712646fd08e18c9ecbf30b213b47fa90469', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: 'd41f7ef50f8cccde2befa28e06d9009bea0e61f6', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: this.chipFilterName, label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
+        return (h(Host, { key: '23732243a3db8f4ed4bde1858c2e47f87e892acf', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: 'c367d9c58dbf5773af5f04942fbd5e1219ead7ec', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'd5e6ba6a16acb6b4420afdad1086b6f5b1c2d6b6', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: 'dbfa7894dd8ab5fdd1d2137e3b5c7decb713912b', class: "stzh-search__header-heading", curve: "h2" }, formatHeadingForHyphenation(this.heading))), h("slot", { key: 'd81fca3fd1c1f5b452ace81e5df82e93a7d4c043', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'd026826d762ca4e0253dc916799f78d9f22da10c', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: 'c6081739495eeae73e9f59cc657cb6027acc315c', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: this.chipFilterName, label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
                 label: chipResult.label,
                 value: chipResult.value,
                 counter: `${chipResult.amount}`,
                 variant: "filter",
                 size: "large",
-            })) }))))), filtersAsideUsed && (h(Fragment, { key: '849e4551685d21c4136d8c95f75423db7a1ab8f7' }, h("div", { key: 'dd072f27ccbc7f356083dde1fc241227fb48976e', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: 'eb026a3d3d52410259a98921fd0ce98b02584563', class: "stzh-search__filters-aside-inner" }, h("div", { key: 'a6e293397969398f2f33382fc05fbdbadbc2fd8d', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: '7bed76f34202ccbea0d717fee1975e9fedae4297', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '08c1901aee18f4f556e08ec18c1a7c5874f3fd76', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '38b4304e9f6403254352214c92fd1bedb99f6d66', slot: "content" }, h("slot", { key: 'f7c7ffa2c0b150d8e48ef38295596edd22bb58b5', name: "filters-aside" }))))))), h("div", { key: '155f118d7198601d0c1a6267e709d20b561c64a2', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '4fc34fc49a332e68e5d814d6062f93bc71100377' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: '42dab7565aa69b6d40be7b7502c6515d1cd248e7', class: "stzh-search__error" }, h("stzh-message", { key: '8d1c09bf4c275ff9d7925d075ddd70dc083d93e8', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: 'f294bca37ce25e8b6a585729355ce95618430643', class: "stzh-search__loader" })), h("slot", { key: 'd0b31a873b36de919aa17fea40f4b75939c004e7' }))));
+            })) }))))), filtersAsideUsed && (h(Fragment, { key: '900ade7b4448228c9089da31d6037c63d3bd7804' }, h("div", { key: '4b98be07cb167697314be408e6def52b2bdcd65b', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: '751f622ad15e0771f53b686e26d0b8d8b33915cd', class: "stzh-search__filters-aside-inner" }, h("div", { key: '6548fcae1748fe1d2838437ef87c083254b6d75c', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'fbf8f016a163c99accae2e013a273553ed958caf', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '7b3fd7a5c19c07d828046434aeef0bf0b5964e4e', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '28b198629cc5049dbcd0612bd27a21471c1433c0', slot: "content" }, h("slot", { key: '110358388951211961c881ec14b46f7715811af6', name: "filters-aside" }))))))), h("div", { key: '69d02ff8d846892ba899ff6430821f4d03030a52', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '5e9517d66fa3b8c7fc3d52c209cfe009d558d765' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: 'd9715024bfe374397b73bf09ffc557f04b17cd19', class: "stzh-search__error" }, h("stzh-message", { key: '5a6316edaa28c0722504db950f20ba775166ba85', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: '3ed587034807936064a28bb0d29ff8d8675740bf', class: "stzh-search__loader" })), h("slot", { key: 'f8a8be5f8ca3cee0822e41d7f18f21635e5415af' }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-section.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { j as setProps } from './p-CN5apKPb.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { k as setProps } from './p-DBHUqFOB.js';
 const stzhSectionCss = () => `: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{--color:var(--stzh-color-black);--background-color:transparent;--outline-color:transparent;--heading-color:var(--stzh-section-heading-color, var(--stzh-heading-color));--heading-background-color:transparent;--padding-left:var(--stzh-section-padding-left, 0px);--padding-right:var(--stzh-section-padding-right, 0px);--padding-top:var(
     --stzh-section-padding-top,
@@ -104,12 +104,12 @@ const StzhSection$1 = /*@__PURE__*/ proxyCustomElement(class StzhSection extends
         this.init();
     }
     render() {
-        return (h(Host, { key: '2be498b274f67f0603170eb5367cd186153c2206' }, h("section", { key: 'f4dda27f87d1b58f9826ec75e2a2fcecad9b6434', class: {
+        return (h(Host, { key: '6815f3e9658760fc8af8745ee9e6f3ed6a1ef9cb' }, h("section", { key: '9ffb80d2b3c4505161fc986f1366a0dbe5113c42', class: {
                 "stzh-section": true,
                 "stzh-section--is-breakout": this.breakout,
                 [`stzh-section--${this.variant}`]: !!this.variant,
                 [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,
-            } }, h("div", { key: 'dc4042c7d4cee716daf4cb3b4c061a8b2ec6f26c', class: "stzh-section__outer" }, h("div", { key: '23fa78aa7b158a5202738d6a41736e079036b231', class: "stzh-section__heading" }, h("slot", { key: 'f113c352f47dd08c01b5c1a2a80dc7e14abacef1', name: "heading" })), h("div", { key: '42c193cb6382a18ac57e45d9eececdf3c3e99b01', class: "stzh-section__wrapper" }, h("slot", { key: '322316c03b365cf3d224958416d935188a1862b4', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, h("div", { key: 'ec81e73b9bd31cbf41771d1036f486f874659f43', class: "stzh-section__outer" }, h("div", { key: '4affebf2ce6e4ba56308a84cf8b29546ff524303', class: "stzh-section__heading" }, h("slot", { key: '7c93a03f5c8cdb1491a5836dc12ca9d4f114fdd8', name: "heading" })), h("div", { key: '6a89cf3caa3aa26e5536ab6b55320bdf3629605a', class: "stzh-section__wrapper" }, h("slot", { key: '8f978231fa604001cf043cdc503d79b53c42aad0', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
     }
     static get style() { return stzhSectionCss(); }
 }, [257, "stzh-section", {

package/dist/components/stzh-share.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhShare$1, d as defineCustomElement$1 } from './p-cNHNXCvC.js';
+import { S as StzhShare$1, d as defineCustomElement$1 } from './p-0Lt3woCB.js';
 const StzhShare = StzhShare$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-show.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhShow$1, d as defineCustomElement$1 } from './p-CnS9iJUS.js';
+import { S as StzhShow$1, d as defineCustomElement$1 } from './p-C5ORTu7L.js';
 const StzhShow = StzhShow$1;
 const defineCustomElement = defineCustomElement$1;