@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/collection/components/stzh-popover/stzh-popover.js

@@ -463,7 +463,7 @@ export class StzhPopover {
             [`stzh-popover--size-${this.size}`]: !!this.size,
             [`stzh-popover--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'aecf156bcd3693a28a0b216a6860fa1bb2648ae5' }, h("div", { key: '2e0ccb5bc6abeec11ee68d513bae57c7858795b8', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '999f14e8539ee42131b8748d7a6bf32673d2ed0a', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'dd0de5e801bed8393006dc7a175aece86490e478' })), h("div", { key: 'a842e6ca27c714596da9aef882701465ce8149d8', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, (_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : ""), h("div", { key: '483f487a346c068988576141ee8a4de8153b802e', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'ca0ab1530174d946eea42793997daa124dbed9ef', class: "stzh-popover__backdrop" }), h("div", { key: '69422fa7fb56cfa03018a3eb60a4cafd7b52ab63', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'b14fa1ee85db35256b624a8597c93fbc3a15acd8', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (h("div", { key: '5efc538f9d9ee90650566f7bb9b7aff353f6d023', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '8c62b4db5caf52738aa711116af02e487429d56b', class: "stzh-popover__content-inner" }, h("div", { key: '32a4a433ff8cf94910223331d7f65175507c936f', class: "stzh-popover__label-wrapper" }, h("h2", { key: '6db1d999b1ffbeda67637fdbfa84c8995c3664f7', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: '2162d302193c40973183ef6b83264afed2dc89b6', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '8b31160df9c868dcc936523cfebe20076c0b5d2a', name: "close", class: "stzh-popover__icon" }), h("span", { key: '53c63898d050c8e44e2edaee62d6395f8b633ada', class: "stzh-popover__vhidden" }, (_d = (_c = this.localization) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : ""))), h("div", { key: '664976a477a7f90227f457f4d582e7e7811fe32d', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '2c92887a3a17ba24cede8d92def40a531549dbae', class: "stzh-popover__content-slot" }, h("slot", { key: '458b3d3681906e8703c7769317296ae20206aad2', name: "content" })), h("div", { key: '625d5089c63bbd520599707caff869f75621c1d9', class: "stzh-popover__action-slot" }, h("slot", { key: 'cd462f4026009e3da55708510f6474accc4e3e71', name: "action" }))))))))));
+        return (h(Host, { key: '92367e4946ff706e4599426a2e68ffcca4627abb' }, h("div", { key: 'b2f8960258a8ac76542e005748cf411ddce9373b', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '4ca8c632e2f010155ad30b56532668bec611a434', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: '7e890fb402df4513158a9325288ffdd50df57bf3' })), h("div", { key: 'b5af465e4b9e4e8be38906e91abd72f82d30a879', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, (_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : ""), h("div", { key: 'fb8069c7339a79cfd5b3e96d4d2320fa234e1579', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: '409f187bd90b424c4294e82e12f4da476193b009', class: "stzh-popover__backdrop" }), h("div", { key: '5722496b78fdc46c776a17b4c56a1732ae51f08e', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: '38dcca02a5cf780675ce2b9ac091c773bee3a734', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (h("div", { key: '5882c3e2aaf100c3902215ce89e967c89c143a91', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '1c71529861a1f5a9c4a413b79399de0c0a74470c', class: "stzh-popover__content-inner" }, h("div", { key: '9208c429c784ac8751497d818d24e73bc7c8faba', class: "stzh-popover__label-wrapper" }, h("h2", { key: '4111848c73345e084aefdf68227fc52c963519f2', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'abe9167fe496cd6c6eed9f7c4344ccf5262bc074', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '491d71831756ecf740014d2d9ec8bfc59bde96ba', name: "close", class: "stzh-popover__icon" }), h("span", { key: 'a4c8a4701e0b1a1c18ff907699ce52ddf01a0c2b', class: "stzh-popover__vhidden" }, (_d = (_c = this.localization) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : ""))), h("div", { key: 'a8d6ed3ded6ddaaf88a07df74bce866135e495fc', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: 'b5f68fdadeaa44fc4e34feed4ec68f9dc7857d1e', class: "stzh-popover__content-slot" }, h("slot", { key: '7040afa5eb1e0b5c8b1c4067191c4b7fb3df039a', name: "content" })), h("div", { key: '6504376ef17bdcd802412e1bc7255054eac8b29a', class: "stzh-popover__action-slot" }, h("slot", { key: 'efa98d6e6207dcdf283786280fbf98d69691c54b', name: "action" }))))))))));
     }
     static get is() { return "stzh-popover"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-quote/stzh-quote.js

@@ -13,7 +13,7 @@ export class StzhQuote {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: '9a2e41d49d10d0b32b83143022c85fae4c9b42b8' }, h("div", { key: '5c19894aa24edc6ab8d55c238e3a499089a8fa94', class: classes }, h("blockquote", { key: 'db0e67668e8f7b284dae466973d38d3041882f74', class: "stzh-quote__content" }, h("p", { key: '2f16d8c76dc5820874aeaab614c5b299505b79cb', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '61505bc4fdc70c1d5d2815f61b4dbbff18cabaf6', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: '3bcda15b99f3fe0034aae231c35984cd7adacda6' }, h("div", { key: '414dcdbbcc8e2a85b89ad130ea257326f3c7177e', class: classes }, h("blockquote", { key: '0b90fe868a2c63af428b045186f346b7a5e30dcc', class: "stzh-quote__content" }, h("p", { key: 'f6d5e3dd5a9d4302deecf53f0cda9766f6cb6bcc', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: 'd398fed97fa733f8f0812d8172aa9afbf4b43838', class: "stzh-quote__author" }, this.author)))));
     }
     static get is() { return "stzh-quote"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-radio/stzh-radio.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { hasSlot } from "../../utils/utils";
+import { hasDefaultSlotContent, hasSlot } from "../../utils/utils";
 import { StzhInputDescription } from "../stzh-input/stzh-input-description";
 let radioCounter = 0;
 /**
@@ -29,6 +29,18 @@ export class StzhRadio {
         this.label = "";
         /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
         this.handleReset = async () => {
             this.checked = this.defaultChecked;
@@ -73,6 +85,19 @@ export class StzhRadio {
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = hasDefaultSlotContent(this.element, ["stzh-radio"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -102,6 +127,9 @@ export class StzhRadio {
             this._error = [];
         }
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     async componentWillLoad() {
         this.inputId = `stzh-radio-${radioCounter++}`;
         this.errorWatcher(this.error);
@@ -115,6 +143,8 @@ export class StzhRadio {
         const descriptionUsed = hasSlot(this.element, "description") || !!this.description;
         const descriptionLongUsed = hasSlot(this.element, "description-long") || !!this.descriptionLong;
         const errorUsed = hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-radio": true,
             "stzh-radio--has-description": descriptionUsed,
@@ -124,11 +154,11 @@ export class StzhRadio {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: 'f5b4a6a3fc1b36166f2f1244e88a133ef2555dde', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'df81304c66119b4ea99f911b21272c1afbf5f99d', class: classes }, h("label", { key: '24096e4ee57817ba5e4590bca41a0757b9e9962c', class: "stzh-radio__field-wrapper" }, h("input", { key: '32422449fb206c15a837dea57d6a647bdc52ff92', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(this.value), disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'a00abc3aa709f39fd490155f816bd8f8ce6c43df', class: "stzh-radio__mark" }, h("div", { key: '78ed354e2f19bffbeb93244797a5de8f0c7ebaa9', class: "stzh-radio__check" })), h("div", { key: '26b9d086e49288e7e604f6d0a0fb84f839b1053d', class: "stzh-radio__label" }, this.label ? (this.label) : (h("span", { class: "stzh-radio__label-slot" }, h("slot", null))), !this.hideOptional && (h("span", { key: '7e9c841e5c87e6d30b42f69f53eb0964e434dea2', class: "stzh-radio__marker" }, h("span", { key: '243e5ed2b1c03d084c02263aa74c03736af60a6c', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '6bd9ef10b3300e578fefe4ff653cf978816cf1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebea8d7aba9224f046d56555098b282102ec0929', class: classes }, labelWrapperUsed && (h("label", { key: 'cdd4030cff6fd5cff42edf529971e5ef07265db0', class: "stzh-radio__field-wrapper" }, h("input", { key: '6c7d1137b279447f1c6ae8b27460c843c7003af2', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(this.value), disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'c8509edd66148d8ac08321eb7697606d7c463167', class: "stzh-radio__mark" }, h("div", { key: '05ec9e5169f45e097eeac2738f37d971e2c0558a', class: "stzh-radio__check" })), h("div", { key: '1920c1b97402a54aa3d96fde0b90450fdeeccecc', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'ceb36dd822f2270408df3d7febb1f11b18fc46f4', class: "stzh-radio__marker" }, h("span", { key: 'b9488232d4807504c0f17a968777071dcf40d6a6', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '520155a717966a7353632bcc7b0ee649e9f618a8', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2995c8fcfdc07aa29c760b2e3faf9c7332a962f5', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'b1bf15462d161875a5a1e18c95f09a03561b86f5', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '4caf7c1aa4eeea61c391f4554a26a0fdfdc8669e', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a6b974712e0875863f2a3815b8c92c9e873ea006', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '73568d8f39d6f583916a427c4b25e914a4d38e3a', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-radio"; }
     static get encapsulation() { return "scoped"; }
@@ -450,6 +480,12 @@ export class StzhRadio {
             }
         };
     }
+    static get states() {
+        return {
+            "hasDefaultSlot": {},
+            "hasResolvedDefaultSlot": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "stzhChange",

package/dist/collection/components/stzh-radio/stzh-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-radio.js","sourceRoot":"","sources":["../../../../src/components/stzh-radio/stzh-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhRadioValue } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet radioCounter = 0;\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) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-radio\",\n  styleUrl: \"stzh-radio.scss\",\n  scoped: true,\n})\nexport class StzhRadio {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** The value of the input element. Note that boolean values only work with property binding (not with attribute binding). */\n  @Prop({ mutable: true }) value: StzhRadioValue = \"\";\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  /** Checked status */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /** Default checked (used by reset) */\n  @Prop({ mutable: true }) defaultChecked: boolean;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhRadioChangeEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhRadioFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhRadioBlurEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Element() element: HTMLStzhRadioElement;\n\n  private input: HTMLInputElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n\n  private handleReset = async () => {\n    this.checked = this.defaultChecked;\n  };\n\n  private onInput = (event: InputEvent) => {\n    this.checked = this.input.checked;\n    this.stzhChange.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n      value: this.value,\n      checked: this.checked,\n    });\n  };\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.input.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n    });\n  };\n\n  async componentWillLoad() {\n    this.inputId = `stzh-radio-${radioCounter++}`;\n    this.errorWatcher(this.error);\n\n    this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radio\");\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 errorUsed = hasSlot(this.element, \"error\") || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-radio\": true,\n      \"stzh-radio--has-description\": descriptionUsed,\n      \"stzh-radio--has-description-long\": descriptionLongUsed,\n      \"stzh-radio--has-error\": errorUsed,\n      \"stzh-radio--is-required\": this.required,\n      \"stzh-radio--is-invalid\": this.invalid || errorUsed,\n      \"stzh-radio--is-disabled\": this.disabled,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <label class=\"stzh-radio__field-wrapper\">\n            <input\n              class=\"stzh-radio__input\"\n              ref={el => (this.input = el as HTMLInputElement)}\n              type=\"radio\"\n              id={this.inputId}\n              name={this.name}\n              value={String(this.value)}\n              disabled={this.disabled}\n              aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n              aria-required={this.required ? \"true\" : \"false\"}\n              aria-invalid={this.invalid ? \"true\" : \"false\"}\n              checked={this.checked}\n              defaultChecked={this.defaultChecked}\n              onInput={this.onInput}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            />\n            <div class=\"stzh-radio__mark\">\n              <div class=\"stzh-radio__check\"></div>\n            </div>\n\n            <div class=\"stzh-radio__label\">\n              {this.label ? (\n                this.label\n              ) : (\n                <span class=\"stzh-radio__label-slot\">\n                  <slot></slot>\n                </span>\n              )}\n\n              {!this.hideOptional && (\n                <span class=\"stzh-radio__marker\">\n                  <span class=\"stzh-radio__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker}\n                  </span>\n                  <span class=\"stzh-radio__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText}\n                  </span>\n                </span>\n              )}\n\n              {descriptionLongUsed && (\n                <StzhInputDescription\n                  classPrefix=\"stzh-radio\"\n                  id={`${this.inputId}-description-long`}\n                  descriptionLong={this.descriptionLong}\n                  descriptionLongTitle={this.descriptionLongTitle}\n                  descriptionLongUsed={true}\n                  moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n                  showError={false}\n                  showDescriptionText={false}\n                />\n              )}\n            </div>\n          </label>\n          {(errorUsed || descriptionUsed) && (\n            <StzhInputDescription\n              classPrefix=\"stzh-radio\"\n              id={`${this.inputId}-description`}\n              error={this._error}\n              description={this.description}\n              descriptionLongUsed={false}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-radio.js","sourceRoot":"","sources":["../../../../src/components/stzh-radio/stzh-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch, State } from \"@stencil/core\";\n\nimport { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhRadioValue } from \"../../index\";\n\nimport { hasDefaultSlotContent, hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet radioCounter = 0;\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) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-radio\",\n  styleUrl: \"stzh-radio.scss\",\n  scoped: true,\n})\nexport class StzhRadio {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** The value of the input element. Note that boolean values only work with property binding (not with attribute binding). */\n  @Prop({ mutable: true }) value: StzhRadioValue = \"\";\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  /** Checked status */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /** Default checked (used by reset) */\n  @Prop({ mutable: true }) defaultChecked: boolean;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhRadioChangeEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhRadioFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhRadioBlurEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\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: HTMLStzhRadioElement;\n\n  private input: HTMLInputElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n\n  private handleReset = async () => {\n    this.checked = this.defaultChecked;\n  };\n\n  private onInput = (event: InputEvent) => {\n    this.checked = this.input.checked;\n    this.stzhChange.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n      value: this.value,\n      checked: this.checked,\n    });\n  };\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.input.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-radio\",\n      originalEvent: event,\n    });\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-radio\"]);\n    if (this.hasDefaultSlot !== hasDefaultSlot) {\n      this.hasDefaultSlot = hasDefaultSlot;\n    }\n    if (!this.hasResolvedDefaultSlot) {\n      this.hasResolvedDefaultSlot = true;\n    }\n  };\n\n  componentDidLoad() {\n    this.updateDefaultSlotState();\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-radio-${radioCounter++}`;\n    this.errorWatcher(this.error);\n\n    this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radio\");\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 errorUsed = hasSlot(this.element, \"error\") || this._error?.length > 0;\n\n    const labelUsed = !!this.label || this.hasDefaultSlot;\n    const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;\n\n    const classes = {\n      \"stzh-radio\": true,\n      \"stzh-radio--has-description\": descriptionUsed,\n      \"stzh-radio--has-description-long\": descriptionLongUsed,\n      \"stzh-radio--has-error\": errorUsed,\n      \"stzh-radio--is-required\": this.required,\n      \"stzh-radio--is-invalid\": this.invalid || errorUsed,\n      \"stzh-radio--is-disabled\": this.disabled,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {labelWrapperUsed && (\n            <label class=\"stzh-radio__field-wrapper\">\n              <input\n                class=\"stzh-radio__input\"\n                ref={el => (this.input = el as HTMLInputElement)}\n                type=\"radio\"\n                id={this.inputId}\n                name={this.name}\n                value={String(this.value)}\n                disabled={this.disabled}\n                aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n                aria-required={this.required ? \"true\" : \"false\"}\n                aria-invalid={this.invalid ? \"true\" : \"false\"}\n                checked={this.checked}\n                defaultChecked={this.defaultChecked}\n                onInput={this.onInput}\n                onFocus={this.onFocus}\n                onBlur={this.onBlur}\n              />\n              <div class=\"stzh-radio__mark\">\n                <div class=\"stzh-radio__check\"></div>\n              </div>\n\n              <div class=\"stzh-radio__label\">\n                {this.label ? this.label : <slot onSlotchange={this.updateDefaultSlotState}></slot>}\n\n                {labelUsed && !this.hideOptional && (\n                  <span class=\"stzh-radio__marker\">\n                    <span class=\"stzh-radio__marker-symbol\" aria-hidden=\"true\">\n                      {this.required\n                        ? this.localization.$globals.requiredFieldMarker\n                        : this.localization.$globals.optionalFieldMarker}\n                    </span>\n                    <span class=\"stzh-radio__marker-text\">\n                      {this.required\n                        ? this.localization.$globals.requiredFieldText\n                        : this.localization.$globals.optionalFieldText}\n                    </span>\n                  </span>\n                )}\n\n                {descriptionLongUsed && (\n                  <StzhInputDescription\n                    classPrefix=\"stzh-radio\"\n                    id={`${this.inputId}-description-long`}\n                    descriptionLong={this.descriptionLong}\n                    descriptionLongTitle={this.descriptionLongTitle}\n                    descriptionLongUsed={true}\n                    moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n                    showError={false}\n                    showDescriptionText={false}\n                  />\n                )}\n              </div>\n            </label>\n          )}\n          {(errorUsed || descriptionUsed) && (\n            <StzhInputDescription\n              classPrefix=\"stzh-radio\"\n              id={`${this.inputId}-description`}\n              error={this._error}\n              description={this.description}\n              descriptionLongUsed={false}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-radio/stzh-radio.stories.js

@@ -143,7 +143,7 @@ export const ValueAsBoolean = {
     stzhRadioEl = await getComponentByTestId(canvasElement, RADIO_TEST_ID);
 
     await step('Assert attributes', async () => {
-      expect(stzhRadioEl).toHaveAttribute('hide-optional', 'true');
+      expect(stzhRadioEl).toHaveAttribute('hide-optional');
     });
 
     await step('Assert boolean value in stzhChange event', async () => {
@@ -207,3 +207,15 @@ export const ErrorMessageInSlot = {
     });
   }
 };
+
+const TEMPLATE_LABEL_SLOT = `
+<${COMPONENT_NAME} data-testid="${RADIO_TEST_ID}">Label in default slot</${COMPONENT_NAME}>
+`;
+
+export const LabelSlotted = {
+  render: (args) => story(args, TEMPLATE_LABEL_SLOT),
+  args: {
+    name: 'option',
+    value: 'test'
+  }
+};

package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.js

@@ -172,11 +172,11 @@ export class StzhRadiogroup {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '280a36cfb4cf0c31dd92f6057590c7075c10aba2', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '38b1fc7d757dce1367968b902d1125c7e506cbf9', class: classes }, legendUsed && (h("legend", { key: 'b6d9f3d4d0852db83357cba1924fd5bbefb76959', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '5e14d12adde659c6eb014c93ac79c36a713e6874', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: 'b54931449de5974570096486e408d0d4fa796043', class: "stzh-radiogroup__marker" }, h("span", { key: '3e902f07b0b3b89f044c144cacd0cdb27f17c158', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'c4acfe2d6e04449901172827d09dd48161b1d411', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '24a9232ee94c4d27804db23e5ffdabe67a319b5c', class: classes }, legendUsed && (h("legend", { key: '4c2265a4d3862623229c565b11fd15be19d740a7', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '89ebfd07ffe0bc6929d024ef91c682b94f129397', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: '354be3f36cbc73bf3fdd601dbd1deb76cd29ed78', class: "stzh-radiogroup__marker" }, h("span", { key: 'f4c0ede8753ba128296fd361f8bf5f1299682bdc', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '84c032fb02ae1cdcc65a919e054b481d58eddb5e', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '02b6bdaf9ffdd84750e37739964945be05b7992d', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ecaa100aeb87566ae49ea3afcc8f653310c7d5e4', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'ee47918db265afeb79c444efd5791030e5de0abb', class: "stzh-radiogroup__fields" }, h("slot", { key: 'c4f5673cd44c161b3cdff750e06bbe28eac27d1b' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac8b20be56dacdc5a3d20b705bd71b93bf9aea60', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: '2c8f3aefb4bc2c240b8fde2a8a2c3845e4842361', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '0321a78e16e357aa307c71eac4c7d51eed79e91a', class: "stzh-radiogroup__fields" }, h("slot", { key: '7666ea3eb3ae4b1e664234b87f4435a604dc5da5' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '0b7cec19624157696894407e219d4d335d1fcfcf', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-radiogroup"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-rating/stzh-rating.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { hasSlot } from "../../utils/utils";
+import { hasDefaultSlotContent, hasSlot } from "../../utils/utils";
 import { StzhInputDescription } from "../stzh-input/stzh-input-description";
 let ratingCounter = 0;
 const MAX_RATING = 5;
@@ -26,7 +26,7 @@ export class StzhRating {
         /** 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 = [];
@@ -40,6 +40,18 @@ export class StzhRating {
         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) => {
@@ -155,6 +167,19 @@ export class StzhRating {
                 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;
@@ -237,13 +262,16 @@ export class StzhRating {
     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,
@@ -262,7 +290,7 @@ export class StzhRating {
             .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`
@@ -278,7 +306,7 @@ export class StzhRating {
                     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 })))));
     }
     static get is() { return "stzh-rating"; }
     static get encapsulation() { return "scoped"; }
@@ -474,7 +502,7 @@ export class StzhRating {
                 "setter": false,
                 "reflect": false,
                 "attribute": "label",
-                "defaultValue": "\"Label\""
+                "defaultValue": "\"\""
             },
             "analyticsId": {
                 "type": "string",
@@ -637,7 +665,9 @@ export class StzhRating {
         return {
             "hoverIndex": {},
             "tabbableIndex": {},
-            "userKeyFocused": {}
+            "userKeyFocused": {},
+            "hasDefaultSlot": {},
+            "hasResolvedDefaultSlot": {}
         };
     }
     static get events() {

package/dist/collection/components/stzh-rating/stzh-rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-rating.js","sourceRoot":"","sources":["../../../../src/components/stzh-rating/stzh-rating.tsx"],"names":[],"mappings":"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","sourcesContent":["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,"file":"stzh-rating.js","sourceRoot":"","sources":["../../../../src/components/stzh-rating/stzh-rating.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/stzh-rating/stzh-rating.stories.js

@@ -227,3 +227,14 @@ export const LongDescription = {
     });
   }
 };
+
+const TEMPLATE_LABEL_SLOT = `
+<${COMPONENT_NAME} data-testid="${RATING_TEST_ID}">Label in default slot</${COMPONENT_NAME}>
+`;
+
+export const LabelSlotted = {
+  render: (args) => story(args, TEMPLATE_LABEL_SLOT),
+  args: {
+    value: 3
+  }
+};

package/dist/collection/components/stzh-ratio/stzh-ratio.js

@@ -23,7 +23,7 @@ export class StzhRatio {
         const classes = {
             "stzh-ratio": true,
         };
-        return (h(Host, { key: 'f0370e4bb53568bb83ec04c90655f236b632fd12' }, h("div", { key: '5a5f4b85b92674cda20685c62aa33578977f19ac', class: classes }, h("slot", { key: '423ad2c60178a174a2f154672c92c9ed652c9b37', name: "image" }), h("slot", { key: '7ee39b1115548d630f6c20a06557ebf8587325a2' }))));
+        return (h(Host, { key: 'f0c67239e76dd8eefe54d6fb4ca4ffc36de0e549' }, h("div", { key: '3a783be1629632126fdb694e8da2bbcb3e1df4cf', class: classes }, h("slot", { key: 'b72625e73a1cbf33626d5bb86a59df6037c26bef', name: "image" }), h("slot", { key: '046c5cab09d0d317597a8a3cf48bb4a055f26714' }))));
     }
     static get is() { return "stzh-ratio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.js

@@ -191,9 +191,9 @@ export 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" }))));
     }
     static get is() { return "stzh-readspeaker"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-richtext/stzh-richtext.js

@@ -50,7 +50,7 @@ export class StzhRichtext {
         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' })))));
     }
     static get is() { return "stzh-richtext"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-row/stzh-row.js

@@ -12,12 +12,12 @@ export class StzhRow {
         this.content = "start";
     }
     render() {
-        return (h(Host, { key: '1a35623777e6d5a7e220f5892f93da42b9508a07' }, h("div", { key: 'c1133ad1aaeb0499ed1241a9cda8f7aaf15f2c03', class: {
+        return (h(Host, { key: 'b549932ef83c0e35b20918dc7aa76a9b758153fe' }, h("div", { key: 'd9ca2eb111f1ee90c9c4d104aeb6389a7507e66d', class: {
                 "stzh-row": true,
                 [`stzh-row--justify-${this.justify}`]: !!this.justify,
                 [`stzh-row--items-${this.items}`]: !!this.items,
                 [`stzh-row--content-${this.content}`]: !!this.content,
-            } }, h("slot", { key: 'ea28dbeae2c2bda457c28c7a22fe7039d5010277' }))));
+            } }, h("slot", { key: 'dfb4e8747a0ddf94ae7a760c780471a18e77704f' }))));
     }
     static get is() { return "stzh-row"; }
     static get encapsulation() { return "shadow"; }