@carbon/ibm-products-web-components 0.45.0 → 0.46.0

package/telemetry.yml

@@ -21,15 +21,16 @@ collect:
         - expand-label
         - expandText
         - hide-close-button
+        - hide-search
         - id
         - influencer-width
         - is-flush
+        - item-count
         - kind
         - label
         - label-text
         - lines
-        - onc4p-add-select-row-navigate
-        - onc4p-add-select-row-select
+        - multi
         - open
         - overflow-aria-label
         - prevent-close-on-click-outside
@@ -56,22 +57,50 @@ collect:
         - version
         # c4p-action-set
         - disable-stacking
-        # c4p-add-select
-        - multi
         # c4p-add-select-body
         - global-search-label
         - global-search-placeholder
-        - item-count
         - items-label
+        - onc4p-add-select-body-breadcrumb-click
         - onc4p-add-select-body-search
         - path
         - search-results-title
+        # c4p-add-select-column
+        - all-indeterminate
+        - all-selected
+        - onc4p-add-select-column-search
+        - onc4p-add-select-column-select-all
+        - search-label
+        - search-placeholder
+        - show-select-all
+        # c4p-add-select-item-panel
+        - onc4p-add-select-item-panel-close
+        - show-close-button
         # c4p-add-select-row
+        - _column-multi
         - disabled
         - has-children
+        - has-item-panel
+        - indeterminate
         - item-id
+        - item-panel-icon-description
+        - item-panel-open
+        - onc4p-add-select-row-item-panel-click
+        - onc4p-add-select-row-navigate
+        - onc4p-add-select-row-select
         - parent-id
         - selected
+        - skeleton
+        # c4p-add-select-selection-summary
+        - edit-icon-description
+        - onc4p-add-select-selection-summary-edit
+        - selected-item-count
+        - show-edit-icon
+        # c4p-add-select-selection-summary-item
+        - hide-remove-button
+        - onc4p-add-select-selection-summary-item-remove
+        - remove-button-label
+        - use-accordion
         # c4p-big-number
         - fraction-digits
         - loading

package/es/components/add-select/add-select-content.d.ts

@@ -1,57 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 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.
- */
-import { LitElement } from 'lit';
-/**
- * Add Select Content component - contains the list of selectable items
- * @element c4p-add-select-content
- * @slot default - Contains c4p-add-select-row components
- */
-declare class CDSAddSelectContent extends LitElement {
-    /**
-     * Whether this is a multi-select list (inherited from parent c4p-add-select)
-     * @private
-     */
-    private get _multi();
-    /**
-     * Current focused item index
-     */
-    private _focusedIndex;
-    /**
-     * Track if user has interacted with keyboard navigation
-     */
-    private _hasKeyboardInteraction;
-    /**
-     * Get all item elements
-     */
-    private _getItems;
-    /**
-     * Update focus on items - only one item should have tabindex="0"
-     */
-    private _updateItemFocus;
-    /**
-     * Handle keyboard navigation
-     */
-    private _handleKeyDown;
-    /**
-     * Initialize focus management after first update
-     */
-    firstUpdated(): void;
-    /**
-     * Handle slot change to update focus management
-     */
-    private _handleSlotChange;
-    /**
-     * Update lifecycle - ensure focus is maintained when items change
-     */
-    updated(changedProperties: Map<string, any>): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSAddSelectContent;
-//# sourceMappingURL=add-select-content.d.ts.map

package/es/components/add-select/add-select-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-select-content.d.ts","sourceRoot":"","sources":["../../../src/components/add-select/add-select-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C;;;OAGG;IACH,OAAO,KAAK,MAAM,GAGjB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAAS;IAExC;;OAEG;IACH,OAAO,CAAC,SAAS;IAYjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAqBxB;;OAEG;IACH,OAAO,CAAC,cAAc;IAgGtB;;OAEG;IACH,YAAY;IAKZ;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB;;OAEG;IACH,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAiB3C,MAAM;IAyBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}

package/es/components/add-select/add-select-content.js

@@ -1,188 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-
-import "../../globals/settings.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.js";
-import add_select_content_default$1 from "./add-select-content.scss.js";
-import { classMap } from "lit/directives/class-map.js";
-import { LitElement, html } from "lit";
-import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
-//#region src/components/add-select/add-select-content.ts
-/**
-* @license
-*
-* Copyright IBM Corp. 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.
-*/
-const blockClass = `c4p--add-select__next-list`;
-/**
-* Add Select Content component - contains the list of selectable items
-* @element c4p-add-select-content
-* @slot default - Contains c4p-add-select-row components
-*/
-let CDSAddSelectContent = class CDSAddSelectContent extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this._focusedIndex = 0;
-		this._hasKeyboardInteraction = false;
-	}
-	/**
-	* Whether this is a multi-select list (inherited from parent c4p-add-select)
-	* @private
-	*/
-	get _multi() {
-		return this.closest(`c4p-add-select`)?.multi ?? false;
-	}
-	/**
-	* Get all item elements
-	*/
-	_getItems() {
-		const slot = this.shadowRoot?.querySelector("slot");
-		if (!slot) return [];
-		return slot.assignedElements({ flatten: true }).filter((el) => el.tagName.toLowerCase() === `c4p-add-select-row`);
-	}
-	/**
-	* Update focus on items - only one item should have tabindex="0"
-	*/
-	_updateItemFocus(focusIndex, shouldFocus = true) {
-		const items = this._getItems();
-		if (items.length === 0) return;
-		this._focusedIndex = Math.max(0, Math.min(focusIndex, items.length - 1));
-		items.forEach((item, index) => {
-			if (index === this._focusedIndex) {
-				item.setAttribute("tabindex", "0");
-				if (shouldFocus) item.focus();
-			} else item.setAttribute("tabindex", "-1");
-		});
-	}
-	/**
-	* Handle keyboard navigation
-	*/
-	_handleKeyDown(event) {
-		const items = this._getItems();
-		if (items.length === 0) return;
-		this._hasKeyboardInteraction = true;
-		const currentItem = items[this._focusedIndex];
-		let handled = false;
-		switch (event.key) {
-			case "ArrowDown":
-				event.preventDefault();
-				this._updateItemFocus(this._focusedIndex + 1);
-				handled = true;
-				break;
-			case "ArrowUp":
-				event.preventDefault();
-				this._updateItemFocus(this._focusedIndex - 1);
-				handled = true;
-				break;
-			case "ArrowRight":
-				if (currentItem && currentItem.hasAttribute("has-children")) {
-					event.preventDefault();
-					const navigateEvent = new CustomEvent("c4p-add-select-row-navigate", {
-						bubbles: true,
-						composed: true,
-						detail: {
-							itemId: currentItem.getAttribute("item-id"),
-							title: currentItem.getAttribute("title"),
-							parentId: currentItem.getAttribute("parent-id") || ""
-						}
-					});
-					currentItem.dispatchEvent(navigateEvent);
-					handled = true;
-				}
-				break;
-			case "Enter":
-			case " ":
-				event.preventDefault();
-				if (currentItem) {
-					const newSelected = !currentItem.hasAttribute("selected");
-					if (newSelected) currentItem.setAttribute("selected", "");
-					else currentItem.removeAttribute("selected");
-					const selectEvent = new CustomEvent("c4p-add-select-row-select", {
-						bubbles: true,
-						composed: true,
-						detail: {
-							itemId: currentItem.getAttribute("item-id"),
-							selected: newSelected,
-							value: currentItem.getAttribute("value")
-						}
-					});
-					currentItem.dispatchEvent(selectEvent);
-				}
-				handled = true;
-				break;
-			case "Home":
-				if (event.ctrlKey) {
-					event.preventDefault();
-					this._updateItemFocus(0);
-					handled = true;
-				}
-				break;
-			case "End":
-				if (event.ctrlKey) {
-					event.preventDefault();
-					this._updateItemFocus(items.length - 1);
-					handled = true;
-				}
-				break;
-		}
-		if (handled) event.stopPropagation();
-	}
-	/**
-	* Initialize focus management after first update
-	*/
-	firstUpdated() {
-		this._updateItemFocus(0, false);
-	}
-	/**
-	* Handle slot change to update focus management
-	*/
-	_handleSlotChange() {
-		const items = this._getItems();
-		if (items.length > 0) {
-			if (this._focusedIndex >= items.length) this._focusedIndex = 0;
-			this._updateItemFocus(this._focusedIndex, this._hasKeyboardInteraction);
-		}
-	}
-	/**
-	* Update lifecycle - ensure focus is maintained when items change
-	*/
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		const items = this._getItems();
-		if (items.length > 0) {
-			if (!items.some((item) => item.getAttribute("tabindex") === "0")) this._updateItemFocus(0, this._hasKeyboardInteraction);
-		}
-	}
-	render() {
-		const { _handleKeyDown: handleKeyDown, _handleSlotChange: handleSlotChange } = this;
-		return html`
-      <div
-        class=${classMap({ [`${blockClass}-list`]: true })}
-        role="grid"
-        aria-multiselectable=${this._multi}
-        tabindex="0"
-        @keydown=${handleKeyDown}
-      >
-        <div class="${blockClass}-list-body">
-          <slot @slotchange=${handleSlotChange}></slot>
-        </div>
-      </div>
-    `;
-	}
-	static {
-		this.styles = add_select_content_default$1;
-	}
-};
-CDSAddSelectContent = __decorate([carbonElement(`c4p-add-select-content`)], CDSAddSelectContent);
-var add_select_content_default = CDSAddSelectContent;
-//#endregion
-export { add_select_content_default as default };
-
-//# sourceMappingURL=add-select-content.js.map

package/es/components/add-select/add-select-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-select-content.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-content.ts"],"sourcesContent":["/**\n * @license\n *\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\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-content.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next-list`;\n\n/**\n * Add Select Content component - contains the list of selectable items\n * @element c4p-add-select-content\n * @slot default - Contains c4p-add-select-row components\n */\n@customElement(`${prefix}-add-select-content`)\nclass CDSAddSelectContent extends LitElement {\n  /**\n   * Whether this is a multi-select list (inherited from parent c4p-add-select)\n   * @private\n   */\n  private get _multi(): boolean {\n    const parent = this.closest(`${prefix}-add-select`) as any;\n    return parent?.multi ?? false;\n  }\n\n  /**\n   * Current focused item index\n   */\n  private _focusedIndex = 0;\n\n  /**\n   * Track if user has interacted with keyboard navigation\n   */\n  private _hasKeyboardInteraction = false;\n\n  /**\n   * Get all item elements\n   */\n  private _getItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (!slot) {\n      return [];\n    }\n\n    const assignedElements = slot.assignedElements({ flatten: true });\n    return assignedElements.filter(\n      (el) => el.tagName.toLowerCase() === `${prefix}-add-select-row`\n    ) as HTMLElement[];\n  }\n\n  /**\n   * Update focus on items - only one item should have tabindex=\"0\"\n   */\n  private _updateItemFocus(focusIndex: number, shouldFocus = true) {\n    const items = this._getItems();\n    if (items.length === 0) {\n      return;\n    }\n\n    // Ensure focusIndex is within bounds\n    this._focusedIndex = Math.max(0, Math.min(focusIndex, items.length - 1));\n\n    items.forEach((item, index) => {\n      if (index === this._focusedIndex) {\n        item.setAttribute('tabindex', '0');\n        if (shouldFocus) {\n          item.focus();\n        }\n      } else {\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Handle keyboard navigation\n   */\n  private _handleKeyDown(event: KeyboardEvent) {\n    const items = this._getItems();\n    if (items.length === 0) {\n      return;\n    }\n\n    // Mark that keyboard interaction has occurred\n    this._hasKeyboardInteraction = true;\n\n    const currentItem = items[this._focusedIndex];\n    let handled = false;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this._updateItemFocus(this._focusedIndex + 1);\n        handled = true;\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this._updateItemFocus(this._focusedIndex - 1);\n        handled = true;\n        break;\n\n      case 'ArrowRight':\n        // Check if current item has children\n        if (currentItem && currentItem.hasAttribute('has-children')) {\n          event.preventDefault();\n          // Trigger the item's navigate event\n          const navigateEvent = new CustomEvent('c4p-add-select-row-navigate', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              itemId: currentItem.getAttribute('item-id'),\n              title: currentItem.getAttribute('title'),\n              parentId: currentItem.getAttribute('parent-id') || '',\n            },\n          });\n          currentItem.dispatchEvent(navigateEvent);\n          handled = true;\n        }\n        break;\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        // Trigger the item's selection\n        if (currentItem) {\n          const isSelected = currentItem.hasAttribute('selected');\n          const newSelected = !isSelected;\n\n          // Update the item's selected attribute\n          if (newSelected) {\n            currentItem.setAttribute('selected', '');\n          } else {\n            currentItem.removeAttribute('selected');\n          }\n\n          // Dispatch selection event\n          const selectEvent = new CustomEvent('c4p-add-select-row-select', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              itemId: currentItem.getAttribute('item-id'),\n              selected: newSelected,\n              value: currentItem.getAttribute('value'),\n            },\n          });\n          currentItem.dispatchEvent(selectEvent);\n        }\n        handled = true;\n        break;\n\n      case 'Home':\n        if (event.ctrlKey) {\n          event.preventDefault();\n          this._updateItemFocus(0);\n          handled = true;\n        }\n        break;\n\n      case 'End':\n        if (event.ctrlKey) {\n          event.preventDefault();\n          this._updateItemFocus(items.length - 1);\n          handled = true;\n        }\n        break;\n    }\n\n    if (handled) {\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Initialize focus management after first update\n   */\n  firstUpdated() {\n    // Set initial tabindex but don't focus\n    this._updateItemFocus(0, false);\n  }\n\n  /**\n   * Handle slot change to update focus management\n   */\n  private _handleSlotChange() {\n    // Ensure focus is maintained when items change\n    const items = this._getItems();\n    if (items.length > 0) {\n      // Reset to first item if current index is out of bounds\n      if (this._focusedIndex >= items.length) {\n        this._focusedIndex = 0;\n      }\n      // Re-apply focus management to new items, but only actually focus if keyboard interaction occurred\n      this._updateItemFocus(this._focusedIndex, this._hasKeyboardInteraction);\n    }\n  }\n\n  /**\n   * Update lifecycle - ensure focus is maintained when items change\n   */\n  updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    // Re-initialize focus when items might have changed\n    const items = this._getItems();\n    if (items.length > 0) {\n      // Ensure at least one item has tabindex=\"0\"\n      const hasFocusableItem = items.some(\n        (item) => item.getAttribute('tabindex') === '0'\n      );\n      if (!hasFocusableItem) {\n        // Set tabindex but don't focus unless keyboard interaction occurred\n        this._updateItemFocus(0, this._hasKeyboardInteraction);\n      }\n    }\n  }\n\n  render() {\n    const {\n      _handleKeyDown: handleKeyDown,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const listClasses = classMap({\n      [`${blockClass}-list`]: true,\n    });\n\n    return html`\n      <div\n        class=${listClasses}\n        role=\"grid\"\n        aria-multiselectable=${this._multi}\n        tabindex=\"0\"\n        @keydown=${handleKeyDown}\n      >\n        <div class=\"${blockClass}-list-body\">\n          <slot @slotchange=${handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAddSelectContent;\n"],"mappings":"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"}

package/es/components/add-select/add-select-content.scss.js

@@ -1,14 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-
-import { css } from "lit";
-//#region src/components/add-select/add-select-content.scss?lit
-var add_select_content_default = css([".c4p--add-select__next{position:relative}.c4p--add-select__next,.c4p--add-select__next__body{block-size:100%;display:flex;flex-direction:column;inline-size:100%}.c4p--add-select__next__header{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-block-end:.5rem;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next__search{margin-block-end:1rem}.c4p--add-select__next__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next__search-input{flex:1}.c4p--add-select__next__global-actions{align-items:flex-end;display:flex}.c4p--add-select__next__sub-header{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__tags{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next__tags-label{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin:0}.c4p--add-select__next__sub-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:1rem}.c4p--add-select__next__content{display:flex;flex:1;flex-direction:column;overflow:auto}.c4p--add-select__next-list{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-list{overflow-block:auto}}.c4p--add-select__next-list:focus{outline:none}.c4p--add-select__next-list-body{display:flex;flex-direction:column}.c4p--add-select__next-list-body--horizontal{align-items:stretch;block-size:100%;flex-direction:row}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-row{border-inline-start:.125rem solid transparent;display:flex;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row:focus:not(:focus-visible){outline:none}.c4p--add-select__next-row--selected{background-color:var(--cds-layer-selected-01,#e0e0e0)}.c4p--add-select__next-row--selected .c4p--add-select__next-row__cell-wrapper{border-block-end-color:var(--cds-border-subtle-selected-01,#c6c6c6)}.c4p--add-select__next-row--disabled{cursor:not-allowed}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__subtitle,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__title{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--disabled .c4p--add-select__next-row__icon svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--disabled .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-link-primary,#0f62fe)}.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled){background:var(--cds-layer-selected-hover-01,#d1d1d1)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616)}.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__nav-indicator svg,.c4p--add-select__next-row--selected:hover:not(.c4p--add-select__next-row--disabled) .c4p--add-select__next-row__view-item-panel svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row__cell{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__cell-wrapper{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;justify-content:space-between;min-block-size:3rem;padding-block:.5rem;padding-inline:1rem}.c4p--add-select__next-row__content{align-items:center;align-self:center;display:flex;flex:1}.c4p--add-select__next-row__checkbox{align-self:center;flex:none;margin-inline-end:1rem}.c4p--add-select__next-row__radio{align-self:center}.c4p--add-select__next-row__radio .cds--radio-button__appearance{margin-inline-end:0}.c4p--add-select__next-row__icon{align-items:center;display:flex;margin-inline-end:.5rem}.c4p--add-select__next-row__text{display:flex;flex:1;flex-direction:column}.c4p--add-select__next-row__title{color:var(--cds-text-primary,#161616);display:block;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next-row__subtitle{color:var(--cds-text-secondary,#525252);display:block;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.c4p--add-select__next-row__meta{align-items:center;display:flex;margin-inline-start:.5rem}.c4p--add-select__next-row__view-item-panel{margin-inline-start:auto}.c4p--add-select__next-row-item-panel--selected{background-color:var(--cds-layer-hover-01,#e8e8e8);border-inline-start:.125rem solid var(--cds-interactive,#0f62fe)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:none}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}}.c4p--add-select__next-row__nav-indicator{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-inline-start:.5rem;padding-block:.25rem;padding-inline:.25rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.c4p--add-select__next-row__nav-indicator:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.c4p--add-select__next-row__nav-indicator:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}.c4p--add-select__next-row__nav-indicator svg{fill:var(--cds-icon-primary,#161616)}.c4p--add-select__next-row--skeleton{cursor:default;pointer-events:none}.c4p--add-select__next-row--skeleton:hover{background:none}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-control{background-color:var(--cds-skeleton-element,#c6c6c6);block-size:1rem;border-radius:.125rem;flex:none;inline-size:1rem;margin-inline-end:1rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton{block-size:2rem;border-radius:50%;inline-size:2rem}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__icon .cds--icon--skeleton:before{animation:none;border-radius:50%}.c4p--add-select__next-row--skeleton .c4p--add-select__next-row__skeleton-title{margin-block-end:0}.c4p--add-select__next-column{block-size:100%;border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;flex-direction:column;min-inline-size:300px;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column:last-child{border-inline-end:none}.c4p--add-select__next-list-body--horizontal .c4p--add-select__next-column:last-child{border-inline-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--add-select__next-column__actions,.c4p--add-select__next-column__search--with-actions{align-items:flex-end;display:flex}.c4p--add-select__next-column__search-bar{padding-block-end:0;padding-block-start:1rem;padding-inline:1rem}.c4p--add-select__next-column__search-wrapper{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__search-input{flex:1}.c4p--add-select__next-column__controls{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__filter-button,.c4p--add-select__next-column__sort-button{flex:none}.c4p--add-select__next-column__filter-popover{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper{margin-block-end:.5rem}.c4p--add-select__next-column__filter-popover .cds--checkbox-wrapper:last-child{margin-block-end:0}.c4p--add-select__next-column__header{align-items:center;border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);display:flex;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next-column__select-all .cds--checkbox-label{align-items:center;display:flex;gap:0}.c4p--add-select__next-column__select-all .cds--checkbox-label-text{align-items:center;display:flex;gap:.5rem;margin-inline-start:.5rem}.c4p--add-select__next-column__title-wrapper{align-items:center;display:flex;gap:.5rem}.c4p--add-select__next-column__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next-column__rows{display:flex;flex:1;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){.c4p--add-select__next-column__rows{overflow-block:auto}}.c4p--add-select__next__breadcrumbs{flex-wrap:wrap}.c4p--add-select__next__breadcrumb-item,.c4p--add-select__next__breadcrumbs{align-items:center;display:flex;gap:.25rem}.c4p--add-select__next__breadcrumb-button{background:none;border:none;color:var(--cds-link-primary,#0f62fe);cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding-block:0;padding-inline:0;text-decoration:none}.c4p--add-select__next__breadcrumb-button:hover{color:var(--cds-link-primary-hover,#0043ce);text-decoration:underline}.c4p--add-select__next__breadcrumb-button:focus{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:.125rem}.c4p--add-select__next__breadcrumb-separator{align-items:center;color:var(--cds-text-secondary,#525252);display:flex}.c4p--add-select__next__breadcrumb-separator svg{fill:currentColor}.c4p--add-select__next__breadcrumb-current{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary{display:flex;flex-direction:column}.c4p--add-select__next__selection-summary-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;padding-block-end:.5rem;padding-block-start:1.5rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);margin-inline-end:.5rem}.c4p--add-select__next__selection-summary-header-actions{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.c4p--add-select__next__selection-summary-item-default{border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item-default-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-default-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item{background-color:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);position:relative}.c4p--add-select__next__selection-summary-item:hover{background-color:var(--cds-layer-hover-01,#e8e8e8)}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item,.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__item:last-child{border-block-end:none;border-block-start:none}.c4p--add-select__next__selection-summary-item--accordion .cds--accordion__heading{min-block-size:unset;padding-block:.75rem;padding-inline-end:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between;padding-block:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-content{padding-block-end:.75rem;padding-inline:1rem}.c4p--add-select__next__selection-summary-item--default .c4p--add-select__next__selection-summary-item-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}.c4p--add-select__next__selection-summary-item-selected-item{flex:1}.c4p--add-select__next__selection-summary-item-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--add-select__next__selection-summary-item-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.c4p--add-select__next__selection-summary-item-entry{margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-header{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-end:.5rem}.c4p--add-select__next__selection-summary-item-body{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--add-select__next__selection-summary-item-remove-button-container{align-items:center;display:inline-flex;justify-content:center;padding-inline-start:.5rem}.c4p--add-select__next__selection-summary-item--accordion .c4p--add-select__next__selection-summary-item-remove-button-container{inset-block-start:50%;inset-inline-end:1rem;padding-inline-start:0;position:absolute;transform:translateY(-50%)}.c4p--add-select__next__selection-summary-item-remove-button{opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.c4p--add-select__next__selection-summary-item-remove-button{transition:none}}.c4p--add-select__next__selection-summary-item:focus-within .c4p--add-select__next__selection-summary-item-remove-button,.c4p--add-select__next__selection-summary-item:hover .c4p--add-select__next__selection-summary-item-remove-button{opacity:1}.c4p--add-select__next__selection-summary-item-content{margin-block-start:0}.c4p--add-select__next__selection-summary .cds--accordion__arrow{transform:rotate(90deg)}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__arrow{transform:rotate(-90deg)}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__arrow{margin-block:0;margin-inline-end:0;margin-inline-start:1rem}.c4p--add-select__next__selection-summary .cds--accordion--start .cds--accordion__title{margin-inline-end:0;margin-inline-start:.5rem;padding-inline-end:2rem}.c4p--add-select__next__selection-summary .cds--accordion__item--active .cds--accordion__content{margin-block-start:0;padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-header{align-items:center;border-block-end:1px solid var(--cds-layer-accent-01,#e0e0e0);display:flex;gap:.5rem;justify-content:space-between;padding-block-end:.5rem;padding-block-start:2rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-title{font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375)}.c4p--add-select__next__item-summary-panel-body{padding-block:1rem;padding-inline:1rem}.c4p--add-select__next__item-summary-panel-entry{margin-block-end:1rem}.c4p--add-select__next__item-summary-panel-entry-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.c4p--add-select__next__item-summary-panel-entry-body{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(c4p-add-select-content){display:block}:host(c4p-add-select-content) .c4p--add-select__next-list{display:flex;flex-direction:column;overflow-y:auto}@supports (overflow-block:auto){:host(c4p-add-select-content) .c4p--add-select__next-list{overflow-block:auto}}:host(c4p-add-select-content) .c4p--add-select__next-list:focus{outline:none}:host(c4p-add-select-content) .c4p--add-select__next-list-body{display:flex;flex-direction:column}"]);
-//#endregion
-export { add_select_content_default as default };
-
-//# sourceMappingURL=add-select-content.scss.js.map

package/es/components/add-select/add-select-content.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-select-content.scss.js","names":[],"sources":["../../../src/components/add-select/add-select-content.scss?lit"],"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$css--plex: true !default;\n\n/* Carbon and IBM Products styles */\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/spacing' as *;\n\n$prefix: 'c4p';\n\n/* Import shared AddSelect composable/next styles from ibm-products-styles */\n@use '@carbon/ibm-products-styles/scss/components/AddSelect/add-select_next'\n  as *;\n\n/* Web Component specific overrides */\n:host(#{$prefix}-add-select-content) {\n  display: block;\n\n  /* Apply shared styles within shadow DOM */\n  .#{$block-class__next}-list {\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    @supports (overflow-block: auto) {\n      overflow-block: auto;\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .#{$block-class__next}-list-body {\n    display: flex;\n    flex-direction: column;\n  }\n}\n"],"mappings":""}

package/es-custom/components/add-select/add-select-content.js

@@ -1,188 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 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.
- */
-
-import "../../globals/settings.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.127.0/helpers/decorate.js";
-import add_select_content_default$1 from "./add-select-content.scss.js";
-import { classMap } from "lit/directives/class-map.js";
-import { LitElement, html } from "lit";
-import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
-//#region src/components/add-select/add-select-content.ts
-/**
-* @license
-*
-* Copyright IBM Corp. 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.
-*/
-const blockClass = `c4p--add-select__next-list`;
-/**
-* Add Select Content component - contains the list of selectable items
-* @element c4p-add-select-content
-* @slot default - Contains c4p-add-select-row components
-*/
-let CDSAddSelectContent = class CDSAddSelectContent extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this._focusedIndex = 0;
-		this._hasKeyboardInteraction = false;
-	}
-	/**
-	* Whether this is a multi-select list (inherited from parent c4p-add-select)
-	* @private
-	*/
-	get _multi() {
-		return this.closest(`c4p-add-select`)?.multi ?? false;
-	}
-	/**
-	* Get all item elements
-	*/
-	_getItems() {
-		const slot = this.shadowRoot?.querySelector("slot");
-		if (!slot) return [];
-		return slot.assignedElements({ flatten: true }).filter((el) => el.tagName.toLowerCase() === `c4p-add-select-row`);
-	}
-	/**
-	* Update focus on items - only one item should have tabindex="0"
-	*/
-	_updateItemFocus(focusIndex, shouldFocus = true) {
-		const items = this._getItems();
-		if (items.length === 0) return;
-		this._focusedIndex = Math.max(0, Math.min(focusIndex, items.length - 1));
-		items.forEach((item, index) => {
-			if (index === this._focusedIndex) {
-				item.setAttribute("tabindex", "0");
-				if (shouldFocus) item.focus();
-			} else item.setAttribute("tabindex", "-1");
-		});
-	}
-	/**
-	* Handle keyboard navigation
-	*/
-	_handleKeyDown(event) {
-		const items = this._getItems();
-		if (items.length === 0) return;
-		this._hasKeyboardInteraction = true;
-		const currentItem = items[this._focusedIndex];
-		let handled = false;
-		switch (event.key) {
-			case "ArrowDown":
-				event.preventDefault();
-				this._updateItemFocus(this._focusedIndex + 1);
-				handled = true;
-				break;
-			case "ArrowUp":
-				event.preventDefault();
-				this._updateItemFocus(this._focusedIndex - 1);
-				handled = true;
-				break;
-			case "ArrowRight":
-				if (currentItem && currentItem.hasAttribute("has-children")) {
-					event.preventDefault();
-					const navigateEvent = new CustomEvent("c4p-add-select-row-navigate", {
-						bubbles: true,
-						composed: true,
-						detail: {
-							itemId: currentItem.getAttribute("item-id"),
-							title: currentItem.getAttribute("title"),
-							parentId: currentItem.getAttribute("parent-id") || ""
-						}
-					});
-					currentItem.dispatchEvent(navigateEvent);
-					handled = true;
-				}
-				break;
-			case "Enter":
-			case " ":
-				event.preventDefault();
-				if (currentItem) {
-					const newSelected = !currentItem.hasAttribute("selected");
-					if (newSelected) currentItem.setAttribute("selected", "");
-					else currentItem.removeAttribute("selected");
-					const selectEvent = new CustomEvent("c4p-add-select-row-select", {
-						bubbles: true,
-						composed: true,
-						detail: {
-							itemId: currentItem.getAttribute("item-id"),
-							selected: newSelected,
-							value: currentItem.getAttribute("value")
-						}
-					});
-					currentItem.dispatchEvent(selectEvent);
-				}
-				handled = true;
-				break;
-			case "Home":
-				if (event.ctrlKey) {
-					event.preventDefault();
-					this._updateItemFocus(0);
-					handled = true;
-				}
-				break;
-			case "End":
-				if (event.ctrlKey) {
-					event.preventDefault();
-					this._updateItemFocus(items.length - 1);
-					handled = true;
-				}
-				break;
-		}
-		if (handled) event.stopPropagation();
-	}
-	/**
-	* Initialize focus management after first update
-	*/
-	firstUpdated() {
-		this._updateItemFocus(0, false);
-	}
-	/**
-	* Handle slot change to update focus management
-	*/
-	_handleSlotChange() {
-		const items = this._getItems();
-		if (items.length > 0) {
-			if (this._focusedIndex >= items.length) this._focusedIndex = 0;
-			this._updateItemFocus(this._focusedIndex, this._hasKeyboardInteraction);
-		}
-	}
-	/**
-	* Update lifecycle - ensure focus is maintained when items change
-	*/
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		const items = this._getItems();
-		if (items.length > 0) {
-			if (!items.some((item) => item.getAttribute("tabindex") === "0")) this._updateItemFocus(0, this._hasKeyboardInteraction);
-		}
-	}
-	render() {
-		const { _handleKeyDown: handleKeyDown, _handleSlotChange: handleSlotChange } = this;
-		return html`
-      <div
-        class=${classMap({ [`${blockClass}-list`]: true })}
-        role="grid"
-        aria-multiselectable=${this._multi}
-        tabindex="0"
-        @keydown=${handleKeyDown}
-      >
-        <div class="${blockClass}-list-body">
-          <slot @slotchange=${handleSlotChange}></slot>
-        </div>
-      </div>
-    `;
-	}
-	static {
-		this.styles = add_select_content_default$1;
-	}
-};
-CDSAddSelectContent = __decorate([carbonElement(`c4p-add-select-content`)], CDSAddSelectContent);
-var add_select_content_default = CDSAddSelectContent;
-//#endregion
-export { add_select_content_default as default };
-
-//# sourceMappingURL=add-select-content.js.map

package/es-custom/components/add-select/add-select-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-select-content.js","names":["styles","customElement"],"sources":["../../../src/components/add-select/add-select-content.ts"],"sourcesContent":["/**\n * @license\n *\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\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './add-select-content.scss?lit';\n\nconst blockClass = `${prefix}--add-select__next-list`;\n\n/**\n * Add Select Content component - contains the list of selectable items\n * @element c4p-add-select-content\n * @slot default - Contains c4p-add-select-row components\n */\n@customElement(`${prefix}-add-select-content`)\nclass CDSAddSelectContent extends LitElement {\n  /**\n   * Whether this is a multi-select list (inherited from parent c4p-add-select)\n   * @private\n   */\n  private get _multi(): boolean {\n    const parent = this.closest(`${prefix}-add-select`) as any;\n    return parent?.multi ?? false;\n  }\n\n  /**\n   * Current focused item index\n   */\n  private _focusedIndex = 0;\n\n  /**\n   * Track if user has interacted with keyboard navigation\n   */\n  private _hasKeyboardInteraction = false;\n\n  /**\n   * Get all item elements\n   */\n  private _getItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    if (!slot) {\n      return [];\n    }\n\n    const assignedElements = slot.assignedElements({ flatten: true });\n    return assignedElements.filter(\n      (el) => el.tagName.toLowerCase() === `${prefix}-add-select-row`\n    ) as HTMLElement[];\n  }\n\n  /**\n   * Update focus on items - only one item should have tabindex=\"0\"\n   */\n  private _updateItemFocus(focusIndex: number, shouldFocus = true) {\n    const items = this._getItems();\n    if (items.length === 0) {\n      return;\n    }\n\n    // Ensure focusIndex is within bounds\n    this._focusedIndex = Math.max(0, Math.min(focusIndex, items.length - 1));\n\n    items.forEach((item, index) => {\n      if (index === this._focusedIndex) {\n        item.setAttribute('tabindex', '0');\n        if (shouldFocus) {\n          item.focus();\n        }\n      } else {\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Handle keyboard navigation\n   */\n  private _handleKeyDown(event: KeyboardEvent) {\n    const items = this._getItems();\n    if (items.length === 0) {\n      return;\n    }\n\n    // Mark that keyboard interaction has occurred\n    this._hasKeyboardInteraction = true;\n\n    const currentItem = items[this._focusedIndex];\n    let handled = false;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this._updateItemFocus(this._focusedIndex + 1);\n        handled = true;\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        this._updateItemFocus(this._focusedIndex - 1);\n        handled = true;\n        break;\n\n      case 'ArrowRight':\n        // Check if current item has children\n        if (currentItem && currentItem.hasAttribute('has-children')) {\n          event.preventDefault();\n          // Trigger the item's navigate event\n          const navigateEvent = new CustomEvent('c4p-add-select-row-navigate', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              itemId: currentItem.getAttribute('item-id'),\n              title: currentItem.getAttribute('title'),\n              parentId: currentItem.getAttribute('parent-id') || '',\n            },\n          });\n          currentItem.dispatchEvent(navigateEvent);\n          handled = true;\n        }\n        break;\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        // Trigger the item's selection\n        if (currentItem) {\n          const isSelected = currentItem.hasAttribute('selected');\n          const newSelected = !isSelected;\n\n          // Update the item's selected attribute\n          if (newSelected) {\n            currentItem.setAttribute('selected', '');\n          } else {\n            currentItem.removeAttribute('selected');\n          }\n\n          // Dispatch selection event\n          const selectEvent = new CustomEvent('c4p-add-select-row-select', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              itemId: currentItem.getAttribute('item-id'),\n              selected: newSelected,\n              value: currentItem.getAttribute('value'),\n            },\n          });\n          currentItem.dispatchEvent(selectEvent);\n        }\n        handled = true;\n        break;\n\n      case 'Home':\n        if (event.ctrlKey) {\n          event.preventDefault();\n          this._updateItemFocus(0);\n          handled = true;\n        }\n        break;\n\n      case 'End':\n        if (event.ctrlKey) {\n          event.preventDefault();\n          this._updateItemFocus(items.length - 1);\n          handled = true;\n        }\n        break;\n    }\n\n    if (handled) {\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Initialize focus management after first update\n   */\n  firstUpdated() {\n    // Set initial tabindex but don't focus\n    this._updateItemFocus(0, false);\n  }\n\n  /**\n   * Handle slot change to update focus management\n   */\n  private _handleSlotChange() {\n    // Ensure focus is maintained when items change\n    const items = this._getItems();\n    if (items.length > 0) {\n      // Reset to first item if current index is out of bounds\n      if (this._focusedIndex >= items.length) {\n        this._focusedIndex = 0;\n      }\n      // Re-apply focus management to new items, but only actually focus if keyboard interaction occurred\n      this._updateItemFocus(this._focusedIndex, this._hasKeyboardInteraction);\n    }\n  }\n\n  /**\n   * Update lifecycle - ensure focus is maintained when items change\n   */\n  updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties);\n\n    // Re-initialize focus when items might have changed\n    const items = this._getItems();\n    if (items.length > 0) {\n      // Ensure at least one item has tabindex=\"0\"\n      const hasFocusableItem = items.some(\n        (item) => item.getAttribute('tabindex') === '0'\n      );\n      if (!hasFocusableItem) {\n        // Set tabindex but don't focus unless keyboard interaction occurred\n        this._updateItemFocus(0, this._hasKeyboardInteraction);\n      }\n    }\n  }\n\n  render() {\n    const {\n      _handleKeyDown: handleKeyDown,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const listClasses = classMap({\n      [`${blockClass}-list`]: true,\n    });\n\n    return html`\n      <div\n        class=${listClasses}\n        role=\"grid\"\n        aria-multiselectable=${this._multi}\n        tabindex=\"0\"\n        @keydown=${handleKeyDown}\n      >\n        <div class=\"${blockClass}-list-body\">\n          <slot @slotchange=${handleSlotChange}></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAddSelectContent;\n"],"mappings":"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"}