@carbon/web-components 2.57.0 → 2.58.0

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

@@ -8,7 +8,7 @@
 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.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/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";
@@ -18,6 +18,7 @@ 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 { ifDefined } from "lit/directives/if-defined.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
@@ -58,6 +59,9 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 			}
 		};
 		this._hasAILabel = false;
+		this._helperTextId = `cds--radio-button-group-helper-text-${Math.random().toString(16).slice(2)}`;
+		this._invalidTextId = `cds--radio-button-group-invalid-text-${Math.random().toString(16).slice(2)}`;
+		this._warnTextId = `cds--radio-button-group-warn-text-${Math.random().toString(16).slice(2)}`;
 		this.disabled = false;
 		this.labelPosition = "right";
 		this.legendText = "";
@@ -113,10 +117,16 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 	render() {
 		const { readOnly, invalid, invalidText, warn, warnText, disabled, orientation, legendText, helperText, _hasAILabel: hasAILabel, _handleSlotChange: handleSlotChange } = this;
 		const showWarning = !readOnly && !disabled && !invalid && warn;
+		const showInvalid = !readOnly && !disabled && invalid;
 		const showHelper = !invalid && !disabled && !warn;
+		const describedBy = showInvalid ? this._invalidTextId : showWarning ? this._warnTextId : showHelper && helperText ? this._helperTextId : void 0;
 		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;
+		const helper = helperText ? html`<div
+          id="${this._helperTextId}"
+          class="${"cds"}--form__helper-text">
+          ${helperText}
+        </div>` : null;
 		return html` <fieldset
         class="${classMap({
 			[`cds--radio-button-group`]: true,
@@ -127,6 +137,7 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 			[`cds--radio-button-group--slug`]: hasAILabel
 		})}"
         ?disabled="${disabled}"
+        aria-describedby="${ifDefined(describedBy)}"
         aria-readonly="${readOnly}">
         ${legendText ? html` <legend class="${"cds"}--label">
               ${legendText}
@@ -136,12 +147,18 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
         <slot></slot>
       </fieldset>
       <div class="${"cds"}--radio-button__validation-msg">
-        ${!readOnly && !disabled && invalid ? html`
+        ${showInvalid ? html`
               ${invalidIcon}
-              <div class="${"cds"}--form-requirement">${invalidText}</div>
+              <div
+                id="${this._invalidTextId}"
+                class="${"cds"}--form-requirement">
+                ${invalidText}
+              </div>
             ` : null}
         ${showWarning ? html`${warnIcon}
-              <div class="${"cds"}--form-requirement">${warnText}</div>` : null}
+              <div id="${this._warnTextId}" class="${"cds"}--form-requirement">
+                ${warnText}
+              </div>` : null}
       </div>
       ${showHelper ? helper : null}`;
 	}

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 { ifDefined } from 'lit/directives/if-defined.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  private _helperTextId = `${prefix}--radio-button-group-helper-text-${Math.random()\n    .toString(16)\n    .slice(2)}`;\n\n  private _invalidTextId = `${prefix}--radio-button-group-invalid-text-${Math.random()\n    .toString(16)\n    .slice(2)}`;\n\n  private _warnTextId = `${prefix}--radio-button-group-warn-text-${Math.random()\n    .toString(16)\n    .slice(2)}`;\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 showInvalid = !readOnly && !disabled && invalid;\n    const showHelper = !invalid && !disabled && !warn;\n    const describedBy = showInvalid\n      ? this._invalidTextId\n      : showWarning\n        ? this._warnTextId\n        : showHelper && helperText\n          ? this._helperTextId\n          : undefined;\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\n          id=\"${this._helperTextId}\"\n          class=\"${prefix}--form__helper-text\">\n          ${helperText}\n        </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-describedby=\"${ifDefined(describedBy)}\"\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        ${showInvalid\n          ? html`\n              ${invalidIcon}\n              <div\n                id=\"${this._invalidTextId}\"\n                class=\"${prefix}--form-requirement\">\n                ${invalidText}\n              </div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div id=\"${this._warnTextId}\" class=\"${prefix}--form-requirement\">\n                ${warnText}\n              </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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/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

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,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"}
+{"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;EACP,OAAO,IAAI;0BACY,iBAAA,MAAwB;2BACvB,wBAAA,MAA+B;;CAEzD;;gBAEgBA;;AAClB;qCAVCC,cAAc,2BAAiC,CAAA,GAAA,sBAAA;AAYhD,IAAA,gCAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/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";

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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"}

package/es/components/search/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/search/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\n/**\n * Search size.\n */\nexport enum SEARCH_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;AAIL,aAAA,iBAAA;;;;AAKA,aAAA,WAAA;;;;AAKA,aAAA,YAAA;;;;AAKA,aAAA,WAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/search/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\n/**\n * Search size.\n */\nexport enum SEARCH_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;CAIL,YAAA,iBAAA;;;;CAKA,YAAA,WAAA;;;;CAKA,YAAA,YAAA;;;;CAKA,YAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/search/search-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import search_default from "./search.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/search/search-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/search/search-skeleton.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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SEARCH_SIZE } from './defs';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n  /**\n   * The search skeleton size.\n   */\n  @property({ reflect: true })\n  size?: SEARCH_SIZE;\n\n  render() {\n    const { size } = this;\n    const searchClasses = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--layout--size-${size}`]: size !== undefined,\n    });\n    return html`\n      <div class=\"${searchClasses}\">\n        <div class=\"${prefix}--search-input\"></div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CAOzC,SAAS;EACP,MAAM,EAAE,SAAS;AAKjB,SAAO,IAAI;oBAJW,SAAS;IAC5B,kBAAwB;IACxB,qBAA2B,SAAS,SAAS,KAAA;GAC/C,CAAC,CAE4B;4BACL;;;;;gBAKXA;;;YAhBf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;gCAL7BC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAwB3C,IAAA,0BAAe"}
+{"version":3,"file":"search-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/search/search-skeleton.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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SEARCH_SIZE } from './defs';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n  /**\n   * The search skeleton size.\n   */\n  @property({ reflect: true })\n  size?: SEARCH_SIZE;\n\n  render() {\n    const { size } = this;\n    const searchClasses = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--layout--size-${size}`]: size !== undefined,\n    });\n    return html`\n      <div class=\"${searchClasses}\">\n        <div class=\"${prefix}--search-input\"></div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CAOzC,SAAS;EACP,MAAM,EAAE,SAAS;EAKjB,OAAO,IAAI;oBAJW,SAAS;IAC5B,kBAAwB;IACxB,qBAA2B,SAAS,SAAS,KAAA;EAChD,CAE4B,EAAE;4BACL;;;CAG3B;;gBAEgBA;;AAClB;YAjBG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;gCAL5BC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAwB1C,IAAA,0BAAe"}

package/es/components/search/search.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";

package/es/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/search/search.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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Search16 from '@carbon/icons/es/search/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { SEARCH_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { SEARCH_SIZE };\n\n/**\n * Search box.\n *\n * @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\n    }\n  }\n\n  /**\n   * Expand only when the magnifier icon is clicked\n   */\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 _handleExpand(e: Event) {\n    // Check if the click came from the magnifier area\n    const path = (e.composedPath && (e.composedPath() as unknown[])) || [];\n    const isMagnifierClick = path.some((n: unknown) =>\n      (n as Element)?.classList?.contains(`${prefix}--search-magnifier`)\n    );\n\n    if (isMagnifierClick && this.expandable && !this.expanded) {\n      this._expandAndFocus();\n    }\n  }\n\n  private _expandAndFocus() {\n    this.setAttribute('expanded', '');\n    // Focus the input after expanding\n    this.shadowRoot?.getElementById('input')?.focus();\n  }\n\n  /**\n   * Handle keyboard interactions:\n   * - Enter/Space: expand when collapsed and focus the input\n   * - Esc: if input has text: clear it | if empty: collapse and move focus back to magnifier\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\n  private _handleKeys(event: KeyboardEvent) {\n    const key = event.key;\n\n    // Esc only works when the input is the active element\n    if (key === 'Escape') {\n      const inputEl = this.shadowRoot?.getElementById(\n        'input'\n      ) as HTMLInputElement | null;\n      if (this.shadowRoot?.activeElement === inputEl) {\n        event.stopPropagation();\n        event.preventDefault();\n\n        if (this.value?.length) {\n          // Clear but keep focus in the input\n          this.dispatchEvent(\n            new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n              bubbles: true,\n              composed: true,\n              cancelable: false,\n              detail: { value: '' },\n            })\n          );\n          this.value = '';\n        } else {\n          if (this.expandable && this.expanded) {\n            this.removeAttribute('expanded');\n          }\n          this._focusMagnifier();\n        }\n      }\n      return;\n    }\n\n    if (!this.expandable || this.expanded) {\n      return;\n    }\n\n    // Enter/Space: expand if collapsed\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      this._expandAndFocus();\n    }\n  }\n\n  /**\n   * Handles `focusout` event on the component to be closed after being expanded\n   * Will not close if there is a value typed within.\n   */\n  @HostListener('focusout')\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 _handleClose() {\n    if (this.expandable && this.expanded && !this.value) {\n      this.removeAttribute('expanded');\n    }\n  }\n\n  /**\n   * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n   *\n   * @private\n   */\n  private _handleSlotChange() {\n    const icon = this.querySelector('svg');\n    icon?.setAttribute('part', 'search-icon');\n    icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n    icon?.setAttribute('role', `img`);\n    this.hasCustomIcon = true;\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Move focus back to the magnifier element.\n   * Adds tabindex=\"-1\" if it is not focusable yet.\n   */\n  private _focusMagnifier() {\n    const magnifier = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--search-magnifier`\n    );\n    if (magnifier) {\n      if (!magnifier.hasAttribute('tabindex')) {\n        magnifier.tabIndex = -1;\n      }\n      magnifier.focus();\n    }\n  }\n\n  /**\n   * Specify an optional value for the autocomplete property on the underlying <input>,\n   * defaults to \"off\"\n   */\n  @property({ attribute: 'autocomplete' })\n  autoComplete = 'off';\n\n  /**\n   * Sets the input to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * Specify a label to be read by screen readers on the \"close\" button\n   */\n  @property({ attribute: 'close-button-label-text' })\n  closeButtonLabelText = '';\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the search bar can be expandable\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` if the expandable search has been expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * Specify the role for the underlying <input>, defaults to searchbox\n   */\n  @property()\n  role = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = 'Search';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size?: SEARCH_SIZE;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  render() {\n    const {\n      autoComplete,\n      autofocus,\n      closeButtonLabelText,\n      disabled,\n      hasCustomIcon,\n      labelText,\n      name,\n      placeholder,\n      role,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      <div class=\"${prefix}--search-magnifier\">\n        <slot name=\"icon\" @slotchange=${handleSlotChange}>\n          ${hasCustomIcon\n            ? html``\n            : iconLoader(Search16, {\n                part: 'search-icon',\n                class: `${prefix}--search-magnifier-icon`,\n                role: 'img',\n              })}\n        </slot>\n      </div>\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        autocomplete=\"${autoComplete}\"\n        ?autofocus=\"${autofocus}\"\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"${role}\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        ?disabled=\"${disabled}\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonLabelText}\">\n        ${iconLoader(Close16, {\n          part: 'close-icon',\n          'aria-label': closeButtonLabelText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSearch;\n"],"mappings":"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"}
+{"version":3,"file":"search.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/search/search.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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Search16 from '@carbon/icons/es/search/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { SEARCH_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { SEARCH_SIZE };\n\n/**\n * Search box.\n *\n * @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\n    }\n  }\n\n  /**\n   * Expand only when the magnifier icon is clicked\n   */\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 _handleExpand(e: Event) {\n    // Check if the click came from the magnifier area\n    const path = (e.composedPath && (e.composedPath() as unknown[])) || [];\n    const isMagnifierClick = path.some((n: unknown) =>\n      (n as Element)?.classList?.contains(`${prefix}--search-magnifier`)\n    );\n\n    if (isMagnifierClick && this.expandable && !this.expanded) {\n      this._expandAndFocus();\n    }\n  }\n\n  private _expandAndFocus() {\n    this.setAttribute('expanded', '');\n    // Focus the input after expanding\n    this.shadowRoot?.getElementById('input')?.focus();\n  }\n\n  /**\n   * Handle keyboard interactions:\n   * - Enter/Space: expand when collapsed and focus the input\n   * - Esc: if input has text: clear it | if empty: collapse and move focus back to magnifier\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\n  private _handleKeys(event: KeyboardEvent) {\n    const key = event.key;\n\n    // Esc only works when the input is the active element\n    if (key === 'Escape') {\n      const inputEl = this.shadowRoot?.getElementById(\n        'input'\n      ) as HTMLInputElement | null;\n      if (this.shadowRoot?.activeElement === inputEl) {\n        event.stopPropagation();\n        event.preventDefault();\n\n        if (this.value?.length) {\n          // Clear but keep focus in the input\n          this.dispatchEvent(\n            new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n              bubbles: true,\n              composed: true,\n              cancelable: false,\n              detail: { value: '' },\n            })\n          );\n          this.value = '';\n        } else {\n          if (this.expandable && this.expanded) {\n            this.removeAttribute('expanded');\n          }\n          this._focusMagnifier();\n        }\n      }\n      return;\n    }\n\n    if (!this.expandable || this.expanded) {\n      return;\n    }\n\n    // Enter/Space: expand if collapsed\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      this._expandAndFocus();\n    }\n  }\n\n  /**\n   * Handles `focusout` event on the component to be closed after being expanded\n   * Will not close if there is a value typed within.\n   */\n  @HostListener('focusout')\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 _handleClose() {\n    if (this.expandable && this.expanded && !this.value) {\n      this.removeAttribute('expanded');\n    }\n  }\n\n  /**\n   * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n   *\n   * @private\n   */\n  private _handleSlotChange() {\n    const icon = this.querySelector('svg');\n    icon?.setAttribute('part', 'search-icon');\n    icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n    icon?.setAttribute('role', `img`);\n    this.hasCustomIcon = true;\n  }\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Move focus back to the magnifier element.\n   * Adds tabindex=\"-1\" if it is not focusable yet.\n   */\n  private _focusMagnifier() {\n    const magnifier = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--search-magnifier`\n    );\n    if (magnifier) {\n      if (!magnifier.hasAttribute('tabindex')) {\n        magnifier.tabIndex = -1;\n      }\n      magnifier.focus();\n    }\n  }\n\n  /**\n   * Specify an optional value for the autocomplete property on the underlying <input>,\n   * defaults to \"off\"\n   */\n  @property({ attribute: 'autocomplete' })\n  autoComplete = 'off';\n\n  /**\n   * Sets the input to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * Specify a label to be read by screen readers on the \"close\" button\n   */\n  @property({ attribute: 'close-button-label-text' })\n  closeButtonLabelText = '';\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the search bar can be expandable\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` if the expandable search has been expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * Specify the role for the underlying <input>, defaults to searchbox\n   */\n  @property()\n  role = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = 'Search';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size?: SEARCH_SIZE;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  render() {\n    const {\n      autoComplete,\n      autofocus,\n      closeButtonLabelText,\n      disabled,\n      hasCustomIcon,\n      labelText,\n      name,\n      placeholder,\n      role,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      <div class=\"${prefix}--search-magnifier\">\n        <slot name=\"icon\" @slotchange=${handleSlotChange}>\n          ${hasCustomIcon\n            ? html``\n            : iconLoader(Search16, {\n                part: 'search-icon',\n                class: `${prefix}--search-magnifier-icon`,\n                role: 'img',\n              })}\n        </slot>\n      </div>\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        autocomplete=\"${autoComplete}\"\n        ?autofocus=\"${autofocus}\"\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"${role}\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        ?disabled=\"${disabled}\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonLabelText}\">\n        ${iconLoader(Close16, {\n          part: 'close-icon',\n          'aria-label': closeButtonLabelText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSearch;\n"],"mappings":"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"}

package/es/components/select/select-item-group.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import { LitElement } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/select/select-item-group.ts

package/es/components/select/select-item-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item-group.js","names":["customElement"],"sources":["../../../src/components/select/select-item-group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n  /**\n   * `true` to disable this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label.\n   */\n  @property({ reflect: true })\n  label = '';\n}\n\nexport default CDSSelectItemGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;;;kBAK/B;eAMH;;;YAPP,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,SAAA,KAAA,EAAA;iCAX7BA,cAAc,wBAA8B,CAAA,EAAA,mBAAA;AAe7C,IAAA,4BAAe"}
+{"version":3,"file":"select-item-group.js","names":["customElement"],"sources":["../../../src/components/select/select-item-group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n  /**\n   * `true` to disable this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label.\n   */\n  @property({ reflect: true })\n  label = '';\n}\n\nexport default CDSSelectItemGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;;;kBAK/B;eAMH;;AACV;YARG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,SAAA,KAAA,CAAA;iCAX5BA,cAAc,uBAA6B,CAAA,GAAA,kBAAA;AAe5C,IAAA,4BAAe"}

package/es/components/select/select-item.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import { LitElement } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/select/select-item.ts

package/es/components/select/select-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.js","names":["customElement"],"sources":["../../../src/components/select/select-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n  /**\n   * `true` to disable this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label. If this is not specified, the child text content is used.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * `true` to select this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The value.\n   */\n  @property({ reflect: true })\n  value = '';\n}\n\nexport default CDSSelectItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAK1B;eAMH;kBAMG;eAMH;;;YAnBP,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;4BAvB7BA,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA2BvC,IAAA,sBAAe"}
+{"version":3,"file":"select-item.js","names":["customElement"],"sources":["../../../src/components/select/select-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n  /**\n   * `true` to disable this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label. If this is not specified, the child text content is used.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * `true` to select this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The value.\n   */\n  @property({ reflect: true })\n  value = '';\n}\n\nexport default CDSSelectItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAK1B;eAMH;kBAMG;eAMH;;AACV;YApBG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;4BAvB5BA,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA2BtC,IAAA,sBAAe"}

package/es/components/select/select-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import select_default from "./select.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/select/select-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/select/select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './select.scss?lit';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-select-skeleton`)\nclass CDSSelectSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--select ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;mBAK7B;;CAEZ,SAAS;EACP,MAAM,EAAE,cAAc;AACtB,SAAO,IAAI;QACP,CAAC,aACH,IAAI,iBAAA,MAAwB,UAAA,MAAiB,sBAAsB;0BAC9C,WAAA,MAAkB;;;;gBAI3BA;;;YAZf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC,CAAA,EAAA,kBAAA,WAAA,aAAA,KAAA,EAAA;gCALrEC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAoB3C,IAAA,0BAAe"}
+{"version":3,"file":"select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/select/select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './select.scss?lit';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-select-skeleton`)\nclass CDSSelectSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--select ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;mBAK7B;;CAEZ,SAAS;EACP,MAAM,EAAE,cAAc;EACtB,OAAO,IAAI;QACP,CAAC,aACH,IAAI,iBAAA,MAAwB,UAAA,MAAiB,sBAAsB;0BAC9C,WAAA,MAAkB;;CAE3C;;gBAEgBA;;AAClB;YAbG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAa,CAAC,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;gCALpEC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAoB1C,IAAA,0BAAe"}

package/es/components/select/select.js

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { filter } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FormMixin from "../../globals/mixins/form.js";
 import if_non_empty_default from "../../globals/directives/if-non-empty.js";