@oiz/stzh-components 4.12.1-beta1 → 4.12.2

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

@@ -1,14 +1,19 @@
 import { createComponentStory } from '../../utils/story-utils';
 import readme from './readme.md?raw';
+import { expect, userEvent, waitFor } from 'storybook/test';
+import { getComponentByTestId } from '../../../.storybook/utils/component-test-utils';
 
 import { getFigmaLink } from '../../../figma';
 
 const COMPONENT_NAME = 'stzh-message';
 const story = createComponentStory(COMPONENT_NAME);
 
+const MESSAGE_TEST_ID = 'MESSAGE_TEST_ID';
+
 const TEMPLATE = `
-<stzh-message>
-  <stzh-link slot="link">optional link</stzh-link>
+<stzh-message data-testid="${MESSAGE_TEST_ID}">
+  <p>This default slot content is not displayed when the description property is set.</p>
+  <stzh-link slot="link" icon="external-link">optional link</stzh-link>
 </stzh-message>
 `;
 
@@ -38,5 +43,125 @@ export const Default = {
   args: {
     label: 'Message title',
     description: 'Optional description for this message.'
+  },
+  play: async ({ canvasElement, step }) => {
+    await step('Assert attributes', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      expect(stzhMessageEl).toHaveAttribute('label', 'Message title');
+      expect(stzhMessageEl).toHaveAttribute('description', 'Optional description for this message.');
+      expect(stzhMessageEl).toHaveAttribute('type', 'info');
+      expect(stzhMessageEl).not.toHaveAttribute('hide-close');
+    });
+
+    await step('Close button is displayed', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const closeButtonEl = stzhMessageEl.querySelector('.stzh-message__close');
+      expect(closeButtonEl).not.toBeNull();
+    });
+
+    await step('Description property wins over default slot', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const descriptionEl = stzhMessageEl.querySelector('.stzh-message__description');
+      expect(descriptionEl).toHaveTextContent('Optional description for this message.');
+      expect(descriptionEl).not.toHaveTextContent('This default slot content is not displayed');
+    });
+
+    await step('Link slot is displayed below the description', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const descriptionEl = stzhMessageEl.querySelector('.stzh-message__description');
+      const linkWrapperEl = stzhMessageEl.querySelector('.stzh-message__link');
+      const linkEl = linkWrapperEl.querySelector('stzh-link');
+
+      expect(linkEl).not.toBeNull();
+      expect(linkEl).toHaveTextContent('optional link');
+      expect(descriptionEl.compareDocumentPosition(linkWrapperEl) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+    });
+
+    await step('stzhClose and stzhOpen events are fired with component detail', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const closeButtonEl = stzhMessageEl.querySelector('.stzh-message__close');
+      let eventCloseDetail;
+      let eventOpenDetail;
+
+      stzhMessageEl.addEventListener('stzhClose', (ev) => {
+        eventCloseDetail = ev.detail;
+      });
+      stzhMessageEl.addEventListener('stzhOpen', (ev) => {
+        eventOpenDetail = ev.detail;
+      });
+
+      await userEvent.click(closeButtonEl);
+      expect(eventCloseDetail).toHaveProperty('component', 'stzh-message');
+
+      await waitFor(() => {
+        expect(stzhMessageEl).toHaveAttribute('hidden');
+      });
+
+      await stzhMessageEl.show();
+      expect(eventOpenDetail).toHaveProperty('component', 'stzh-message');
+
+      await waitFor(() => {
+        expect(stzhMessageEl).not.toHaveAttribute('hidden');
+      });
+    });
+  }
+};
+
+const HTML_CONTENT_TEMPLATE = `
+<stzh-message data-testid="${MESSAGE_TEST_ID}">
+  <p>Please correct these form fields:</p>
+  <stzh-list>
+    <stzh-list-item>Email</stzh-list-item>
+    <stzh-list-item>Phone number</stzh-list-item>
+  </stzh-list>
+  <stzh-link slot="link">optional link</stzh-link>
+</stzh-message>
+`;
+
+export const WithHtml = {
+  render: (args) => story(args, HTML_CONTENT_TEMPLATE),
+  args: {
+    label: 'Validation failed',
+    type: 'error',
+    'hide-close': true
+  },
+  play: async ({ canvasElement, step }) => {
+    await step('Assert attributes', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      expect(stzhMessageEl).toHaveAttribute('hide-close', 'true');
+      expect(stzhMessageEl).toHaveAttribute('type', 'error');
+    });
+
+    await step('Close button is not displayed', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const closeButtonEl = stzhMessageEl.querySelector('.stzh-message__close');
+      expect(closeButtonEl).toBeNull();
+    });
+
+    await step('Default slot accepts HTML content and custom elements', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const descriptionEl = stzhMessageEl.querySelector('.stzh-message__description');
+      const paragraphEl = descriptionEl.querySelector('p');
+      const listEl = descriptionEl.querySelector('stzh-list');
+      const listItemEls = descriptionEl.querySelectorAll('stzh-list-item');
+
+      expect(paragraphEl).not.toBeNull();
+      expect(paragraphEl).toHaveTextContent('Please correct these form fields:');
+      expect(listEl).not.toBeNull();
+      expect(listItemEls).toHaveLength(2);
+      expect(listItemEls[0]).toHaveTextContent('Email');
+      expect(listItemEls[1]).toHaveTextContent('Phone number');
+    });
+
+    await step('Link slot is displayed below the default slot content', async () => {
+      const stzhMessageEl = await getComponentByTestId(canvasElement, MESSAGE_TEST_ID);
+      const descriptionEl = stzhMessageEl.querySelector('.stzh-message__description');
+      const linkWrapperEl = stzhMessageEl.querySelector('.stzh-message__link');
+      const linkEl = linkWrapperEl.querySelector('stzh-link');
+
+      expect(linkEl).not.toBeNull();
+      expect(linkEl).toHaveTextContent('optional link');
+      expect(descriptionEl.compareDocumentPosition(linkWrapperEl) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+    });
   }
 };

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: 'cc1cdf3e2146ff465b612c7ca987ecfa94bd1fc3', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '16caff63681acb3dbe16d7c4d68c9783229af19e', class: classes }, labelWrapperUsed && (h("label", { key: 'd1c6f4593a3d5a79d311cd2970ed49e9e0109f35', class: "stzh-radio__field-wrapper" }, h("input", { key: '8b8aac42f4e53f32728e97b393f289c0aa28b9ea', 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: '9db48703b9f360cf4965e556e5928fb07ac6ba8e', class: "stzh-radio__mark" }, h("div", { key: '85b46892882617eb783436d2691d1e3c243560c8', class: "stzh-radio__check" })), h("div", { key: 'ad4944283ca6a5d622a95810253dbe23827ef437', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'b925096f24db80a9e145c8b1d4efd5e5f998c0b5', class: "stzh-radio__marker" }, h("span", { key: '8c7115b913be26988b593db69e6bc14a932c2af5', 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: 'e92d6e5758f0d6d0cbe1140338db427846c5a172', 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: 'e69652a157df0c226c3d592045baf3e63f64c995', 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: '5918bcc3a41885efa965606f08cfa7790bde0db8', 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-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: 'a2aeff6077a218f4d9691ed27cc568afab1845c8', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: '9cd723dfed72905f99842107a4e9ba5f5841fbb8', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: 'c54fdaae224270de1eb1db0ebf474eec5f0a7067', class: classes }, labelWrapperUsed && (h("legend", { key: '2a50b33fadba1d9e3b7a2cd7a04247ac1ecb4595', id: legendId, class: "stzh-rating__legend" }, h("span", { key: '747db97c26bb457bb8c2e1c6a1a987dc93e57a1e', class: "stzh-rating__legend-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '8dd60b040c15214d3875a61da147904dc4c30f36', class: "stzh-rating__marker" }, h("span", { key: 'fd63a71af3910115cccc7f915a8537f6ceea42cf', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: 'bbf6a66264227045cff026233a7b1fad49544ce6', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ac965869f7eb048915047d2847af024ccb237055', 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: '1d88d8a69c609bff2420279657cf48c6ce8f52a2', 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: '7eb34591279968ac48dbdf59d021d6c80983e0fd', 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"]}