@beeq/core 1.11.0 → 1.11.2

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

@@ -2,7 +2,7 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { h, Host } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 /**
  * The radio button is a user interface element that allows users to select a single option.
  *
@@ -158,7 +158,9 @@ export class BqRadio {
                 'is-disabled': this.isDisabled,
                 'is-checked': this.checked,
                 'has-background': this.backgroundOnHover,
-            }, part: "base" }, h("div", { key: '438b1daf66ba3fab98ed6e5afaac925e4086c050', class: "bq-radio__control" }, h("input", { key: '01457f18d246d946c380628847bdae9d6cc49dad', class: "bq-radio__input", ref: (element) => (this.inputElement = element), type: "radio", form: this.formId, name: this.name, value: this.value, required: this.required, disabled: this.isDisabled, checked: this.checked, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.isDisabled ? 'true' : 'false', "aria-labelledby": "bq-radio__label", part: "input" }), h("div", { key: '4ee55909614558994fa4f396a34788da163c2641', class: "bq-radio__circle", part: "radio" }, h("div", { key: '6cf2c2de2ee41af48d9906d52a177b0eae59cab8', class: "bq-radio__checked" }))), h("span", { key: '0b494c425a4b8af9007dfc957a8530b3e3032188', class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label" }, h("slot", { key: '92580957415ad7f435c9f5e5a4fd2afbbc96f044', id: "bq-radio__label" })))));
+            }, part: "base" }, h("div", { key: '438b1daf66ba3fab98ed6e5afaac925e4086c050', class: "bq-radio__control" }, h("input", { key: '6fe9c908da9f0dc81d368ecd9721e24e27520c95', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.isDisabled ? 'true' : 'false', "aria-labelledby": "bq-radio__label", checked: this.checked, class: "bq-radio__input", disabled: this.isDisabled, form: this.formId, name: this.name, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, part: "input", ref: (element) => {
+                this.inputElement = element;
+            }, required: this.required, type: "radio", value: this.value }), h("div", { key: 'd3f23f57a905431a31dfb4eb426176c04a4295d4', class: "bq-radio__circle", part: "radio" }, h("div", { key: '074045b752f2e1541d9fe2b51c8290b55dc23fb3', class: "bq-radio__checked" }))), h("span", { key: 'd2849008f9e81df99ddfc9fefa38aab255bf22aa', class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label" }, h("slot", { key: '97c17462f377502cad6a6f2e3588df84ee762ea3', id: "bq-radio__label" })))));
     }
     static get is() { return "bq-radio"; }
     static get encapsulation() { return "shadow"; }
@@ -177,7 +179,6 @@ export class BqRadio {
         return {
             "backgroundOnHover": {
                 "type": "boolean",
-                "attribute": "background-on-hover",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -193,11 +194,11 @@ export class BqRadio {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "background-on-hover",
                 "defaultValue": "false"
             },
             "checked": {
                 "type": "boolean",
-                "attribute": "checked",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -213,11 +214,11 @@ export class BqRadio {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "checked",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -233,11 +234,11 @@ export class BqRadio {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "forceDisabled": {
                 "type": "boolean",
-                "attribute": "force-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -256,11 +257,11 @@ export class BqRadio {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "force-disabled",
                 "defaultValue": "false"
             },
             "formId": {
                 "type": "string",
-                "attribute": "form-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -275,11 +276,11 @@ export class BqRadio {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "form-id"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -294,11 +295,11 @@ export class BqRadio {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "name"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -313,11 +314,11 @@ export class BqRadio {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "required"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -332,7 +333,8 @@ export class BqRadio {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "value"
             }
         };
     }

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

@@ -1 +1 @@
-{"version":3,"file":"bq-radio.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/radio/bq-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, h, Host, Method, Prop } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\n/**\n * The radio button is a user interface element that allows users to select a single option.\n *\n * @example How to use it\n * ```html\n * <bq-radio value=\"option1\">Radio option 1</bq-radio>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/9718e1-radio-button/b/09d7b1\n * @status stable\n *\n * @attr {boolean} background-on-hover - If `true`, the radio displays background on hover\n * @attr {boolean} checked - If `true` radio input is checked\n * @attr {boolean} disabled - If `true` radio input is disabled\n * @attr {string} form-id - The form ID that the radio input is associated with\n * @attr {string} name - Name of the HTML input form control. Submitted with the form as part of a name/value pair\n * @attr {boolean} required - If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted\n * @attr {boolean} value - A string representing the value of the radio\n *\n * @method vClick - Simulate a click event on the native `<input>` HTML element used under the hood\n * @method vFocus - Sets focus on the native `<input>` HTML element used under the hood\n * @method vBlur - Remove focus from the native `<input>` HTML element used under the hood\n * @method getNativeInput - Returns the native `<input>` HTML element used under the hood\n *\n * @event bqBlur - Handler to be called when the radio loses focus\n * @event bqClick - Handler to be called when the radio state changes\n * @event bqFocus - Handler to be called when the radio gets focused\n * @event bqKeyDown - The handler is to be called when the radio key is pressed\n *\n * @slot - The bq-radio item\n *\n * @part base - The component's internal wrapper of the radio component.\n * @part input - The native HTML `<input type=\"radio\">` used under the hood.\n * @part radio - The component's internal wrapper of the radio component.\n * @part label - The `<span>` element that holds the text content.\n *\n * @cssprop --bq-radio--size - Radio size\n * @cssprop --bq-radio--border-width - Radio border width\n */\n@Component({\n  tag: 'bq-radio',\n  styleUrl: './scss/bq-radio.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqRadio {\n  // Own Properties\n  // ====================\n  private inputElement: HTMLInputElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqRadioElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true radio displays background on hover */\n  @Prop({ reflect: true }) backgroundOnHover = false;\n\n  /** If true radio input is checked */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** If true radio input is disabled */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** @internal Used by the radio-group parent component to force the disabled state of the radio input */\n  @Prop({ reflect: true }) forceDisabled = false;\n\n  /** The form ID that the radio input is associated with */\n  @Prop({ reflect: true }) formId?: string;\n\n  /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** A string representing the value of the radio. */\n  @Prop({ reflect: true }) value!: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the radio state changes */\n  @Event() bqClick: EventEmitter<{ value: string; target: HTMLBqRadioElement }>;\n\n  /** Handler to be called when the radio gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqRadioElement>;\n\n  /** Handler to be called when the radio loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqRadioElement>;\n\n  /** Handler to be called when the radio key is pressed */\n  @Event() bqKeyDown: EventEmitter<{ key: string; target: HTMLBqRadioElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Simulate a click event on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.click()`.\n   */\n  @Method()\n  async vClick() {\n    this.inputElement?.click();\n  }\n\n  /**\n   * Sets focus on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.focus()`.\n   */\n  @Method()\n  async vFocus() {\n    this.inputElement?.focus();\n  }\n\n  /**\n   * Remove focus from the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.blur()`.\n   */\n  @Method()\n  async vBlur() {\n    this.inputElement?.blur();\n  }\n\n  /**\n   * Returns the native `<input>` HTML element used under the hood.\n   */\n  @Method()\n  async getNativeInput() {\n    return this.inputElement;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = (event: MouseEvent) => {\n    // Prevent the native input click default behavior\n    event.preventDefault();\n    if (this.disabled) return;\n\n    // Emit the event without changing state\n    // Let the radio-group handle all state management and event propagation\n    const bqClickEvent = this.bqClick.emit({ value: this.value, target: this.el });\n    if (bqClickEvent.defaultPrevented) {\n      event.stopImmediatePropagation();\n    }\n  };\n\n  private handleOnFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleOnBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleOnKeyDown = (event: KeyboardEvent) => {\n    this.bqKeyDown.emit({ key: event.key, target: this.el });\n  };\n\n  private get isDisabled() {\n    return this.disabled || this.forceDisabled;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        <label\n          class={{\n            'bq-radio group': true,\n            'is-disabled': this.isDisabled,\n            'is-checked': this.checked,\n            'has-background': this.backgroundOnHover,\n          }}\n          part=\"base\"\n        >\n          <div class=\"bq-radio__control\">\n            <input\n              class=\"bq-radio__input\"\n              ref={(element) => (this.inputElement = element)}\n              type=\"radio\"\n              form={this.formId}\n              name={this.name}\n              value={this.value}\n              required={this.required}\n              disabled={this.isDisabled}\n              checked={this.checked}\n              onBlur={this.handleOnBlur}\n              onClick={this.handleClick}\n              onFocus={this.handleOnFocus}\n              onKeyDown={this.handleOnKeyDown}\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-disabled={this.isDisabled ? 'true' : 'false'}\n              aria-labelledby=\"bq-radio__label\"\n              part=\"input\"\n            />\n            <div class=\"bq-radio__circle\" part=\"radio\">\n              <div class=\"bq-radio__checked\" />\n            </div>\n          </div>\n          <span\n            class=\"bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled\"\n            part=\"label\"\n          >\n            <slot id=\"bq-radio__label\"></slot>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-radio.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/radio/bq-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, Host, h, Method, Prop } from '@stencil/core';\n\n/**\n * The radio button is a user interface element that allows users to select a single option.\n *\n * @example How to use it\n * ```html\n * <bq-radio value=\"option1\">Radio option 1</bq-radio>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/9718e1-radio-button/b/09d7b1\n * @status stable\n *\n * @attr {boolean} background-on-hover - If `true`, the radio displays background on hover\n * @attr {boolean} checked - If `true` radio input is checked\n * @attr {boolean} disabled - If `true` radio input is disabled\n * @attr {string} form-id - The form ID that the radio input is associated with\n * @attr {string} name - Name of the HTML input form control. Submitted with the form as part of a name/value pair\n * @attr {boolean} required - If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted\n * @attr {boolean} value - A string representing the value of the radio\n *\n * @method vClick - Simulate a click event on the native `<input>` HTML element used under the hood\n * @method vFocus - Sets focus on the native `<input>` HTML element used under the hood\n * @method vBlur - Remove focus from the native `<input>` HTML element used under the hood\n * @method getNativeInput - Returns the native `<input>` HTML element used under the hood\n *\n * @event bqBlur - Handler to be called when the radio loses focus\n * @event bqClick - Handler to be called when the radio state changes\n * @event bqFocus - Handler to be called when the radio gets focused\n * @event bqKeyDown - The handler is to be called when the radio key is pressed\n *\n * @slot - The bq-radio item\n *\n * @part base - The component's internal wrapper of the radio component.\n * @part input - The native HTML `<input type=\"radio\">` used under the hood.\n * @part radio - The component's internal wrapper of the radio component.\n * @part label - The `<span>` element that holds the text content.\n *\n * @cssprop --bq-radio--size - Radio size\n * @cssprop --bq-radio--border-width - Radio border width\n */\n@Component({\n  tag: 'bq-radio',\n  styleUrl: './scss/bq-radio.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqRadio {\n  // Own Properties\n  // ====================\n  private inputElement: HTMLInputElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqRadioElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true radio displays background on hover */\n  @Prop({ reflect: true }) backgroundOnHover = false;\n\n  /** If true radio input is checked */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** If true radio input is disabled */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** @internal Used by the radio-group parent component to force the disabled state of the radio input */\n  @Prop({ reflect: true }) forceDisabled = false;\n\n  /** The form ID that the radio input is associated with */\n  @Prop({ reflect: true }) formId?: string;\n\n  /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** A string representing the value of the radio. */\n  @Prop({ reflect: true }) value!: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the radio state changes */\n  @Event() bqClick: EventEmitter<{ value: string; target: HTMLBqRadioElement }>;\n\n  /** Handler to be called when the radio gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqRadioElement>;\n\n  /** Handler to be called when the radio loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqRadioElement>;\n\n  /** Handler to be called when the radio key is pressed */\n  @Event() bqKeyDown: EventEmitter<{ key: string; target: HTMLBqRadioElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Simulate a click event on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.click()`.\n   */\n  @Method()\n  async vClick() {\n    this.inputElement?.click();\n  }\n\n  /**\n   * Sets focus on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.focus()`.\n   */\n  @Method()\n  async vFocus() {\n    this.inputElement?.focus();\n  }\n\n  /**\n   * Remove focus from the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.blur()`.\n   */\n  @Method()\n  async vBlur() {\n    this.inputElement?.blur();\n  }\n\n  /**\n   * Returns the native `<input>` HTML element used under the hood.\n   */\n  @Method()\n  async getNativeInput() {\n    return this.inputElement;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = (event: MouseEvent) => {\n    // Prevent the native input click default behavior\n    event.preventDefault();\n    if (this.disabled) return;\n\n    // Emit the event without changing state\n    // Let the radio-group handle all state management and event propagation\n    const bqClickEvent = this.bqClick.emit({ value: this.value, target: this.el });\n    if (bqClickEvent.defaultPrevented) {\n      event.stopImmediatePropagation();\n    }\n  };\n\n  private handleOnFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleOnBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleOnKeyDown = (event: KeyboardEvent) => {\n    this.bqKeyDown.emit({ key: event.key, target: this.el });\n  };\n\n  private get isDisabled() {\n    return this.disabled || this.forceDisabled;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        <label\n          class={{\n            'bq-radio group': true,\n            'is-disabled': this.isDisabled,\n            'is-checked': this.checked,\n            'has-background': this.backgroundOnHover,\n          }}\n          part=\"base\"\n        >\n          <div class=\"bq-radio__control\">\n            <input\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-disabled={this.isDisabled ? 'true' : 'false'}\n              aria-labelledby=\"bq-radio__label\"\n              checked={this.checked}\n              class=\"bq-radio__input\"\n              disabled={this.isDisabled}\n              form={this.formId}\n              name={this.name}\n              onBlur={this.handleOnBlur}\n              onClick={this.handleClick}\n              onFocus={this.handleOnFocus}\n              onKeyDown={this.handleOnKeyDown}\n              part=\"input\"\n              ref={(element) => {\n                this.inputElement = element;\n              }}\n              required={this.required}\n              type=\"radio\"\n              value={this.value}\n            />\n            <div class=\"bq-radio__circle\" part=\"radio\">\n              <div class=\"bq-radio__checked\" />\n            </div>\n          </div>\n          <span\n            class=\"bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled\"\n            part=\"label\"\n          >\n            <slot id=\"bq-radio__label\"></slot>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/radio-group/bq-radio-group.js

@@ -2,9 +2,9 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { h, Host } from "@stencil/core";
-import { RADIO_GROUP_ORIENTATION } from "./bq-radio-group.types";
+import { Host, h } from "@stencil/core";
 import { debounce, getNextElement, isDefined, isEventTargetChildOfElement, isNil, validatePropValue, } from "../../shared/utils";
+import { RADIO_GROUP_ORIENTATION } from "./bq-radio-group.types";
 const KEY_MAP = {
     ArrowDown: 'forward',
     ArrowRight: 'forward',
@@ -190,7 +190,7 @@ export class BqRadioGroup {
     onBqBlur(event) {
         if (!isEventTargetChildOfElement(event, this.el))
             return;
-        // NOTE: if focusedBqRadio is nil that means the event occured from this component
+        // NOTE: if focusedBqRadio is nil that means the event occurred from this component
         if (isNil(this.focusedBqRadio))
             return;
         event.stopPropagation();
@@ -217,7 +217,9 @@ export class BqRadioGroup {
      */
     initializeRadioElements = () => {
         this.radioElementsSet.clear();
-        this.el.querySelectorAll('bq-radio').forEach((radio) => this.radioElementsSet.add(radio));
+        this.el.querySelectorAll('bq-radio').forEach((radio) => {
+            this.radioElementsSet.add(radio);
+        });
         // Caching the radio elements in an array for faster access and iteration
         this.cachedRadioElements = Array.from(this.radioElementsSet);
         // Set the tabIndex of the host element to -1 if there are no radio elements or the group is disabled, otherwise set it to 0
@@ -234,7 +236,9 @@ export class BqRadioGroup {
             return;
         // If disabled, all radios get tabIndex -1
         if (this.disabled) {
-            this.cachedRadioElements.forEach((radio) => (radio.tabIndex = -1));
+            this.cachedRadioElements.forEach((radio) => {
+                radio.tabIndex = -1;
+            });
             return;
         }
         // Find which radio should be focusable
@@ -337,7 +341,9 @@ export class BqRadioGroup {
             states.add(this.orientation);
         // Update states
         this.internals?.states.clear();
-        states.forEach((state) => this.internals?.states.add(state));
+        states.forEach((state) => {
+            this.internals?.states.add(state);
+        });
     };
     handleSlotChange = () => {
         this.initializeRadioElements();
@@ -347,7 +353,7 @@ export class BqRadioGroup {
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h(Host, { key: '35cd47995318a2b305bbca98397e65834d886f29', tabindex: this.tabIndex }, h("fieldset", { key: '6d075a89612330cefff2fe88e73516ff35fd10e0', class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, "aria-controls": "bq-radiogroup", "aria-labelledby": "bq-radio-group__label", "aria-disabled": this.disabled, "aria-required": this.required, disabled: this.disabled, role: "radiogroup", part: "base" }, h("legend", { key: '1a8d10c6b3aed840710baf61cffeee6756840bdb', part: "label" }, h("slot", { key: '829e6636946c4642af79eba286f04fa5415a02cb', id: "bq-radiogroup__label", name: "label" })), h("div", { key: '783e674e87b56b3682f732397b8478bc46b88716', class: `bq-radio-group--${this.orientation}`, part: "group" }, h("slot", { key: '5f1fe1d9d09e64394415fdb13afed1eaf3023cec', id: "bq-radiogroup", onSlotchange: this.handleSlotChange })))));
+        return (h(Host, { key: '324a831a19e6713db5b5f561d78571cb84e9b530', tabindex: this.tabIndex }, h("fieldset", { key: '41474f54b518587ecd897bbbddd8a96ba1e7ebed', "aria-controls": "bq-radiogroup", "aria-disabled": this.disabled, "aria-labelledby": "bq-radio-group__label", class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, disabled: this.disabled, part: "base" }, h("legend", { key: 'f5c8834333aa3174418298e7240f16d9d5e85c70', part: "label" }, h("slot", { key: '8180b8c2a610af608092a5a37b3bb5b59ef32b76', id: "bq-radiogroup__label", name: "label" })), h("div", { key: 'dbad104bf6d984de4f9057e2d588dc1899705116', class: `bq-radio-group--${this.orientation}`, part: "group" }, h("slot", { key: '08ce09046a91f79a46e015bda8fc094291a66f4a', id: "bq-radiogroup", onSlotchange: this.handleSlotChange })))));
     }
     static get is() { return "bq-radio-group"; }
     static get encapsulation() { return "shadow"; }
@@ -367,7 +373,6 @@ export class BqRadioGroup {
         return {
             "backgroundOnHover": {
                 "type": "boolean",
-                "attribute": "background-on-hover",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -383,11 +388,11 @@ export class BqRadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "background-on-hover",
                 "defaultValue": "false"
             },
             "debounceTime": {
                 "type": "number",
-                "attribute": "debounce-time",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -403,11 +408,11 @@ export class BqRadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "debounce-time",
                 "defaultValue": "0"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -423,11 +428,11 @@ export class BqRadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "fieldset": {
                 "type": "boolean",
-                "attribute": "fieldset",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -443,11 +448,11 @@ export class BqRadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "fieldset",
                 "defaultValue": "false"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -462,11 +467,11 @@ export class BqRadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "name"
             },
             "orientation": {
                 "type": "string",
-                "attribute": "orientation",
                 "mutable": true,
                 "complexType": {
                     "original": "TRadioGroupOrientation",
@@ -488,11 +493,11 @@ export class BqRadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "orientation",
                 "defaultValue": "'vertical'"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -508,11 +513,11 @@ export class BqRadioGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "requiredValidationMessage": {
                 "type": "string",
-                "attribute": "required-validation-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -527,11 +532,11 @@ export class BqRadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "required-validation-message"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -546,7 +551,8 @@ export class BqRadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "value"
             }
         };
     }

package/dist/collection/components/radio-group/bq-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"bq-radio-group.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/radio-group/bq-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Component, Element, Event, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { RADIO_GROUP_ORIENTATION } from './bq-radio-group.types';\nimport type { TRadioGroupOrientation } from './bq-radio-group.types';\nimport {\n  debounce,\n  getNextElement,\n  isDefined,\n  isEventTargetChildOfElement,\n  isNil,\n  TDebounce,\n  validatePropValue,\n} from '../../shared/utils';\n\nconst KEY_MAP = {\n  ArrowDown: 'forward',\n  ArrowRight: 'forward',\n  ArrowUp: 'backward',\n  ArrowLeft: 'backward',\n} as const;\n\ntype Direction = (typeof KEY_MAP)[keyof typeof KEY_MAP];\n\n/**\n * The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n *\n * @example How to use it\n * ```html\n * <bq-radio-group fieldset value=\"option1\">\n *   <span slot=\"label\">radio group</span>\n *   <bq-radio value=\"option1\">Radio option 1</bq-radio>\n *   <bq-radio value=\"option2\">Radio option 2</bq-radio>\n *   <bq-radio value=\"option3\">Radio option 3</bq-radio>\n * </bq-radio-group>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/9718e1-radio-button/b/09d7b1\n * @status stable\n *\n * @attr {boolean} background-on-hover - If `true`, the radio displays background on hover\n * @attr {number} debounce-time - A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change\n * @attr {boolean} disabled - If `true` radio inputs are disabled\n * @attr {boolean} fieldset - If `true` displays fieldset\n * @attr {string} name - Name of the HTML input form control. Submitted with the form as part of a name/value pair\n * @attr {\"horizontal\" | \"vertical\"} orientation - The display orientation of the radio inputs\n * @attr {boolean} required - If `true`, the radio group is required\n * @attr {string} required-validation-message - The native form validation message when the radio group is required\n * @attr {string} value - The display orientation of the radio inputs\n *\n * @method vClick - Simulate a click event on the native `<input>` HTML element used under the hood\n * @method vFocus - Sets focus on the native `<input>` HTML element used under the hood\n * @method vBlur - Remove focus from the native `<input>` HTML element used under the hood\n *\n * @event bqChange - Handler to be called when the radio state changes\n *\n * @slot - The bq-radio items to group\n * @slot label - The label content of radio group\n *\n * @part base - The component's internal wrapper of the radio components.\n * @part label - The `<legend>` element that holds the text content.\n * @part group - The `<div>` element that holds the radio inputs.\n */\n@Component({\n  tag: 'bq-radio-group',\n  styleUrl: './scss/bq-radio-group.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqRadioGroup {\n  // Own Properties\n  // ====================\n\n  private initialValue?: string;\n  private debouncedBqChange: TDebounce<{ value: string; target: HTMLBqRadioElement }>;\n  private focusedBqRadio: HTMLBqRadioElement | null = null;\n  private readonly radioElementsSet = new Set<HTMLBqRadioElement>();\n  private cachedRadioElements: HTMLBqRadioElement[] = [];\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals!: ElementInternals;\n  @Element() el!: HTMLBqRadioGroupElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() checkedRadio?: HTMLBqRadioElement;\n  @State() tabIndex: '0' | '-1' = '0';\n\n  // Public Property API\n  // ========================\n\n  /** If true, all radio inputs in the group will display a background on hover */\n  @Prop({ reflect: true }) backgroundOnHover = false;\n\n  /** A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change */\n  @Prop({ reflect: true, mutable: true }) debounceTime = 0;\n\n  /** If true radio inputs are disabled */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** If true displays fieldset */\n  @Prop({ reflect: true }) fieldset = false;\n\n  /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */\n  @Prop({ reflect: true }) name!: string;\n\n  /** The display orientation of the radio inputs */\n  @Prop({ reflect: true, mutable: true }) orientation: TRadioGroupOrientation = 'vertical';\n\n  /** If true, the radio group is required */\n  @Prop({ reflect: true }) required = false;\n\n  /** The native form validation message when the radio group is required */\n  @Prop({ reflect: true }) requiredValidationMessage?: string;\n\n  /** A string representing the value of the radio. */\n  @Prop({ reflect: true, mutable: true }) value?: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('debounceTime')\n  handleDebounceTimeChange() {\n    const MIN_DEBOUNCE_TIME = 0;\n    const normalizedDebounceTime = Math.max(MIN_DEBOUNCE_TIME, this.debounceTime);\n\n    if (normalizedDebounceTime !== this.debounceTime) {\n      this.debounceTime = normalizedDebounceTime;\n    }\n\n    this.debouncedBqChange?.cancel();\n    this.debouncedBqChange = debounce((event: { value: string; target: HTMLBqRadioElement }): void => {\n      this.bqChange?.emit(event);\n    }, this.debounceTime);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    this.tabIndex = this.disabled ? '-1' : '0';\n    this.updateRadioTabIndexes();\n  }\n\n  @Watch('backgroundOnHover')\n  @Watch('disabled')\n  @Watch('name')\n  @Watch('required')\n  handleGroupProperties() {\n    this.updateRadioProperties();\n  }\n\n  @Watch('orientation')\n  checkPropValues() {\n    validatePropValue(RADIO_GROUP_ORIENTATION, 'vertical', this.el, 'orientation');\n  }\n\n  @Watch('required')\n  handleRequiredChange() {\n    this.updateFormValidity();\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.updateRadioProperties();\n    this.updateFormValidity();\n\n    // Find and update the checked radio based on the new value\n    const newCheckedRadio = this.cachedRadioElements.find((radio) => radio.value === this.value);\n    if (newCheckedRadio) {\n      this.checkedRadio = newCheckedRadio;\n      this.debouncedBqChange?.({ value: this.value, target: newCheckedRadio });\n    } else {\n      this.checkedRadio = undefined;\n    }\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the radio state changes */\n  @Event() bqChange: EventEmitter<{ value: string; target: HTMLBqRadioElement }>;\n\n  /** Handler to be called when the radio loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqRadioElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.handleDebounceTimeChange();\n    this.internals.setFormValue(this.value ?? null);\n\n    this.updateCustomStates();\n    this.updateFormValidity();\n  }\n\n  disconnectedCallback() {\n    this.debouncedBqChange?.cancel();\n  }\n\n  formAssociatedCallback() {\n    this.internals.setFormValue(this.value ?? null);\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.internals.setFormValue(this.value ?? null);\n    this.updateFormValidity();\n    this.updateCustomStates();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqClick', { capture: true })\n  async onBqClick(event: CustomEvent<{ value: string; target: HTMLBqRadioElement }>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const { target, value } = event.detail;\n    if (value === this.value) return;\n\n    requestAnimationFrame(() => {\n      if (event.defaultPrevented) return;\n      this.updateRadioSelection(target);\n    });\n  }\n\n  @Listen('bqKeyDown')\n  onBqKeyDown(event: CustomEvent<{ key: string; target: HTMLBqRadioElement }>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const direction: Direction | undefined = KEY_MAP[event.detail.key];\n    if (!direction) return;\n\n    this.focusRadioInputSibling(event.detail.target, direction);\n  }\n\n  @Listen('bqFocus', { capture: true })\n  onBqFocus(event: CustomEvent<HTMLBqRadioElement>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const shouldStopPropagation = isDefined(this.focusedBqRadio);\n    this.focusedBqRadio = event.detail;\n\n    if (shouldStopPropagation) {\n      event.stopPropagation();\n    }\n  }\n\n  @Listen('bqBlur', { capture: true })\n  onBqBlur(event: CustomEvent<HTMLBqRadioElement>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    // NOTE: if focusedBqRadio is nil that means the event occured from this component\n    if (isNil(this.focusedBqRadio)) return;\n\n    event.stopPropagation();\n\n    requestAnimationFrame(() => {\n      if (this.focusedBqRadio !== event.detail) return;\n\n      this.focusedBqRadio = null;\n      this.bqBlur.emit(event.detail);\n    });\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  /**\n   * Initializes the radio elements set by querying the host element for `ds-radio` elements.\n   * This is done to avoid re-querying the host element for radio elements on every change.\n   */\n  private initializeRadioElements = (): void => {\n    this.radioElementsSet.clear();\n    this.el.querySelectorAll('bq-radio').forEach((radio) => this.radioElementsSet.add(radio));\n    // Caching the radio elements in an array for faster access and iteration\n    this.cachedRadioElements = Array.from(this.radioElementsSet);\n    // Set the tabIndex of the host element to -1 if there are no radio elements or the group is disabled, otherwise set it to 0\n    this.tabIndex = this.cachedRadioElements.length === 0 || this.disabled ? '-1' : '0';\n    // Set initial tabIndex for all radios\n    this.updateRadioTabIndexes();\n  };\n\n  /**\n   * Sets tabIndex for all radio elements based on current state\n   * Handles all scenarios: disabled state, checked radio, value matching, fallback to first\n   */\n  private updateRadioTabIndexes = (): void => {\n    if (this.cachedRadioElements.length === 0) return;\n\n    // If disabled, all radios get tabIndex -1\n    if (this.disabled) {\n      this.cachedRadioElements.forEach((radio) => (radio.tabIndex = -1));\n      return;\n    }\n\n    // Find which radio should be focusable\n    let focusableRadio: HTMLBqRadioElement | undefined;\n\n    // Priority 1: Currently checked radio\n    focusableRadio = this.cachedRadioElements.find((radio) => radio.checked);\n\n    // Priority 2: Radio matching current value\n    if (!focusableRadio && this.value) {\n      focusableRadio = this.cachedRadioElements.find((radio) => radio.value === this.value);\n    }\n\n    // Priority 3: First enabled radio (fallback)\n    if (!focusableRadio) {\n      focusableRadio = this.cachedRadioElements.find((radio) => !radio.disabled);\n    }\n\n    // Apply tabIndex to all radios\n    this.cachedRadioElements.forEach((radio) => {\n      radio.tabIndex = radio === focusableRadio ? 0 : -1;\n    });\n  };\n\n  /**\n   * Updates the radio selection and focus.\n   * @param target - The radio element to update.\n   */\n  private updateRadioSelection = (target: HTMLBqRadioElement): void => {\n    // Only uncheck the previously checked radio if it's different\n    if (this.checkedRadio && this.checkedRadio !== target) {\n      this.checkedRadio.checked = false;\n      this.checkedRadio.tabIndex = -1;\n    }\n\n    target.checked = true;\n    target.tabIndex = 0;\n    target.vFocus();\n\n    this.checkedRadio = target;\n    this.value = target.value;\n    this.internals?.setFormValue(this.value ?? null);\n\n    this.updateRadioTabIndexes();\n  };\n\n  /**\n   * Synchronizes properties of child radio elements with the group's state.\n   */\n  private updateRadioProperties = (): void => {\n    if (this.cachedRadioElements.length === 0) return;\n\n    const { backgroundOnHover, disabled, name, required, value } = this;\n\n    for (const radio of this.cachedRadioElements) {\n      radio.backgroundOnHover = backgroundOnHover;\n      radio.checked = value === radio.value;\n      // This will allows us to force all radio elements to be disabled\n      // while keeping the disabled state of the radio element if it was set individually by the user\n      radio.forceDisabled = disabled;\n      radio.name = name;\n      radio.required = required;\n    }\n  };\n\n  /**\n   * Focuses the next/previous radio element in the group based on the current target.\n   * Handles circular navigation and skips disabled elements.\n   * @param currentTarget - The currently focused radio element\n   * @param direction - The navigation direction ('forward' | 'backward')\n   */\n  private focusRadioInputSibling = (currentTarget: HTMLBqRadioElement, direction: Direction): void => {\n    // If there is none or only one radio element, there will be no sibling to focus\n    if (this.cachedRadioElements.length <= 1) return;\n\n    const currentIndex = this.cachedRadioElements.indexOf(currentTarget);\n    // If the index of the radio element target is not found, it means that it's not part of the group\n    if (currentIndex === -1) return;\n\n    const nextElement = getNextElement(this.cachedRadioElements, currentIndex, direction);\n    this.updateRadioSelection(nextElement);\n  };\n\n  private updateFormValidity = async (): Promise<void> => {\n    const { internals, required, requiredValidationMessage, value } = this;\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (!required || (required && !isNil(value))) {\n      // If the radio group is not required or has a value, set the validity state to valid\n      internals?.states.add('valid');\n      internals?.setValidity({});\n      return;\n    }\n\n    const firstRadio = this.cachedRadioElements[0];\n    if (!firstRadio) return;\n    // If the radio group is required and has no value, set the validity state to invalid\n    internals?.states.add('invalid');\n    // We need to pass the native input element to the setValidity method as anchor element\n    internals?.setValidity(\n      { valueMissing: true },\n      requiredValidationMessage ?? 'Please select an option',\n      await firstRadio.getNativeInput(),\n    );\n  };\n\n  /**\n   * Updates the custom states based on the component properties.\n   * The custom states can be used to style the component based on the component properties.\n   * The custom states are `disabled`, based on the component properties.\n   */\n  private updateCustomStates = (): void => {\n    const states = new Set<string>();\n\n    if (this.disabled) states.add('disabled');\n    if (this.orientation) states.add(this.orientation);\n\n    // Update states\n    this.internals?.states.clear();\n    states.forEach((state) => this.internals?.states.add(state));\n  };\n\n  private handleSlotChange = (): void => {\n    this.initializeRadioElements();\n    this.updateRadioProperties();\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host tabindex={this.tabIndex}>\n        <fieldset\n          class={{ 'bq-radio-group': true, 'has-fieldset': this.fieldset }}\n          aria-controls=\"bq-radiogroup\"\n          aria-labelledby=\"bq-radio-group__label\"\n          aria-disabled={this.disabled}\n          aria-required={this.required}\n          disabled={this.disabled}\n          role=\"radiogroup\"\n          part=\"base\"\n        >\n          <legend part=\"label\">\n            <slot id=\"bq-radiogroup__label\" name=\"label\" />\n          </legend>\n          <div class={`bq-radio-group--${this.orientation}`} part=\"group\">\n            <slot id=\"bq-radiogroup\" onSlotchange={this.handleSlotChange} />\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"bq-radio-group.js","sourceRoot":"","sources":["../../../../../../packages/beeq/src/components/radio-group/bq-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, Host, h, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport {\n  debounce,\n  getNextElement,\n  isDefined,\n  isEventTargetChildOfElement,\n  isNil,\n  type TDebounce,\n  validatePropValue,\n} from '../../shared/utils';\nimport type { TRadioGroupOrientation } from './bq-radio-group.types';\nimport { RADIO_GROUP_ORIENTATION } from './bq-radio-group.types';\n\nconst KEY_MAP = {\n  ArrowDown: 'forward',\n  ArrowRight: 'forward',\n  ArrowUp: 'backward',\n  ArrowLeft: 'backward',\n} as const;\n\ntype Direction = (typeof KEY_MAP)[keyof typeof KEY_MAP];\n\n/**\n * The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n *\n * @example How to use it\n * ```html\n * <bq-radio-group fieldset value=\"option1\">\n *   <span slot=\"label\">radio group</span>\n *   <bq-radio value=\"option1\">Radio option 1</bq-radio>\n *   <bq-radio value=\"option2\">Radio option 2</bq-radio>\n *   <bq-radio value=\"option3\">Radio option 3</bq-radio>\n * </bq-radio-group>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/9718e1-radio-button/b/09d7b1\n * @status stable\n *\n * @attr {boolean} background-on-hover - If `true`, the radio displays background on hover\n * @attr {number} debounce-time - A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change\n * @attr {boolean} disabled - If `true` radio inputs are disabled\n * @attr {boolean} fieldset - If `true` displays fieldset\n * @attr {string} name - Name of the HTML input form control. Submitted with the form as part of a name/value pair\n * @attr {\"horizontal\" | \"vertical\"} orientation - The display orientation of the radio inputs\n * @attr {boolean} required - If `true`, the radio group is required\n * @attr {string} required-validation-message - The native form validation message when the radio group is required\n * @attr {string} value - The display orientation of the radio inputs\n *\n * @method vClick - Simulate a click event on the native `<input>` HTML element used under the hood\n * @method vFocus - Sets focus on the native `<input>` HTML element used under the hood\n * @method vBlur - Remove focus from the native `<input>` HTML element used under the hood\n *\n * @event bqChange - Handler to be called when the radio state changes\n *\n * @slot - The bq-radio items to group\n * @slot label - The label content of radio group\n *\n * @part base - The component's internal wrapper of the radio components.\n * @part label - The `<legend>` element that holds the text content.\n * @part group - The `<div>` element that holds the radio inputs.\n */\n@Component({\n  tag: 'bq-radio-group',\n  styleUrl: './scss/bq-radio-group.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqRadioGroup {\n  // Own Properties\n  // ====================\n\n  private initialValue?: string;\n  private debouncedBqChange: TDebounce<{ value: string; target: HTMLBqRadioElement }>;\n  private focusedBqRadio: HTMLBqRadioElement | null = null;\n  private readonly radioElementsSet = new Set<HTMLBqRadioElement>();\n  private cachedRadioElements: HTMLBqRadioElement[] = [];\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals!: ElementInternals;\n  @Element() el!: HTMLBqRadioGroupElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() checkedRadio?: HTMLBqRadioElement;\n  @State() tabIndex: '0' | '-1' = '0';\n\n  // Public Property API\n  // ========================\n\n  /** If true, all radio inputs in the group will display a background on hover */\n  @Prop({ reflect: true }) backgroundOnHover = false;\n\n  /** A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change */\n  @Prop({ reflect: true, mutable: true }) debounceTime = 0;\n\n  /** If true radio inputs are disabled */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** If true displays fieldset */\n  @Prop({ reflect: true }) fieldset = false;\n\n  /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */\n  @Prop({ reflect: true }) name!: string;\n\n  /** The display orientation of the radio inputs */\n  @Prop({ reflect: true, mutable: true }) orientation: TRadioGroupOrientation = 'vertical';\n\n  /** If true, the radio group is required */\n  @Prop({ reflect: true }) required = false;\n\n  /** The native form validation message when the radio group is required */\n  @Prop({ reflect: true }) requiredValidationMessage?: string;\n\n  /** A string representing the value of the radio. */\n  @Prop({ reflect: true, mutable: true }) value?: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('debounceTime')\n  handleDebounceTimeChange() {\n    const MIN_DEBOUNCE_TIME = 0;\n    const normalizedDebounceTime = Math.max(MIN_DEBOUNCE_TIME, this.debounceTime);\n\n    if (normalizedDebounceTime !== this.debounceTime) {\n      this.debounceTime = normalizedDebounceTime;\n    }\n\n    this.debouncedBqChange?.cancel();\n    this.debouncedBqChange = debounce((event: { value: string; target: HTMLBqRadioElement }): void => {\n      this.bqChange?.emit(event);\n    }, this.debounceTime);\n  }\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    this.tabIndex = this.disabled ? '-1' : '0';\n    this.updateRadioTabIndexes();\n  }\n\n  @Watch('backgroundOnHover')\n  @Watch('disabled')\n  @Watch('name')\n  @Watch('required')\n  handleGroupProperties() {\n    this.updateRadioProperties();\n  }\n\n  @Watch('orientation')\n  checkPropValues() {\n    validatePropValue(RADIO_GROUP_ORIENTATION, 'vertical', this.el, 'orientation');\n  }\n\n  @Watch('required')\n  handleRequiredChange() {\n    this.updateFormValidity();\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.updateRadioProperties();\n    this.updateFormValidity();\n\n    // Find and update the checked radio based on the new value\n    const newCheckedRadio = this.cachedRadioElements.find((radio) => radio.value === this.value);\n    if (newCheckedRadio) {\n      this.checkedRadio = newCheckedRadio;\n      this.debouncedBqChange?.({ value: this.value, target: newCheckedRadio });\n    } else {\n      this.checkedRadio = undefined;\n    }\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the radio state changes */\n  @Event() bqChange: EventEmitter<{ value: string; target: HTMLBqRadioElement }>;\n\n  /** Handler to be called when the radio loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqRadioElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.handleDebounceTimeChange();\n    this.internals.setFormValue(this.value ?? null);\n\n    this.updateCustomStates();\n    this.updateFormValidity();\n  }\n\n  disconnectedCallback() {\n    this.debouncedBqChange?.cancel();\n  }\n\n  formAssociatedCallback() {\n    this.internals.setFormValue(this.value ?? null);\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.internals.setFormValue(this.value ?? null);\n    this.updateFormValidity();\n    this.updateCustomStates();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqClick', { capture: true })\n  async onBqClick(event: CustomEvent<{ value: string; target: HTMLBqRadioElement }>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const { target, value } = event.detail;\n    if (value === this.value) return;\n\n    requestAnimationFrame(() => {\n      if (event.defaultPrevented) return;\n      this.updateRadioSelection(target);\n    });\n  }\n\n  @Listen('bqKeyDown')\n  onBqKeyDown(event: CustomEvent<{ key: string; target: HTMLBqRadioElement }>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const direction: Direction | undefined = KEY_MAP[event.detail.key];\n    if (!direction) return;\n\n    this.focusRadioInputSibling(event.detail.target, direction);\n  }\n\n  @Listen('bqFocus', { capture: true })\n  onBqFocus(event: CustomEvent<HTMLBqRadioElement>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    const shouldStopPropagation = isDefined(this.focusedBqRadio);\n    this.focusedBqRadio = event.detail;\n\n    if (shouldStopPropagation) {\n      event.stopPropagation();\n    }\n  }\n\n  @Listen('bqBlur', { capture: true })\n  onBqBlur(event: CustomEvent<HTMLBqRadioElement>) {\n    if (!isEventTargetChildOfElement(event, this.el)) return;\n\n    // NOTE: if focusedBqRadio is nil that means the event occurred from this component\n    if (isNil(this.focusedBqRadio)) return;\n\n    event.stopPropagation();\n\n    requestAnimationFrame(() => {\n      if (this.focusedBqRadio !== event.detail) return;\n\n      this.focusedBqRadio = null;\n      this.bqBlur.emit(event.detail);\n    });\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  /**\n   * Initializes the radio elements set by querying the host element for `ds-radio` elements.\n   * This is done to avoid re-querying the host element for radio elements on every change.\n   */\n  private initializeRadioElements = (): void => {\n    this.radioElementsSet.clear();\n    this.el.querySelectorAll('bq-radio').forEach((radio) => {\n      this.radioElementsSet.add(radio);\n    });\n    // Caching the radio elements in an array for faster access and iteration\n    this.cachedRadioElements = Array.from(this.radioElementsSet);\n    // Set the tabIndex of the host element to -1 if there are no radio elements or the group is disabled, otherwise set it to 0\n    this.tabIndex = this.cachedRadioElements.length === 0 || this.disabled ? '-1' : '0';\n    // Set initial tabIndex for all radios\n    this.updateRadioTabIndexes();\n  };\n\n  /**\n   * Sets tabIndex for all radio elements based on current state\n   * Handles all scenarios: disabled state, checked radio, value matching, fallback to first\n   */\n  private updateRadioTabIndexes = (): void => {\n    if (this.cachedRadioElements.length === 0) return;\n\n    // If disabled, all radios get tabIndex -1\n    if (this.disabled) {\n      this.cachedRadioElements.forEach((radio) => {\n        radio.tabIndex = -1;\n      });\n      return;\n    }\n\n    // Find which radio should be focusable\n    let focusableRadio: HTMLBqRadioElement | undefined;\n\n    // Priority 1: Currently checked radio\n    focusableRadio = this.cachedRadioElements.find((radio) => radio.checked);\n\n    // Priority 2: Radio matching current value\n    if (!focusableRadio && this.value) {\n      focusableRadio = this.cachedRadioElements.find((radio) => radio.value === this.value);\n    }\n\n    // Priority 3: First enabled radio (fallback)\n    if (!focusableRadio) {\n      focusableRadio = this.cachedRadioElements.find((radio) => !radio.disabled);\n    }\n\n    // Apply tabIndex to all radios\n    this.cachedRadioElements.forEach((radio) => {\n      radio.tabIndex = radio === focusableRadio ? 0 : -1;\n    });\n  };\n\n  /**\n   * Updates the radio selection and focus.\n   * @param target - The radio element to update.\n   */\n  private updateRadioSelection = (target: HTMLBqRadioElement): void => {\n    // Only uncheck the previously checked radio if it's different\n    if (this.checkedRadio && this.checkedRadio !== target) {\n      this.checkedRadio.checked = false;\n      this.checkedRadio.tabIndex = -1;\n    }\n\n    target.checked = true;\n    target.tabIndex = 0;\n    target.vFocus();\n\n    this.checkedRadio = target;\n    this.value = target.value;\n    this.internals?.setFormValue(this.value ?? null);\n\n    this.updateRadioTabIndexes();\n  };\n\n  /**\n   * Synchronizes properties of child radio elements with the group's state.\n   */\n  private updateRadioProperties = (): void => {\n    if (this.cachedRadioElements.length === 0) return;\n\n    const { backgroundOnHover, disabled, name, required, value } = this;\n\n    for (const radio of this.cachedRadioElements) {\n      radio.backgroundOnHover = backgroundOnHover;\n      radio.checked = value === radio.value;\n      // This will allows us to force all radio elements to be disabled\n      // while keeping the disabled state of the radio element if it was set individually by the user\n      radio.forceDisabled = disabled;\n      radio.name = name;\n      radio.required = required;\n    }\n  };\n\n  /**\n   * Focuses the next/previous radio element in the group based on the current target.\n   * Handles circular navigation and skips disabled elements.\n   * @param currentTarget - The currently focused radio element\n   * @param direction - The navigation direction ('forward' | 'backward')\n   */\n  private focusRadioInputSibling = (currentTarget: HTMLBqRadioElement, direction: Direction): void => {\n    // If there is none or only one radio element, there will be no sibling to focus\n    if (this.cachedRadioElements.length <= 1) return;\n\n    const currentIndex = this.cachedRadioElements.indexOf(currentTarget);\n    // If the index of the radio element target is not found, it means that it's not part of the group\n    if (currentIndex === -1) return;\n\n    const nextElement = getNextElement(this.cachedRadioElements, currentIndex, direction);\n    this.updateRadioSelection(nextElement);\n  };\n\n  private updateFormValidity = async (): Promise<void> => {\n    const { internals, required, requiredValidationMessage, value } = this;\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (!required || (required && !isNil(value))) {\n      // If the radio group is not required or has a value, set the validity state to valid\n      internals?.states.add('valid');\n      internals?.setValidity({});\n      return;\n    }\n\n    const firstRadio = this.cachedRadioElements[0];\n    if (!firstRadio) return;\n    // If the radio group is required and has no value, set the validity state to invalid\n    internals?.states.add('invalid');\n    // We need to pass the native input element to the setValidity method as anchor element\n    internals?.setValidity(\n      { valueMissing: true },\n      requiredValidationMessage ?? 'Please select an option',\n      await firstRadio.getNativeInput(),\n    );\n  };\n\n  /**\n   * Updates the custom states based on the component properties.\n   * The custom states can be used to style the component based on the component properties.\n   * The custom states are `disabled`, based on the component properties.\n   */\n  private updateCustomStates = (): void => {\n    const states = new Set<string>();\n\n    if (this.disabled) states.add('disabled');\n    if (this.orientation) states.add(this.orientation);\n\n    // Update states\n    this.internals?.states.clear();\n    states.forEach((state) => {\n      this.internals?.states.add(state);\n    });\n  };\n\n  private handleSlotChange = (): void => {\n    this.initializeRadioElements();\n    this.updateRadioProperties();\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host tabindex={this.tabIndex}>\n        <fieldset\n          aria-controls=\"bq-radiogroup\"\n          aria-disabled={this.disabled}\n          aria-labelledby=\"bq-radio-group__label\"\n          class={{ 'bq-radio-group': true, 'has-fieldset': this.fieldset }}\n          disabled={this.disabled}\n          part=\"base\"\n        >\n          <legend part=\"label\">\n            <slot id=\"bq-radiogroup__label\" name=\"label\" />\n          </legend>\n          <div class={`bq-radio-group--${this.orientation}`} part=\"group\">\n            <slot id=\"bq-radiogroup\" onSlotchange={this.handleSlotChange} />\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"]}