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

package/es-custom/components/content-switcher/content-switcher-item.js

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import content_switcher_default from "./content-switcher.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";
-
 //#region src/components/content-switcher/content-switcher-item.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -41,7 +40,7 @@ let CDSContentSwitcherItem = class CDSContentSwitcherItem extends FocusMixin(Lit
 		this.leaveDelayMs = 100;
 	}
 	updated(changedProperties) {
-		if (changedProperties) this.shadowRoot?.querySelector(`${prefix}-tooltip`)?.classList.add(`${prefix}--icon-tooltip`);
+		if (changedProperties) this.shadowRoot?.querySelector(`cds-custom-tooltip`)?.classList.add(`cds-custom--icon-tooltip`);
 		if (this.disabled && changedProperties.has("disabled") && !this.parentElement?.hasAttribute("disabled")) this.parentElement?.setAttribute("disabled", "");
 	}
 	_renderTooltipContent() {
@@ -64,14 +63,14 @@ let CDSContentSwitcherItem = class CDSContentSwitcherItem extends FocusMixin(Lit
       type="button"
       role="tab"
       class="${classMap({
-			[`${prefix}--content-switcher-btn`]: true,
-			[`${prefix}--content-switcher--selected`]: selected
+			[`cds-custom--content-switcher-btn`]: true,
+			[`cds-custom--content-switcher--selected`]: selected
 		})}"
       ?disabled="${disabled}"
       tabindex="${selected ? "0" : "-1"}"
       aria-controls="${ifDefined(target)}"
       aria-selected="${selected}">
-      <span class="${prefix}--content-switcher__label"><slot></slot></span>
+      <span class="${"cds-custom"}--content-switcher__label"><slot></slot></span>
     </button>`;
 		if (this.icon) {
 			const { align, closeOnActivation, enterDelayMs, leaveDelayMs } = this;
@@ -123,9 +122,9 @@ __decorate([property({
 	reflect: true,
 	type: Boolean
 })], CDSContentSwitcherItem.prototype, "closeOnActivation", void 0);
-CDSContentSwitcherItem = __decorate([carbonElement(`${prefix}-content-switcher-item`)], CDSContentSwitcherItem);
+CDSContentSwitcherItem = __decorate([carbonElement(`cds-custom-content-switcher-item`)], CDSContentSwitcherItem);
 var content_switcher_item_default = CDSContentSwitcherItem;
-
 //#endregion
 export { content_switcher_item_default as default };
+
 //# sourceMappingURL=content-switcher-item.js.map

package/es-custom/components/content-switcher/content-switcher-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-switcher-item.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher-item.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Content switcher button.\n *\n * @element cds-custom-content-switcher-item\n */\n@customElement(`${prefix}-content-switcher-item`)\nclass CDSContentSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if this content switcher item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` to hide the divider at the left.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = false;\n\n  /**\n   * `true` if the content switcher button should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The element ID of target panel.\n   */\n  @property()\n  target!: string;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-custom-content-switcher>`\n   * when this content switcher item is selected.\n   */\n  @property()\n  value = '';\n\n  /**\n   * `true` if the content switcher button should be icon-only.\n   */\n  @property({ type: Boolean, reflect: true })\n  icon = false;\n\n  /**\n   * Specify how the trigger should align with the tooltip for icon-only\n   * switcher item\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Determines whether the tooltip should close when inner content is\n   * activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the\n   * tooltip for icon-only switcher item\n   */\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   * for icon-only switcher-item\n   *\n   */\n  leaveDelayMs = 100;\n\n  updated(changedProperties) {\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n    }\n\n    if (\n      this.disabled &&\n      changedProperties.has('disabled') &&\n      !this.parentElement?.hasAttribute('disabled')\n    ) {\n      this.parentElement?.setAttribute('disabled', '');\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selected') || changedProperties.has('target')) {\n      const { selected, target } = this;\n      if (target) {\n        const doc = this.getRootNode() as HTMLDocument;\n        // `doc` can be an element if such element is orphaned\n        const targetNode = doc?.getElementById(target);\n        targetNode?.toggleAttribute('hidden', !selected);\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const { disabled, selected, target } = this;\n    const className = classMap({\n      [`${prefix}--content-switcher-btn`]: true,\n      [`${prefix}--content-switcher--selected`]: selected,\n    });\n    const switcherItem = html`<button\n      type=\"button\"\n      role=\"tab\"\n      class=\"${className}\"\n      ?disabled=\"${disabled}\"\n      tabindex=\"${selected ? '0' : '-1'}\"\n      aria-controls=\"${ifDefined(target)}\"\n      aria-selected=\"${selected}\">\n      <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n    </button>`;\n\n    if (this.icon) {\n      const { align, closeOnActivation, enterDelayMs, leaveDelayMs } = this;\n      return html`<cds-custom-tooltip\n        align=${align}\n        close-on-activation=\"${closeOnActivation}\"\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}>\n        ${switcherItem} ${this._renderTooltipContent()}\n      </cds-custom-tooltip>`;\n    }\n    return switcherItem;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcherItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,mCACM,+BAA+B,WAAW,WAAW,CAAC;;;kBAK/C;qBAQG;kBAQH;eAaH;cAMD;eAOC;2BAOY;sBAML;sBAOA;;CAEf,QAAQ,mBAAmB;AACzB,MAAI,kBACF,MAAK,YACD,cAAc,GAAG,OAAO,UAAU,EAClC,UAAU,IAAI,GAAG,OAAO,gBAAgB;AAG9C,MACE,KAAK,YACL,kBAAkB,IAAI,WAAW,IACjC,CAAC,KAAK,eAAe,aAAa,WAAW,CAE7C,MAAK,eAAe,aAAa,YAAY,GAAG;;CAIpD,AAAU,wBAAwB;AAChC,SAAO,IAAI;;;;;;CAOb,aAAa,mBAAmB;AAC9B,MAAI,kBAAkB,IAAI,WAAW,IAAI,kBAAkB,IAAI,SAAS,EAAE;GACxE,MAAM,EAAE,UAAU,WAAW;AAC7B,OAAI,OAIF,EAHY,KAAK,aAAa,EAEN,eAAe,OAAO,GAClC,gBAAgB,UAAU,CAAC,SAAS;;AAGpD,SAAO;;CAGT,SAAS;EACP,MAAM,EAAE,UAAU,UAAU,WAAW;EAKvC,MAAM,eAAe,IAAI;;;eAJP,SAAS;IACxB,GAAG,OAAO,0BAA0B;IACpC,GAAG,OAAO,gCAAgC;GAC5C,CAAC,CAImB;mBACN,SAAS;kBACV,WAAW,MAAM,KAAK;uBACjB,UAAU,OAAO,CAAC;uBAClB,SAAS;qBACX,OAAO;;AAGxB,MAAI,KAAK,MAAM;GACb,MAAM,EAAE,OAAO,mBAAmB,cAAc,iBAAiB;AACjE,UAAO,IAAI;gBACD,MAAM;+BACS,kBAAkB;yBACxB,aAAa;yBACb,aAAa;UAC5B,aAAa,GAAG,KAAK,uBAAuB,CAAC;;;AAGnD,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAzIf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC;YAQrE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,UAAU;YAOV,UAAU;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAOzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC;qCAtD9EC,cAAc,GAAG,OAAO,wBAAwB;AAiJjD,oCAAe"}
+{"version":3,"file":"content-switcher-item.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher-item.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Content switcher button.\n *\n * @element cds-custom-content-switcher-item\n */\n@customElement(`${prefix}-content-switcher-item`)\nclass CDSContentSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if this content switcher item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` to hide the divider at the left.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = false;\n\n  /**\n   * `true` if the content switcher button should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The element ID of target panel.\n   */\n  @property()\n  target!: string;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-custom-content-switcher>`\n   * when this content switcher item is selected.\n   */\n  @property()\n  value = '';\n\n  /**\n   * `true` if the content switcher button should be icon-only.\n   */\n  @property({ type: Boolean, reflect: true })\n  icon = false;\n\n  /**\n   * Specify how the trigger should align with the tooltip for icon-only\n   * switcher item\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Determines whether the tooltip should close when inner content is\n   * activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the\n   * tooltip for icon-only switcher item\n   */\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   * for icon-only switcher-item\n   *\n   */\n  leaveDelayMs = 100;\n\n  updated(changedProperties) {\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n    }\n\n    if (\n      this.disabled &&\n      changedProperties.has('disabled') &&\n      !this.parentElement?.hasAttribute('disabled')\n    ) {\n      this.parentElement?.setAttribute('disabled', '');\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selected') || changedProperties.has('target')) {\n      const { selected, target } = this;\n      if (target) {\n        const doc = this.getRootNode() as HTMLDocument;\n        // `doc` can be an element if such element is orphaned\n        const targetNode = doc?.getElementById(target);\n        targetNode?.toggleAttribute('hidden', !selected);\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const { disabled, selected, target } = this;\n    const className = classMap({\n      [`${prefix}--content-switcher-btn`]: true,\n      [`${prefix}--content-switcher--selected`]: selected,\n    });\n    const switcherItem = html`<button\n      type=\"button\"\n      role=\"tab\"\n      class=\"${className}\"\n      ?disabled=\"${disabled}\"\n      tabindex=\"${selected ? '0' : '-1'}\"\n      aria-controls=\"${ifDefined(target)}\"\n      aria-selected=\"${selected}\">\n      <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n    </button>`;\n\n    if (this.icon) {\n      const { align, closeOnActivation, enterDelayMs, leaveDelayMs } = this;\n      return html`<cds-custom-tooltip\n        align=${align}\n        close-on-activation=\"${closeOnActivation}\"\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}>\n        ${switcherItem} ${this._renderTooltipContent()}\n      </cds-custom-tooltip>`;\n    }\n    return switcherItem;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcherItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,yBAAA,MACM,+BAA+B,WAAW,WAAW,CAAC;;;kBAK/C;qBAQG;kBAQH;eAaH;cAMD;eAOC;2BAOY;sBAML;sBAOA;;CAEf,QAAQ,mBAAmB;AACzB,MAAI,kBACF,MAAK,YACD,cAAc,cAAoB,EAClC,UAAU,IAAI,oBAA0B;AAG9C,MACE,KAAK,YACL,kBAAkB,IAAI,WAAW,IACjC,CAAC,KAAK,eAAe,aAAa,WAAW,CAE7C,MAAK,eAAe,aAAa,YAAY,GAAG;;CAIpD,wBAAkC;AAChC,SAAO,IAAI;;;;;;CAOb,aAAa,mBAAmB;AAC9B,MAAI,kBAAkB,IAAI,WAAW,IAAI,kBAAkB,IAAI,SAAS,EAAE;GACxE,MAAM,EAAE,UAAU,WAAW;AAC7B,OAAI,OAIF,EAHY,KAAK,aAAa,EAEN,eAAe,OAAO,GAClC,gBAAgB,UAAU,CAAC,SAAS;;AAGpD,SAAO;;CAGT,SAAS;EACP,MAAM,EAAE,UAAU,UAAU,WAAW;EAKvC,MAAM,eAAe,IAAI;;;eAJP,SAAS;IACxB,8BAAoC;IACpC,oCAA0C;GAC5C,CAAC,CAImB;mBACN,SAAS;kBACV,WAAW,MAAM,KAAK;uBACjB,UAAU,OAAO,CAAC;uBAClB,SAAS;2BACJ;;AAGxB,MAAI,KAAK,MAAM;GACb,MAAM,EAAE,OAAO,mBAAmB,cAAc,iBAAiB;AACjE,UAAO,IAAI;gBACD,MAAM;+BACS,kBAAkB;yBACxB,aAAa;yBACb,aAAa;UAC5B,aAAa,GAAG,KAAK,uBAAuB,CAAC;;;AAGnD,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAzIf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,YAAA,KAAA,EAAA;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,uBAAA,WAAA,eAAA,KAAA,EAAA;YAQrE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,uBAAA,WAAA,UAAA,KAAA,EAAA;YAOV,UAAU,CAAA,EAAA,uBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,uBAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,uBAAA,WAAA,qBAAA,KAAA,EAAA;qCAtD9EC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAiJjD,IAAA,gCAAe"}

package/es-custom/components/content-switcher/content-switcher.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2025
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -56,7 +56,7 @@ declare class CDSContentSwitcher extends LitElement {
      *
      * @param [item] The content switcher item user wants to select.
      */
-    protected _handleUserInitiatedSelectItem(item: CDSContentSwitcherItem, interactionType?: 'mouse' | 'keyboard' | undefined): void;
+    protected _handleUserInitiatedSelectItem(item: CDSContentSwitcherItem, interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined): void;
     /**
      * Navigates through content switcher items.
      *
@@ -68,7 +68,7 @@ declare class CDSContentSwitcher extends LitElement {
      *
      * @param itemToSelect A content switcher item.
      */
-    protected _selectionDidChange(itemToSelect: CDSContentSwitcherItem, interactionType?: 'mouse' | 'keyboard' | undefined): void;
+    protected _selectionDidChange(itemToSelect: CDSContentSwitcherItem, interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined): void;
     /**
      * The value of the selected item.
      */

package/es-custom/components/content-switcher/content-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/content-switcher/content-switcher.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACrE,OAAO,sBAAsB,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAiBvD;;;;;;;;GAQG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IA8BpB;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,WAAW;IAY7C;;;;OAIG;IACH,SAAS,CAAC,YAAY,CACpB,WAAW,EAAE,sBAAsB,EACnC,SAAS,EAAE,MAAM;IAUnB;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAQ7C;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,EAAE,aAAa;IAM/C;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CACtC,IAAI,EAAE,sBAAsB,EAC5B,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS;IA4CpD;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAgBrC;;;;OAIG;IAEH,SAAS,CAAC,mBAAmB,CAC3B,YAAY,EAAE,sBAAsB,EACpC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS;IAwCpD;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,IAAI,wBAAiC;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB,YAAY;IAKZ,4BAA4B;IAiB5B,4BAA4B,CAAC,YAAY,KAAA;IAUzC,YAAY,CAAC,YAAY,KAAA;IAWzB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,iBAAiB;IAgBjB;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM;IAgBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"content-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/content-switcher/content-switcher.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACrE,OAAO,sBAAsB,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAiBvD;;;;;;;;GAQG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IA8BpB;;;OAGG;IACH,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,WAAW;IAY7C;;;;OAIG;IACH,SAAS,CAAC,YAAY,CACpB,WAAW,EAAE,sBAAsB,EACnC,SAAS,EAAE,MAAM;IAUnB;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAQ7C;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,EAAE,aAAa;IAM/C;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CACtC,IAAI,EAAE,sBAAsB,EAC5B,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS;IAsDnE;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAgBrC;;;;OAIG;IAEH,SAAS,CAAC,mBAAmB,CAC3B,YAAY,EAAE,sBAAsB,EACpC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS;IAwCnE;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,IAAI,wBAAiC;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB,YAAY;IAKZ,4BAA4B;IAiB5B,4BAA4B,CAAC,YAAY,KAAA;IAUzC,YAAY,CAAC,YAAY,KAAA;IAWzB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,iBAAiB;IAgBjB;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM;IAgBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC"}

package/es-custom/components/content-switcher/content-switcher.js

@@ -5,18 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { forEach, indexOf } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import { CONTENT_SWITCHER_SIZE, NAVIGATION_DIRECTION } from "./defs.js";
 import content_switcher_default$1 from "./content-switcher.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/content-switcher/content-switcher.ts
 /**
-* Copyright IBM Corp. 2019, 2025
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -46,7 +45,7 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 		this.value = "";
 		this.selectedIndex = 0;
 		this.selectionMode = "automatic";
-		this.size = CONTENT_SWITCHER_SIZE.REGULAR;
+		this.size = "";
 		this.iconOnly = false;
 		this.lowContrast = false;
 	}
@@ -116,7 +115,7 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 	* @param [item] The content switcher item user wants to select.
 	*/
 	_handleUserInitiatedSelectItem(item, interactionType) {
-		if (item && !item.disabled && item.value !== this.value || this.selectionMode === "manual" && interactionType === "keyboard" && !item.disabled) {
+		if (item && !item.disabled && item.value !== this.value || this.selectionMode === "manual" && interactionType === "keyboard" && !item.disabled) if (this.selectionMode !== "manual" || interactionType !== "keyboard") {
 			const init = {
 				bubbles: true,
 				composed: true,
@@ -132,7 +131,7 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 				const items = this.querySelectorAll(constructor.selectorItem);
 				const index = Array.from(items).indexOf(item);
 				const name = item.getAttribute("name") ?? void 0;
-				const text = item.textContent?.trim() ?? void 0;
+				const text = item.textContent?.trim() || item.getAttribute("aria-label")?.trim() || void 0;
 				const afterSelectEvent = new CustomEvent(constructor.eventSelect, {
 					bubbles: true,
 					composed: true,
@@ -145,7 +144,7 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 				});
 				this.dispatchEvent(afterSelectEvent);
 			}
-		}
+		} else this._selectionDidChange(item, interactionType);
 	}
 	/**
 	* Navigates through content switcher items.
@@ -195,7 +194,7 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 		const items = this.querySelectorAll(selectorItemEnabled);
 		if (items.length > 0 && this.selectedIndex >= 0 && this.selectedIndex < items.length) {
 			const itemToSelect = items[this.selectedIndex];
-			this._selectionDidChange(itemToSelect, this.selectionMode === "manual" ? "keyboard" : "mouse");
+			this._selectionDidChange(itemToSelect, this.selectionMode === "manual" ? "activation" : "mouse");
 		}
 	}
 	_updateSelectedItemFromValue(changedProps) {
@@ -208,15 +207,16 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 	}
 	shouldUpdate(changedProps) {
 		if (changedProps.has("iconOnly") || changedProps.has("selectedIndex")) {
-			const items = this.querySelectorAll(`${prefix}-content-switcher-item`);
-			this.iconOnly = Array.from(items).every((item) => item.hasAttribute("icon"));
+			const items = this.querySelectorAll(`cds-custom-content-switcher-item`);
+			const allIcon = Array.from(items).every((item) => item.hasAttribute("icon"));
+			this.iconOnly = allIcon;
 		}
 		return true;
 	}
 	updated(changedProperties) {
 		if (changedProperties.has("selectedIndex")) this._updateSelectedItemFromIndex();
 		this._updateSelectedItemFromValue(changedProperties);
-		if (changedProperties.has("size")) this.querySelectorAll(`${prefix}-content-switcher-item`).forEach((item) => {
+		if (changedProperties.has("size")) this.querySelectorAll(`cds-custom-content-switcher-item`).forEach((item) => {
 			const size = this.size || "md";
 			item.setAttribute("size", size);
 		});
@@ -231,44 +231,44 @@ let CDSContentSwitcher = class CDSContentSwitcher extends LitElement {
 	* A selector that will return content switcher items.
 	*/
 	static get selectorItem() {
-		return `${prefix}-content-switcher-item`;
+		return `cds-custom-content-switcher-item`;
 	}
 	/**
 	* A selector that will return content switcher icon items.
 	*/
 	static get selectorIconItem() {
-		return `${prefix}-content-switcher-item[icon]`;
+		return `cds-custom-content-switcher-item[icon]`;
 	}
 	/**
 	* A selector that will return enabled content switcher items.
 	*/
 	static get selectorItemEnabled() {
-		return `${prefix}-content-switcher-item:not([disabled])`;
+		return `cds-custom-content-switcher-item:not([disabled])`;
 	}
 	/**
 	* A selector that will return selected items.
 	*/
 	static get selectorItemSelected() {
-		return `${prefix}-content-switcher-item[selected]`;
+		return `cds-custom-content-switcher-item[selected]`;
 	}
 	/**
 	* A selector that will return focused items.
 	*/
 	static get selectorItemFocused() {
-		return `${prefix}-content-switcher-item:focus`;
+		return `cds-custom-content-switcher-item:focus`;
 	}
 	/**
 	* The name of the custom event fired before a content switcher item is selected upon a user gesture.
 	* Cancellation of this event stops changing the user-initiated selection.
 	*/
 	static get eventBeforeSelect() {
-		return `${prefix}-content-switcher-beingselected`;
+		return `cds-custom-content-switcher-beingselected`;
 	}
 	/**
 	* The name of the custom event fired after a a content switcher item is selected upon a user gesture.
 	*/
 	static get eventSelect() {
-		return `${prefix}-content-switcher-selected`;
+		return `cds-custom-content-switcher-selected`;
 	}
 	render() {
 		const { _handleHover: handleHover, _handleKeydown: handleKeydown, _handleSlotchange: handleSlotchange } = this;
@@ -302,9 +302,9 @@ __decorate([property({
 	reflect: true,
 	attribute: "low-contrast"
 })], CDSContentSwitcher.prototype, "lowContrast", void 0);
-CDSContentSwitcher = __decorate([carbonElement(`${prefix}-content-switcher`)], CDSContentSwitcher);
+CDSContentSwitcher = __decorate([carbonElement(`cds-custom-content-switcher`)], CDSContentSwitcher);
 var content_switcher_default = CDSContentSwitcher;
-
 //#endregion
 export { CONTENT_SWITCHER_SIZE, NAVIGATION_DIRECTION, content_switcher_default as default };
+
 //# sourceMappingURL=content-switcher.js.map

package/es-custom/components/content-switcher/content-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-switcher.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher.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 { prefix } from '../../globals/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport CDSContentSwitcherItem from './content-switcher-item';\nimport styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Content switcher.\n *\n * @element cds-custom-content-switcher\n * @fires cds-custom-content-switcher-beingselected\n *   The custom event fired before a content switcher item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-custom-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n */\n@customElement(`${prefix}-content-switcher`)\nclass CDSContentSwitcher extends LitElement {\n  /**\n   * Handles `mouseover`/`mouseout` events on `<slot>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   * @param event.type The event type.\n   */\n  private _handleHover({ target, type }: MouseEvent) {\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItem);\n    const index =\n      type !== 'mouseover'\n        ? -1\n        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          indexOf(items, (target as Element).closest(selectorItem)!);\n\n    if ((target as Element).closest(selectorItem)?.hasAttribute('disabled')) {\n      return;\n    }\n\n    const nextIndex = index < 0 ? index : index + 1;\n    forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n      // Specifies child `<cds-custom-content-switcher-item>` to hide its divider instead of using CSS,\n      // until `:host-context()` gets supported in all major browsers\n      (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n    });\n\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n    (nextItem as CDSContentSwitcherItem).hideDivider = true;\n  }\n\n  /**\n   * @param target The current event target.\n   * @returns The item to be selected.\n   */\n  protected _getCurrentItem(target: HTMLElement) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const containerItem = target.closest(\n      selectorItem\n    ) as CDSContentSwitcherItem;\n    const index = indexOf(items, containerItem);\n    return items[index] ?? null;\n  }\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(\n    currentItem: CDSContentSwitcherItem,\n    direction: number\n  ) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const currentIndex = indexOf(items, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, items.length);\n    return nextIndex === currentIndex ? null : items[nextIndex];\n  }\n\n  /**\n   * Handles `click` event on content switcher item.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClick({ target }: MouseEvent) {\n    const currentItem = this._getCurrentItem(target as HTMLElement);\n    this._handleUserInitiatedSelectItem(\n      currentItem as CDSContentSwitcherItem,\n      'mouse'\n    );\n  }\n\n  /**\n   * Handles `keydown` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   * @param event.key The event key.\n   */\n  protected _handleKeydown({ key }: KeyboardEvent) {\n    if (key in NAVIGATION_DIRECTION) {\n      this._navigate(NAVIGATION_DIRECTION[key]);\n    }\n  }\n\n  /**\n   * Handles user-initiated selection of a content switcher item.\n   *\n   * @param [item] The content switcher item user wants to select.\n   */\n  protected _handleUserInitiatedSelectItem(\n    item: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | undefined\n  ) {\n    if (\n      (item && !item.disabled && item.value !== this.value) ||\n      (this.selectionMode === 'manual' &&\n        interactionType === 'keyboard' &&\n        !item.disabled)\n    ) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSContentSwitcher;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item, interactionType);\n\n        // Add extra event details (index, name, text) to match the React `onChange`\n        const items = this.querySelectorAll(constructor.selectorItem);\n        const index = Array.from(items).indexOf(item);\n        const name = item.getAttribute('name') ?? undefined;\n        const text = item.textContent?.trim() ?? undefined;\n\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            item,\n            index,\n            name,\n            text,\n          },\n        });\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * Navigates through content switcher items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const { selectorItemFocused } = this\n      .constructor as typeof CDSContentSwitcher;\n    const nextItem = this._getNextItem(\n      this.querySelector(selectorItemFocused) as CDSContentSwitcherItem,\n      direction\n    );\n    if (nextItem) {\n      this._handleUserInitiatedSelectItem(\n        nextItem as CDSContentSwitcherItem,\n        'keyboard'\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * A callback that runs after change in content switcher selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect A content switcher item.\n   */\n\n  protected _selectionDidChange(\n    itemToSelect: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | undefined\n  ) {\n    if (this.selectionMode === 'manual' && interactionType === 'keyboard') {\n      // In manual mode, only focus the item without changing the selection\n      Promise.resolve().then(() => {\n        itemToSelect.focus();\n      });\n\n      return;\n    }\n\n    this.value = itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSContentSwitcher).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSContentSwitcherItem).selected = false;\n      }\n    );\n    itemToSelect.selected = true;\n    // Waits for rendering with the new state that updates `tabindex`\n    Promise.resolve().then(() => {\n      itemToSelect.focus();\n\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      const items = this.querySelectorAll(selectorItem);\n      const index = indexOf(\n        items,\n        (itemToSelect as Element).closest(selectorItem)! // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      );\n      const nextIndex = index < 0 ? index : index + 1;\n      forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n        // Specifies child `<cds-custom-content-switcher-item>` to hide its divider instead of using CSS,\n        // until `:host-context()` gets supported in all major browsers\n        (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n      });\n    });\n  }\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify a selected index for the initially selected content\n   */\n  @property({ type: Number, attribute: 'selected-index' })\n  selectedIndex = 0;\n\n  /**\n   * Choose whether or not to automatically change selection on focus when left/right arrow pressed. Defaults to 'automatic'\n   */\n  @property({ attribute: 'selection-mode' })\n  selectionMode = 'automatic';\n\n  /**\n   * Content switcher size.\n   */\n  @property({ reflect: true })\n  size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n  /**\n   * Icon only.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'icon' })\n  iconOnly = false;\n\n  /**\n   * `true` to use the low contrast version.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  firstUpdated() {\n    this._updateSelectedItemFromIndex();\n  }\n\n  // Validate a selected index for the initially selected content\n  _updateSelectedItemFromIndex() {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItemEnabled);\n    if (\n      items.length > 0 &&\n      this.selectedIndex >= 0 &&\n      this.selectedIndex < items.length\n    ) {\n      const itemToSelect = items[this.selectedIndex] as CDSContentSwitcherItem;\n      this._selectionDidChange(\n        itemToSelect,\n        this.selectionMode === 'manual' ? 'keyboard' : 'mouse'\n      );\n    }\n  }\n\n  _updateSelectedItemFromValue(changedProps) {\n    if (changedProps.has('value')) {\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSContentSwitcherItem).selected =\n          (elem as CDSContentSwitcherItem).value === this.value;\n      });\n    }\n  }\n\n  shouldUpdate(changedProps) {\n    if (changedProps.has('iconOnly') || changedProps.has('selectedIndex')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      const allIcon = Array.from(items).every((item) =>\n        item.hasAttribute('icon')\n      );\n      this.iconOnly = allIcon;\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('selectedIndex')) {\n      this._updateSelectedItemFromIndex();\n    }\n\n    this._updateSelectedItemFromValue(changedProperties);\n\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      items.forEach((item) => {\n        const size = this.size || 'md';\n        item.setAttribute('size', size);\n      });\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n\n    // Specifies child `<cds-custom-content-switcher-item>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    if (nextItem) {\n      (nextItem as CDSContentSwitcherItem).hideDivider = true;\n    }\n  }\n\n  /**\n   * A selector that will return content switcher items.\n   */\n  static get selectorItem() {\n    return `${prefix}-content-switcher-item`;\n  }\n\n  /**\n   * A selector that will return content switcher icon items.\n   */\n  static get selectorIconItem() {\n    return `${prefix}-content-switcher-item[icon]`;\n  }\n\n  /**\n   * A selector that will return enabled content switcher items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-content-switcher-item:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-content-switcher-item[selected]`;\n  }\n\n  /**\n   * A selector that will return focused items.\n   */\n  static get selectorItemFocused() {\n    return `${prefix}-content-switcher-item:focus`;\n  }\n\n  /**\n   * The name of the custom event fired before a content switcher item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-content-switcher-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-content-switcher-selected`;\n  }\n\n  render() {\n    const {\n      _handleHover: handleHover,\n      _handleKeydown: handleKeydown,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n    return html`\n      <slot\n        @click=\"${this._handleClick}\"\n        @keydown=\"${handleKeydown}\"\n        @mouseover=\"${handleHover}\"\n        @mouseout=\"${handleHover}\"\n        @slotchange=${handleSlotchange}></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcher;\n"],"mappings":"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"}
+{"version":3,"file":"content-switcher.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport CDSContentSwitcherItem from './content-switcher-item';\nimport styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Content switcher.\n *\n * @element cds-custom-content-switcher\n * @fires cds-custom-content-switcher-beingselected\n *   The custom event fired before a content switcher item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-custom-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n */\n@customElement(`${prefix}-content-switcher`)\nclass CDSContentSwitcher extends LitElement {\n  /**\n   * Handles `mouseover`/`mouseout` events on `<slot>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   * @param event.type The event type.\n   */\n  private _handleHover({ target, type }: MouseEvent) {\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItem);\n    const index =\n      type !== 'mouseover'\n        ? -1\n        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          indexOf(items, (target as Element).closest(selectorItem)!);\n\n    if ((target as Element).closest(selectorItem)?.hasAttribute('disabled')) {\n      return;\n    }\n\n    const nextIndex = index < 0 ? index : index + 1;\n    forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n      // Specifies child `<cds-custom-content-switcher-item>` to hide its divider instead of using CSS,\n      // until `:host-context()` gets supported in all major browsers\n      (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n    });\n\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n    (nextItem as CDSContentSwitcherItem).hideDivider = true;\n  }\n\n  /**\n   * @param target The current event target.\n   * @returns The item to be selected.\n   */\n  protected _getCurrentItem(target: HTMLElement) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const containerItem = target.closest(\n      selectorItem\n    ) as CDSContentSwitcherItem;\n    const index = indexOf(items, containerItem);\n    return items[index] ?? null;\n  }\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(\n    currentItem: CDSContentSwitcherItem,\n    direction: number\n  ) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const currentIndex = indexOf(items, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, items.length);\n    return nextIndex === currentIndex ? null : items[nextIndex];\n  }\n\n  /**\n   * Handles `click` event on content switcher item.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClick({ target }: MouseEvent) {\n    const currentItem = this._getCurrentItem(target as HTMLElement);\n    this._handleUserInitiatedSelectItem(\n      currentItem as CDSContentSwitcherItem,\n      'mouse'\n    );\n  }\n\n  /**\n   * Handles `keydown` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   * @param event.key The event key.\n   */\n  protected _handleKeydown({ key }: KeyboardEvent) {\n    if (key in NAVIGATION_DIRECTION) {\n      this._navigate(NAVIGATION_DIRECTION[key]);\n    }\n  }\n\n  /**\n   * Handles user-initiated selection of a content switcher item.\n   *\n   * @param [item] The content switcher item user wants to select.\n   */\n  protected _handleUserInitiatedSelectItem(\n    item: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined\n  ) {\n    if (\n      (item && !item.disabled && item.value !== this.value) ||\n      (this.selectionMode === 'manual' &&\n        interactionType === 'keyboard' &&\n        !item.disabled)\n    ) {\n      if (this.selectionMode !== 'manual' || interactionType !== 'keyboard') {\n        const init = {\n          bubbles: true,\n          composed: true,\n          detail: {\n            item,\n          },\n        };\n        const constructor = this.constructor as typeof CDSContentSwitcher;\n        const beforeSelectEvent = new CustomEvent(\n          constructor.eventBeforeSelect,\n          {\n            ...init,\n            cancelable: true,\n          }\n        );\n        if (this.dispatchEvent(beforeSelectEvent)) {\n          this._selectionDidChange(item, interactionType);\n\n          // Add extra event details (index, name, text) to match the React `onChange`\n          const items = this.querySelectorAll(constructor.selectorItem);\n          const index = Array.from(items).indexOf(item);\n          const name = item.getAttribute('name') ?? undefined;\n          const text =\n            item.textContent?.trim() ||\n            item.getAttribute('aria-label')?.trim() ||\n            undefined;\n\n          const afterSelectEvent = new CustomEvent(constructor.eventSelect, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              item,\n              index,\n              name,\n              text,\n            },\n          });\n          this.dispatchEvent(afterSelectEvent);\n        }\n      } else {\n        this._selectionDidChange(item, interactionType);\n      }\n    }\n  }\n\n  /**\n   * Navigates through content switcher items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const { selectorItemFocused } = this\n      .constructor as typeof CDSContentSwitcher;\n    const nextItem = this._getNextItem(\n      this.querySelector(selectorItemFocused) as CDSContentSwitcherItem,\n      direction\n    );\n    if (nextItem) {\n      this._handleUserInitiatedSelectItem(\n        nextItem as CDSContentSwitcherItem,\n        'keyboard'\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * A callback that runs after change in content switcher selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect A content switcher item.\n   */\n\n  protected _selectionDidChange(\n    itemToSelect: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined\n  ) {\n    if (this.selectionMode === 'manual' && interactionType === 'keyboard') {\n      // In manual mode, only focus the item without changing the selection\n      Promise.resolve().then(() => {\n        itemToSelect.focus();\n      });\n\n      return;\n    }\n\n    this.value = itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSContentSwitcher).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSContentSwitcherItem).selected = false;\n      }\n    );\n    itemToSelect.selected = true;\n    // Waits for rendering with the new state that updates `tabindex`\n    Promise.resolve().then(() => {\n      itemToSelect.focus();\n\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      const items = this.querySelectorAll(selectorItem);\n      const index = indexOf(\n        items,\n        (itemToSelect as Element).closest(selectorItem)! // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      );\n      const nextIndex = index < 0 ? index : index + 1;\n      forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n        // Specifies child `<cds-custom-content-switcher-item>` to hide its divider instead of using CSS,\n        // until `:host-context()` gets supported in all major browsers\n        (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n      });\n    });\n  }\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify a selected index for the initially selected content\n   */\n  @property({ type: Number, attribute: 'selected-index' })\n  selectedIndex = 0;\n\n  /**\n   * Choose whether or not to automatically change selection on focus when left/right arrow pressed. Defaults to 'automatic'\n   */\n  @property({ attribute: 'selection-mode' })\n  selectionMode = 'automatic';\n\n  /**\n   * Content switcher size.\n   */\n  @property({ reflect: true })\n  size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n  /**\n   * Icon only.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'icon' })\n  iconOnly = false;\n\n  /**\n   * `true` to use the low contrast version.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  firstUpdated() {\n    this._updateSelectedItemFromIndex();\n  }\n\n  // Validate a selected index for the initially selected content\n  _updateSelectedItemFromIndex() {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItemEnabled);\n    if (\n      items.length > 0 &&\n      this.selectedIndex >= 0 &&\n      this.selectedIndex < items.length\n    ) {\n      const itemToSelect = items[this.selectedIndex] as CDSContentSwitcherItem;\n      this._selectionDidChange(\n        itemToSelect,\n        this.selectionMode === 'manual' ? 'activation' : 'mouse'\n      );\n    }\n  }\n\n  _updateSelectedItemFromValue(changedProps) {\n    if (changedProps.has('value')) {\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSContentSwitcherItem).selected =\n          (elem as CDSContentSwitcherItem).value === this.value;\n      });\n    }\n  }\n\n  shouldUpdate(changedProps) {\n    if (changedProps.has('iconOnly') || changedProps.has('selectedIndex')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      const allIcon = Array.from(items).every((item) =>\n        item.hasAttribute('icon')\n      );\n      this.iconOnly = allIcon;\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('selectedIndex')) {\n      this._updateSelectedItemFromIndex();\n    }\n\n    this._updateSelectedItemFromValue(changedProperties);\n\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      items.forEach((item) => {\n        const size = this.size || 'md';\n        item.setAttribute('size', size);\n      });\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n\n    // Specifies child `<cds-custom-content-switcher-item>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    if (nextItem) {\n      (nextItem as CDSContentSwitcherItem).hideDivider = true;\n    }\n  }\n\n  /**\n   * A selector that will return content switcher items.\n   */\n  static get selectorItem() {\n    return `${prefix}-content-switcher-item`;\n  }\n\n  /**\n   * A selector that will return content switcher icon items.\n   */\n  static get selectorIconItem() {\n    return `${prefix}-content-switcher-item[icon]`;\n  }\n\n  /**\n   * A selector that will return enabled content switcher items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-content-switcher-item:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-content-switcher-item[selected]`;\n  }\n\n  /**\n   * A selector that will return focused items.\n   */\n  static get selectorItemFocused() {\n    return `${prefix}-content-switcher-item:focus`;\n  }\n\n  /**\n   * The name of the custom event fired before a content switcher item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-content-switcher-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-content-switcher-selected`;\n  }\n\n  render() {\n    const {\n      _handleHover: handleHover,\n      _handleKeydown: handleKeydown,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n    return html`\n      <slot\n        @click=\"${this._handleClick}\"\n        @keydown=\"${handleKeydown}\"\n        @mouseover=\"${handleHover}\"\n        @mouseout=\"${handleHover}\"\n        @slotchange=${handleSlotchange}></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcher;\n"],"mappings":"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"}