@carbon/web-components 2.52.0 → 2.53.0-rc.0

package/es/components/progress-indicator/progress-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-step.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport Warning16 from '@carbon/icons/es/warning/16.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * Internal flags: true if the user explicitly passed these attributes.\n   */\n  private _explicitComplete = false;\n  private _explicitCurrent = false;\n  private _explicitState: string | null = null;\n\n  get hasExplicitState() {\n    return (\n      this._explicitComplete ||\n      this._explicitCurrent ||\n      this._explicitState !== null\n    );\n  }\n\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   * @deprecated Use `secondaryLabel` instead\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * `true` if the progress step should grow equally to fill space.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  /**\n   * The progress state.\n   * @deprecated Use `currentIndex` instead\n   */\n  @property({ reflect: true })\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Set by the parent indicator. If true, the step is interactive unless it is\n   * current or disabled. This mirrors React's \"onChange prop exists\" semantics.\n   */\n  @property({ type: Boolean })\n  clickable = false;\n\n  /**\n   * Specify whether the step has been completed\n   */\n  @property({ type: Boolean, reflect: true })\n  complete = false;\n\n  /**\n   * Specify whether the step is the current step\n   */\n  @property({ type: Boolean, reflect: true })\n  current = false;\n\n  /**\n   * Specify whether the step is invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    // Capture which attributes were explicitly set by the user\n    this._explicitComplete = this.hasAttribute('complete');\n    this._explicitCurrent = this.hasAttribute('current');\n    this._explicitState = this.getAttribute('state');\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(this.disabled));\n    }\n  }\n\n  // Fire internal click only when interactive\n  private _fireStepClick = () => {\n    const isUnclickable =\n      this.current ||\n      this.state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n    if (isUnclickable) return;\n\n    this.dispatchEvent(\n      new CustomEvent(`${prefix}-progress-step-click`, {\n        bubbles: true,\n        composed: true,\n        detail: {},\n      })\n    );\n  };\n\n  private _onKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      ev.preventDefault();\n      this._fireStepClick();\n    }\n  };\n\n  private _svgIcon(invalid: boolean, current: boolean, complete: boolean) {\n    if (invalid) return PROGRESS_STEP_STAT.INVALID;\n    if (current) return PROGRESS_STEP_STAT.CURRENT;\n    if (complete) return PROGRESS_STEP_STAT.COMPLETE;\n    return false;\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n      complete,\n      current,\n      invalid,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabel || secondaryLabelText;\n\n    // Unclickable if current OR disabled OR no onChange upstream (to match React)\n    const isUnclickable =\n      current ||\n      state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${isUnclickable\n          ? `${prefix}--progress-step-button--unclickable`\n          : ''}\"\n        tabindex=\"${isUnclickable ? -1 : 0}\"\n        @click=${this._fireStepClick}\n        @keydown=${this._onKeyDown}\n        role=\"button\"\n        aria-disabled=\"${String(isUnclickable)}\"\n        title=\"${label}\">\n        ${iconLoader(\n          icons[this._svgIcon(invalid, current, complete) || state],\n          {\n            class:\n              invalid || state === PROGRESS_STEP_STAT.INVALID\n                ? `${prefix}--progress__warning`\n                : '',\n            title: svgLabel,\n          }\n        )}\n        <slot name=\"label-text\">\n          <p\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"],"mappings":"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"}
+{"version":3,"file":"progress-step.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport Warning16 from '@carbon/icons/es/warning/16.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * Internal flags: true if the user explicitly passed these attributes.\n   */\n  private _explicitComplete = false;\n  private _explicitCurrent = false;\n  private _explicitState: string | null = null;\n\n  get hasExplicitState() {\n    return (\n      this._explicitComplete ||\n      this._explicitCurrent ||\n      this._explicitState !== null\n    );\n  }\n\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   * @deprecated Use `secondaryLabel` instead\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * `true` if the progress step should grow equally to fill space.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  /**\n   * The progress state.\n   * @deprecated Use `currentIndex` instead\n   */\n  @property({ reflect: true })\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Set by the parent indicator. If true, the step is interactive unless it is\n   * current or disabled. This mirrors React's \"onChange prop exists\" semantics.\n   */\n  @property({ type: Boolean })\n  clickable = false;\n\n  /**\n   * Specify whether the step has been completed\n   */\n  @property({ type: Boolean, reflect: true })\n  complete = false;\n\n  /**\n   * Specify whether the step is the current step\n   */\n  @property({ type: Boolean, reflect: true })\n  current = false;\n\n  /**\n   * Specify whether the step is invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    // Capture which attributes were explicitly set by the user\n    this._explicitComplete = this.hasAttribute('complete');\n    this._explicitCurrent = this.hasAttribute('current');\n    this._explicitState = this.getAttribute('state');\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(this.disabled));\n    }\n  }\n\n  // Fire internal click only when interactive\n  private _fireStepClick = () => {\n    const isUnclickable =\n      this.current ||\n      this.state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n    if (isUnclickable) return;\n\n    this.dispatchEvent(\n      new CustomEvent(`${prefix}-progress-step-click`, {\n        bubbles: true,\n        composed: true,\n        detail: {},\n      })\n    );\n  };\n\n  private _onKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      ev.preventDefault();\n      this._fireStepClick();\n    }\n  };\n\n  private _svgIcon(invalid: boolean, current: boolean, complete: boolean) {\n    if (invalid) return PROGRESS_STEP_STAT.INVALID;\n    if (current) return PROGRESS_STEP_STAT.CURRENT;\n    if (complete) return PROGRESS_STEP_STAT.COMPLETE;\n    return false;\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n      complete,\n      current,\n      invalid,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabel || secondaryLabelText;\n\n    // Unclickable if current OR disabled OR no onChange upstream (to match React)\n    const isUnclickable =\n      current ||\n      state === PROGRESS_STEP_STAT.CURRENT ||\n      this.disabled ||\n      !this.clickable;\n\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${isUnclickable\n          ? `${prefix}--progress-step-button--unclickable`\n          : ''}\"\n        tabindex=\"${isUnclickable ? -1 : 0}\"\n        @click=${this._fireStepClick}\n        @keydown=${this._onKeyDown}\n        role=\"button\"\n        aria-disabled=\"${String(isUnclickable)}\"\n        title=\"${label}\">\n        ${iconLoader(\n          icons[this._svgIcon(invalid, current, complete) || state],\n          {\n            class:\n              invalid || state === PROGRESS_STEP_STAT.INVALID\n                ? `${prefix}--progress__warning`\n                : '',\n            title: svgLabel,\n          }\n        )}\n        <slot name=\"label-text\">\n          <p\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"],"mappings":"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"}

package/es/components/radio-button/defs.js

@@ -40,7 +40,7 @@ let RADIO_BUTTON_ORIENTATION = /* @__PURE__ */ function(RADIO_BUTTON_ORIENTATION
 	RADIO_BUTTON_ORIENTATION["VERTICAL"] = "vertical";
 	return RADIO_BUTTON_ORIENTATION;
 }({});
-
 //#endregion
 export { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION };
+
 //# sourceMappingURL=defs.js.map

package/es/components/radio-button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/radio-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The label position of radio button.\n */\nexport enum RADIO_BUTTON_LABEL_POSITION {\n  /**\n   * Placed at left.\n   */\n  LEFT = 'left',\n\n  /**\n   * Placed at right.\n   */\n  RIGHT = 'right',\n}\n\n/**\n * How to lay out radio buttons.\n */\nexport enum RADIO_BUTTON_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oFAAL;;;;AAIL;;;;AAKA;;;;;;AAMF,IAAY,8EAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/radio-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The label position of radio button.\n */\nexport enum RADIO_BUTTON_LABEL_POSITION {\n  /**\n   * Placed at left.\n   */\n  LEFT = 'left',\n\n  /**\n   * Placed at right.\n   */\n  RIGHT = 'right',\n}\n\n/**\n * How to lay out radio buttons.\n */\nexport enum RADIO_BUTTON_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,8BAAL,yBAAA,6BAAA;;;;AAIL,6BAAA,UAAA;;;;AAKA,6BAAA,WAAA;;KACD;;;;AAKD,IAAY,2BAAL,yBAAA,0BAAA;;;;AAIL,0BAAA,gBAAA;;;;AAKA,0BAAA,cAAA;;KACD"}

package/es/components/radio-button/radio-button-group.js

@@ -5,22 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { find, forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import FormMixin from "../../globals/mixins/form.js";
-import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from "./defs.js";
+import { RADIO_BUTTON_ORIENTATION } from "./defs.js";
 import radio_button_default from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
-
 //#region src/components/radio-button/radio-button-group.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -60,13 +59,13 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 		};
 		this._hasAILabel = false;
 		this.disabled = false;
-		this.labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;
+		this.labelPosition = "right";
 		this.legendText = "";
 		this.warn = false;
 		this.warnText = "";
 		this.invalid = false;
 		this.invalidText = "";
-		this.orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;
+		this.orientation = "horizontal";
 		this.readOnly = false;
 		this.required = false;
 	}
@@ -115,34 +114,34 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 		const { readOnly, invalid, invalidText, warn, warnText, disabled, orientation, legendText, helperText, _hasAILabel: hasAILabel, _handleSlotChange: handleSlotChange } = this;
 		const showWarning = !readOnly && !disabled && !invalid && warn;
 		const showHelper = !invalid && !disabled && !warn;
-		const invalidIcon = iconLoader(WarningFilled16, { class: `${prefix}--radio-button__invalid-icon` });
-		const warnIcon = iconLoader(WarningAltFilled16, { class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning` });
-		const helper = helperText ? html`<div class="${prefix}--form__helper-text">${helperText}</div>` : null;
+		const invalidIcon = iconLoader(WarningFilled16, { class: `cds--radio-button__invalid-icon` });
+		const warnIcon = iconLoader(WarningAltFilled16, { class: `cds--radio-button__invalid-icon cds--radio-button__invalid-icon--warning` });
+		const helper = helperText ? html`<div class="${"cds"}--form__helper-text">${helperText}</div>` : null;
 		return html` <fieldset
         class="${classMap({
-			[`${prefix}--radio-button-group`]: true,
-			[`${prefix}--radio-button-group--readonly`]: readOnly,
-			[`${prefix}--radio-button-group--${orientation}`]: orientation === "vertical",
-			[`${prefix}--radio-button-group--invalid`]: !readOnly && !disabled && invalid,
-			[`${prefix}--radio-button-group--warning`]: showWarning,
-			[`${prefix}--radio-button-group--slug`]: hasAILabel
+			[`cds--radio-button-group`]: true,
+			[`cds--radio-button-group--readonly`]: readOnly,
+			[`cds--radio-button-group--${orientation}`]: orientation === "vertical",
+			[`cds--radio-button-group--invalid`]: !readOnly && !disabled && invalid,
+			[`cds--radio-button-group--warning`]: showWarning,
+			[`cds--radio-button-group--slug`]: hasAILabel
 		})}"
         ?disabled="${disabled}"
         aria-readonly="${readOnly}">
-        ${legendText ? html` <legend class="${prefix}--label">
+        ${legendText ? html` <legend class="${"cds"}--label">
               ${legendText}
               <slot name="ai-label" @slotchange="${handleSlotChange}"></slot>
               <slot name="slug" @slotchange="${handleSlotChange}"></slot>
             </legend>` : ``}
         <slot></slot>
       </fieldset>
-      <div class="${prefix}--radio-button__validation-msg">
+      <div class="${"cds"}--radio-button__validation-msg">
         ${!readOnly && !disabled && invalid ? html`
               ${invalidIcon}
-              <div class="${prefix}--form-requirement">${invalidText}</div>
+              <div class="${"cds"}--form-requirement">${invalidText}</div>
             ` : null}
         ${showWarning ? html`${warnIcon}
-              <div class="${prefix}--form-requirement">${warnText}</div>` : null}
+              <div class="${"cds"}--form-requirement">${warnText}</div>` : null}
       </div>
       ${showHelper ? helper : null}`;
 	}
@@ -150,7 +149,7 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 	* A selector that will return the radio buttons.
 	*/
 	static get selectorRadioButton() {
-		return `${prefix}-radio-button`;
+		return `cds-radio-button`;
 	}
 	/**
 	* A selector that will return the slug item.
@@ -158,25 +157,25 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-ai-label`;
 	}
 	/**
 	* The name of the custom event fired after this radio button group changes its selected item.
 	*/
 	static get eventChange() {
-		return `${prefix}-radio-button-group-changed`;
+		return `cds-radio-button-group-changed`;
 	}
 	/**
 	* The name of the custom event fired after a radio button changes its checked state.
 	*/
 	static get eventChangeRadioButton() {
-		return `${prefix}-radio-button-changed`;
+		return `cds-radio-button-changed`;
 	}
 	static {
 		this.styles = radio_button_default;
@@ -218,9 +217,9 @@ __decorate([property({
 	reflect: true
 })], CDSRadioButtonGroup.prototype, "required", void 0);
 __decorate([property()], CDSRadioButtonGroup.prototype, "value", void 0);
-CDSRadioButtonGroup = __decorate([carbonElement(`${prefix}-radio-button-group`)], CDSRadioButtonGroup);
+CDSRadioButtonGroup = __decorate([carbonElement(`cds-radio-button-group`)], CDSRadioButtonGroup);
 var radio_button_group_default = CDSRadioButtonGroup;
-
 //#endregion
 export { RADIO_BUTTON_ORIENTATION, radio_button_group_default as default };
+
 //# sourceMappingURL=radio-button-group.js.map

package/es/components/radio-button/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n * @fires cds-radio-button-changed\n *   The name of the custom event fired after a radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = (event: CustomEvent) => {\n    // Bail out early if readOnly\n    if (this.readOnly) {\n      return;\n    }\n\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n            name: this.name,\n            event,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButtonGroup).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButtonGroup).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` to specify if input selection in group is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    [\n      'disabled',\n      'labelPosition',\n      'orientation',\n      'readOnly',\n      'name',\n      'required',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as CDSRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const showWarning = !readOnly && !disabled && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n      [`${prefix}--radio-button-group--invalid`]:\n        !readOnly && !disabled && invalid,\n      [`${prefix}--radio-button-group--warning`]: showWarning,\n      [`${prefix}--radio-button-group--slug`]: hasAILabel,\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">\n              ${legendText}\n              <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n            </legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && !disabled && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}
+{"version":3,"file":"radio-button-group.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n * @fires cds-radio-button-changed\n *   The name of the custom event fired after a radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = (event: CustomEvent) => {\n    // Bail out early if readOnly\n    if (this.readOnly) {\n      return;\n    }\n\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n            name: this.name,\n            event,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButtonGroup).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButtonGroup).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` to specify if input selection in group is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    [\n      'disabled',\n      'labelPosition',\n      'orientation',\n      'readOnly',\n      'name',\n      'required',\n    ].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSRadioButtonGroup]: value } = this;\n        // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n        forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n          (elem as CDSRadioButton)[name] = value;\n        });\n      }\n    });\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n      _hasAILabel: hasAILabel,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const showWarning = !readOnly && !disabled && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n      [`${prefix}--radio-button-group--invalid`]:\n        !readOnly && !disabled && invalid,\n      [`${prefix}--radio-button-group--warning`]: showWarning,\n      [`${prefix}--radio-button-group--slug`]: hasAILabel,\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">\n              ${legendText}\n              <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n            </legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && !disabled && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}

package/es/components/radio-button/radio-button-skeleton.js

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import radio_button_default from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/radio-button/radio-button-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -24,17 +23,17 @@ import { LitElement, html } from "lit";
 let CDSRadioButtonSkeleton = class CDSRadioButtonSkeleton extends LitElement {
 	render() {
 		return html`
-      <div class="${prefix}--radio-button ${prefix}--skeleton"></div>
-      <span class="${prefix}--radio-button__label ${prefix}--skeleton"></span>
+      <div class="${"cds"}--radio-button ${"cds"}--skeleton"></div>
+      <span class="${"cds"}--radio-button__label ${"cds"}--skeleton"></span>
     `;
 	}
 	static {
 		this.styles = radio_button_default;
 	}
 };
-CDSRadioButtonSkeleton = __decorate([carbonElement(`${prefix}-radio-button-skeleton`)], CDSRadioButtonSkeleton);
+CDSRadioButtonSkeleton = __decorate([carbonElement(`cds-radio-button-skeleton`)], CDSRadioButtonSkeleton);
 var radio_button_skeleton_default = CDSRadioButtonSkeleton;
-
 //#endregion
 export { radio_button_skeleton_default as default };
+
 //# sourceMappingURL=radio-button-skeleton.js.map

package/es/components/radio-button/radio-button-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,mCACM,+BAA+B,WAAW;CAC9C,SAAS;AACP,SAAO,IAAI;oBACK,OAAO,iBAAiB,OAAO;qBAC9B,OAAO,wBAAwB,OAAO;;;;gBAIzCA;;;qCATjBC,cAAc,GAAG,OAAO,wBAAwB;AAYjD,oCAAe"}
+{"version":3,"file":"radio-button-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,yBAAA,MACM,+BAA+B,WAAW;CAC9C,SAAS;AACP,SAAO,IAAI;0BACY,iBAAA,MAAwB;2BACvB,wBAAA,MAA+B;;;;gBAIzCA;;;qCATjBC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAYjD,IAAA,gCAAe"}

package/es/components/radio-button/radio-button.js

@@ -5,20 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
-import RadioGroupManager, { NAVIGATION_DIRECTION } from "../../globals/internal/radio-group-manager.js";
-import { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from "./defs.js";
+import RadioGroupManager from "../../globals/internal/radio-group-manager.js";
+import { RADIO_BUTTON_LABEL_POSITION } from "./defs.js";
 import radio_button_default$1 from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/radio-button/radio-button.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -30,19 +29,19 @@ import { ifDefined } from "lit/directives/if-defined.js";
 * Map of navigation direction by key for horizontal alignment.
 */
 const navigationDirectionForKeyHorizontal = {
-	ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,
-	Left: NAVIGATION_DIRECTION.BACKWARD,
-	ArrowRight: NAVIGATION_DIRECTION.FORWARD,
-	Right: NAVIGATION_DIRECTION.FORWARD
+	ArrowLeft: -1,
+	Left: -1,
+	ArrowRight: 1,
+	Right: 1
 };
 /**
 * Map of navigation direction by key for vertical alignment.
 */
 const navigationDirectionForKeyVertical = {
-	ArrowUp: NAVIGATION_DIRECTION.BACKWARD,
-	Up: NAVIGATION_DIRECTION.BACKWARD,
-	ArrowDown: NAVIGATION_DIRECTION.FORWARD,
-	Down: NAVIGATION_DIRECTION.FORWARD
+	ArrowUp: -1,
+	Up: -1,
+	ArrowDown: 1,
+	Down: 1
 };
 /**
 * The interface for `RadioGroupManager` for radio button.
@@ -140,7 +139,7 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 					return;
 				}
 				if (radioButtonDelegate && manager && !disabled && !disabledItem) {
-					const navigationDirection = (orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL ? navigationDirectionForKeyHorizontal : navigationDirectionForKeyVertical)[event.key];
+					const navigationDirection = (orientation === "horizontal" ? navigationDirectionForKeyHorizontal : navigationDirectionForKeyVertical)[event.key];
 					if (navigationDirection) manager.select(manager.navigate(radioButtonDelegate, navigationDirection), this.readOnly);
 					if (event.key === " " || event.key === "Enter") manager.select(radioButtonDelegate, this.readOnly);
 				}
@@ -156,9 +155,9 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 		this.invalid = false;
 		this.warn = false;
 		this.warnText = "";
-		this.labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;
+		this.labelPosition = "right";
 		this.labelText = "";
-		this.orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;
+		this.orientation = "horizontal";
 		this.readOnly = false;
 		this.required = false;
 	}
@@ -217,14 +216,14 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 			warn: !readOnly && !disabled && !disabledItem && !invalid && warn
 		};
 		const innerLabelClasses = classMap({
-			[`${prefix}--radio-button__label-text`]: true,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds--radio-button__label-text`]: true,
+			[`cds--visually-hidden`]: hideLabel
 		});
 		return html`
       <input
         id="radio"
         type="radio"
-        class="${prefix}--radio-button"
+        class="${"cds"}--radio-button"
         .checked=${checked}
         ?disabled="${disabledItem || disabled}"
         ?required=${this.required}
@@ -233,8 +232,8 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
         value=${ifDefined(value)} />
       <label
         for="input"
-        class="${prefix}--radio-button__label ${normalizedProps.invalid ? `${prefix}--radio-button__label--invalid` : ""} ${normalizedProps.warn ? `${prefix}--radio-button__label--warn` : ""}">
-        <span class="${prefix}--radio-button__appearance"></span>
+        class="${"cds"}--radio-button__label ${normalizedProps.invalid ? `cds--radio-button__label--invalid` : ""} ${normalizedProps.warn ? `cds--radio-button__label--warn` : ""}">
+        <span class="${"cds"}--radio-button__appearance"></span>
         <span class="${innerLabelClasses}">
           <slot> ${labelText} </slot>
           <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
@@ -249,19 +248,19 @@ let CDSRadioButton = class CDSRadioButton extends HostListenerMixin(FocusMixin(L
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-ai-label`;
 	}
 	/**
 	* The name of the custom event fired after this radio button changes its checked state.
 	*/
 	static get eventChange() {
-		return `${prefix}-radio-button-changed`;
+		return `cds-radio-button-changed`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -327,9 +326,9 @@ __decorate([property({
 	reflect: true
 })], CDSRadioButton.prototype, "required", void 0);
 __decorate([property()], CDSRadioButton.prototype, "value", void 0);
-CDSRadioButton = __decorate([carbonElement(`${prefix}-radio-button`)], CDSRadioButton);
+CDSRadioButton = __decorate([carbonElement(`cds-radio-button`)], CDSRadioButton);
 var radio_button_default = CDSRadioButton;
-
 //#endregion
 export { RADIO_BUTTON_LABEL_POSITION, radio_button_default as default };
+
 //# sourceMappingURL=radio-button.js.map

package/es/components/radio-button/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof CDSRadioButton;\n    (host as CDSRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          value: this._radio.value,\n          name: this._radio.name,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  get disabled() {\n    return this._radio.disabled;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element cds-radio-button\n * @fires cds-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        disabled,\n        _radioButtonDelegate: radioButtonDelegate,\n        readOnly,\n      } = this;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && !disabled && !this.disabledItem) {\n        this.checked = true;\n        if (this._manager) {\n          this._manager.select(radioButtonDelegate, this.readOnly);\n        }\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSRadioButton).eventChange,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                checked: this.checked,\n                value: this.value,\n                name: this.name,\n                event,\n              },\n            }\n          )\n        );\n      }\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSRadioButton).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              checked: this.checked,\n              value: this.value,\n              name: this.name,\n              event,\n            },\n          }\n        )\n      );\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        orientation,\n        _radioButtonDelegate: radioButtonDelegate,\n        disabled,\n        disabledItem,\n        readOnly,\n      } = this;\n      const manager = this._manager;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && manager && !disabled && !disabledItem) {\n        const navigationDirectionForKey =\n          orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n            ? navigationDirectionForKeyHorizontal\n            : navigationDirectionForKeyVertical;\n        const navigationDirection = navigationDirectionForKey[event.key];\n        if (navigationDirection) {\n          manager.select(\n            manager.navigate(radioButtonDelegate, navigationDirection),\n            this.readOnly\n          );\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n          manager.select(radioButtonDelegate, this.readOnly);\n        }\n      }\n    }\n  };\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButton).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButton).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the radio button is used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the `<radio-button>` should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked = false;\n\n  /**\n   * `true` if the radio button item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabledItem = false;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` if the radio button is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n\n    // If user hasn’t explicitly set `checked`, respect `defaultChecked`\n    if (this.defaultChecked && this.checked === false) {\n      this.checked = true;\n    }\n  }\n\n  updated(changedProperties) {\n    const {\n      _hasAILabel: hasAILabel,\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n      disabled,\n      disabledItem,\n      readOnly,\n      invalid,\n      warn,\n    } = this;\n\n    // Normalize input props similar to useNormalizedInputProps in React\n    const normalizedProps = {\n      disabled: !readOnly && (disabled || disabledItem),\n      invalid: !readOnly && !disabled && !disabledItem && invalid,\n      warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n    };\n\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      // Disabled items should have tabIndex -1.\n      inputNode.setAttribute(\n        'tabindex',\n        !name ||\n          !manager ||\n          this.disabled ||\n          this.disabledItem ||\n          !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n    // Handle validation states based on normalized props\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('disabledItem') ||\n      changedProperties.has('readOnly')\n    ) {\n      // Apply normalized validation states\n      if (normalizedProps.invalid) {\n        this.setAttribute('invalid', '');\n        this.removeAttribute('warn');\n      } else if (normalizedProps.warn) {\n        this.setAttribute('warn', '');\n        this.removeAttribute('invalid');\n      } else {\n        this.removeAttribute('invalid');\n        this.removeAttribute('warn');\n      }\n    }\n\n    if (hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      hideLabel,\n      labelText,\n      name,\n      value,\n      disabled,\n      disabledItem,\n      readOnly,\n      invalid,\n      warn,\n    } = this;\n\n    // Normalize input props similar to useNormalizedInputProps in React\n    const normalizedProps = {\n      disabled: !readOnly && (disabled || disabledItem),\n      invalid: !readOnly && !disabled && !disabledItem && invalid,\n      warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n    };\n    const innerLabelClasses = classMap({\n      [`${prefix}--radio-button__label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"radio\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabledItem || disabled}\"\n        ?required=${this.required}\n        aria-readonly=\"${String(readOnly)}\"\n        name=${ifDefined(name)}\n        value=${ifDefined(value)} />\n      <label\n        for=\"input\"\n        class=\"${prefix}--radio-button__label ${normalizedProps.invalid\n          ? `${prefix}--radio-button__label--invalid`\n          : ''} ${normalizedProps.warn\n          ? `${prefix}--radio-button__label--warn`\n          : ''}\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\">\n          <slot> ${labelText} </slot>\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSRadioButton;\n"],"mappings":"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"}
+{"version":3,"file":"radio-button.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof CDSRadioButton;\n    (host as CDSRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n          value: this._radio.value,\n          name: this._radio.name,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  get disabled() {\n    return this._radio.disabled;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element cds-radio-button\n * @fires cds-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        disabled,\n        _radioButtonDelegate: radioButtonDelegate,\n        readOnly,\n      } = this;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && !disabled && !this.disabledItem) {\n        this.checked = true;\n        if (this._manager) {\n          this._manager.select(radioButtonDelegate, this.readOnly);\n        }\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSRadioButton).eventChange,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                checked: this.checked,\n                value: this.value,\n                name: this.name,\n                event,\n              },\n            }\n          )\n        );\n      }\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSRadioButton).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              checked: this.checked,\n              value: this.value,\n              name: this.name,\n              event,\n            },\n          }\n        )\n      );\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSRadioButton)?.slugItem\n      )\n    ) {\n      const {\n        orientation,\n        _radioButtonDelegate: radioButtonDelegate,\n        disabled,\n        disabledItem,\n        readOnly,\n      } = this;\n      const manager = this._manager;\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      if (radioButtonDelegate && manager && !disabled && !disabledItem) {\n        const navigationDirectionForKey =\n          orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n            ? navigationDirectionForKeyHorizontal\n            : navigationDirectionForKeyVertical;\n        const navigationDirection = navigationDirectionForKey[event.key];\n        if (navigationDirection) {\n          manager.select(\n            manager.navigate(radioButtonDelegate, navigationDirection),\n            this.readOnly\n          );\n        }\n        if (event.key === ' ' || event.key === 'Enter') {\n          manager.select(radioButtonDelegate, this.readOnly);\n        }\n      }\n    }\n  };\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButton).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSRadioButton).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n    (hasContent[0] as HTMLElement).setAttribute(\n      'size',\n      type === 'inline' ? 'md' : 'mini'\n    );\n    this.requestUpdate();\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the radio button is used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the `<radio-button>` should be checked by default\n   */\n  @property({ type: Boolean, attribute: 'default-checked' })\n  defaultChecked = false;\n\n  /**\n   * `true` if the radio button item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabledItem = false;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * `true` if the radio button is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n\n    // If user hasn’t explicitly set `checked`, respect `defaultChecked`\n    if (this.defaultChecked && this.checked === false) {\n      this.checked = true;\n    }\n  }\n\n  updated(changedProperties) {\n    const {\n      _hasAILabel: hasAILabel,\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n      disabled,\n      disabledItem,\n      readOnly,\n      invalid,\n      warn,\n    } = this;\n\n    // Normalize input props similar to useNormalizedInputProps in React\n    const normalizedProps = {\n      disabled: !readOnly && (disabled || disabledItem),\n      invalid: !readOnly && !disabled && !disabledItem && invalid,\n      warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n    };\n\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      // Disabled items should have tabIndex -1.\n      inputNode.setAttribute(\n        'tabindex',\n        !name ||\n          !manager ||\n          this.disabled ||\n          this.disabledItem ||\n          !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n    // Handle validation states based on normalized props\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('disabledItem') ||\n      changedProperties.has('readOnly')\n    ) {\n      // Apply normalized validation states\n      if (normalizedProps.invalid) {\n        this.setAttribute('invalid', '');\n        this.removeAttribute('warn');\n      } else if (normalizedProps.warn) {\n        this.setAttribute('warn', '');\n        this.removeAttribute('invalid');\n      } else {\n        this.removeAttribute('invalid');\n        this.removeAttribute('warn');\n      }\n    }\n\n    if (hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      hideLabel,\n      labelText,\n      name,\n      value,\n      disabled,\n      disabledItem,\n      readOnly,\n      invalid,\n      warn,\n    } = this;\n\n    // Normalize input props similar to useNormalizedInputProps in React\n    const normalizedProps = {\n      disabled: !readOnly && (disabled || disabledItem),\n      invalid: !readOnly && !disabled && !disabledItem && invalid,\n      warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n    };\n    const innerLabelClasses = classMap({\n      [`${prefix}--radio-button__label-text`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"radio\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabledItem || disabled}\"\n        ?required=${this.required}\n        aria-readonly=\"${String(readOnly)}\"\n        name=${ifDefined(name)}\n        value=${ifDefined(value)} />\n      <label\n        for=\"input\"\n        class=\"${prefix}--radio-button__label ${normalizedProps.invalid\n          ? `${prefix}--radio-button__label--invalid`\n          : ''} ${normalizedProps.warn\n          ? `${prefix}--radio-button__label--warn`\n          : ''}\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\">\n          <slot> ${labelText} </slot>\n          <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot\n        ></span>\n      </label>\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSRadioButton;\n"],"mappings":"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"}