igniteui-webcomponents 7.2.3 → 7.3.0-beta.0

package/components/dropdown/dropdown.js

@@ -7,16 +7,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var IgcDropdownComponent_1;
 import { html } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, enterKey, escapeKey, homeKey, tabKey, } from '../common/controllers/key-bindings.js';
-import { addRootClickController } from '../common/controllers/root-click.js';
-import { addRootScrollHandler } from '../common/controllers/root-scroll.js';
-import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';
-import { watch } from '../common/decorators/watch.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { getActiveItems, getItems, getNextActiveItem, getPreviousActiveItem, IgcComboBoxBaseLikeComponent, setInitialSelectionState, } from '../common/mixins/combo-box.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { getElementByIdFromRoot, getElementFromPath, isString, } from '../common/util.js';
+import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, enterKey, escapeKey, homeKey, tabKey, } from '#internals/controllers/key-bindings.js';
+import { createMutationController, } from '#internals/controllers/mutation-observer.js';
+import { addRootClickController } from '#internals/controllers/root-click.js';
+import { addRootScrollHandler } from '#internals/controllers/root-scroll.js';
+import { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { getActiveItems, getItems, getNextActiveItem, getPreviousActiveItem, IgcComboBoxBaseLikeComponent, setInitialSelectionState, } from '#internals/mixins/combo-box.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { isEmpty } from '#internals/utils/arrays.js';
+import { getElementByIdFromRoot } from '#internals/utils/dom.js';
+import { getElementFromPath } from '#internals/utils/events.js';
+import { createIdGenerator } from '#internals/utils/strings.js';
+import { isString } from '#internals/utils/types.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import IgcPopoverComponent from '../popover/popover.js';
 import IgcDropdownGroupComponent from './dropdown-group.js';
 import IgcDropdownHeaderComponent from './dropdown-header.js';
@@ -24,6 +28,7 @@ import IgcDropdownItemComponent from './dropdown-item.js';
 import { all } from './themes/container.js';
 import { styles } from './themes/dropdown.base.css.js';
 import { styles as shared } from './themes/shared/dropdown.common.css.js';
+const nextItemId = createIdGenerator('igc-dropdown-item');
 let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(IgcComboBoxBaseLikeComponent) {
     static { IgcDropdownComponent_1 = this; }
     static { this.tagName = 'igc-dropdown'; }
@@ -31,6 +36,10 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
     static register() {
         registerComponent(IgcDropdownComponent_1, IgcDropdownGroupComponent, IgcDropdownHeaderComponent, IgcDropdownItemComponent, IgcPopoverComponent);
     }
+    get _slottedTarget() {
+        const [target] = this._targetSlot?.assignedElements({ flatten: true }) ?? [];
+        return target;
+    }
     get _activeItems() {
         return Array.from(getActiveItems(this, IgcDropdownItemComponent.tagName));
     }
@@ -43,28 +52,16 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
     get selectedItem() {
         return this._selectedItem;
     }
-    scrollStrategyChanged() {
-        this._rootScrollController.update({ resetListeners: true });
-    }
-    openStateChange() {
-        this._updateAnchorAccessibility(this._target);
-        this._rootClickController.update();
-        this._rootScrollController.update();
-        if (!this.open) {
-            this._target = undefined;
-            this._targetListeners?.unsubscribe();
-            this._rootClickController.update({ target: undefined });
-        }
-    }
     constructor() {
         super();
         this._rootScrollController = addRootScrollHandler(this, {
-            hideCallback: this.handleClosing,
+            hideCallback: this._handleClosing,
         });
         this._rootClickController = addRootClickController(this, {
-            onHide: this.handleClosing,
+            onHide: this._handleClosing,
         });
         this._selectedItem = null;
+        this._activeItem = null;
         this.placement = 'bottom-start';
         this.scrollStrategy = 'scroll';
         this.flip = false;
@@ -75,17 +72,44 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
             skip: () => !this.open,
             bindingDefaults: { preventDefault: true, repeat: true },
         })
-            .set(tabKey, this.onTabKey, {
+            .set(tabKey, this._handleTab, {
             preventDefault: false,
         })
-            .set(escapeKey, this.onEscapeKey)
-            .set(arrowUp, this.onArrowUp)
-            .set(arrowLeft, this.onArrowUp)
-            .set(arrowDown, this.onArrowDown)
-            .set(arrowRight, this.onArrowDown)
-            .set(enterKey, this.onEnterKey)
-            .set(homeKey, this.onHomeKey)
-            .set(endKey, this.onEndKey);
+            .set(escapeKey, this._handleClosing)
+            .set(arrowUp, this._handleArrowUp)
+            .set(arrowLeft, this._handleArrowUp)
+            .set(arrowDown, this._handleArrowDown)
+            .set(arrowRight, this._handleArrowDown)
+            .set(enterKey, this._commitActiveItem)
+            .set(homeKey, this._handleHome)
+            .set(endKey, this._handleEnd);
+        createMutationController(this, {
+            callback: this._handleItemsChange,
+            filter: [IgcDropdownItemComponent.tagName],
+            config: { childList: true, subtree: true },
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._observeTarget();
+        this._syncAnchorARIA();
+    }
+    disconnectedCallback() {
+        this._releaseTarget();
+        super.disconnectedCallback();
+    }
+    willUpdate(properties) {
+        if (!this.hasUpdated) {
+            return;
+        }
+        const openChanged = properties.has('open');
+        const strategyChanged = properties.has('scrollStrategy');
+        if (openChanged || properties.has('keepOpenOnOutsideClick')) {
+            this._rootClickController.update();
+        }
+        if (openChanged || strategyChanged) {
+            this._rootScrollController.update({ resetListeners: strategyChanged });
+        }
     }
     async firstUpdated() {
         await this.updateComplete;
@@ -94,98 +118,169 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
             this._selectItem(selected, false);
         }
     }
-    disconnectedCallback() {
-        this._targetListeners?.unsubscribe();
-        super.disconnectedCallback();
+    updated() {
+        this._syncAnchorARIA();
+    }
+    _handleItemsChange({ changes: { added, removed }, }) {
+        if (!this.hasUpdated || (isEmpty(added) && isEmpty(removed))) {
+            return;
+        }
+        const items = this.items;
+        if (this._selectedItem && !items.includes(this._selectedItem)) {
+            this._clearSelectedItem();
+        }
+        else if (this._activeItem && !items.includes(this._activeItem)) {
+            this._activateItem(this._selectedItem);
+        }
     }
-    handleListBoxClick(event) {
+    _handleListBoxClick(event) {
         const item = getElementFromPath(IgcDropdownItemComponent.tagName, event);
-        if (item && this._activeItems.includes(item)) {
+        if (item && !item.disabled) {
             this._selectItem(item);
         }
     }
-    handleChange(item) {
-        this.emitEvent('igcChange', { detail: item });
+    _handleAnchorClick() {
+        this._explicitTarget = undefined;
+        this._updateTarget();
+        super._handleAnchorClick();
     }
-    handleSlotChange() {
-        this._updateAnchorAccessibility();
+    _handleClosing() {
+        this._hide(true);
     }
-    onArrowUp() {
+    _handleArrowUp() {
         this._navigateToActiveItem(getPreviousActiveItem(this.items, this._activeItem));
     }
-    onArrowDown() {
+    _handleArrowDown() {
         this._navigateToActiveItem(getNextActiveItem(this.items, this._activeItem));
     }
-    onHomeKey() {
+    _handleHome() {
         this._navigateToActiveItem(this._activeItems.at(0));
     }
-    onEndKey() {
+    _handleEnd() {
         this._navigateToActiveItem(this._activeItems.at(-1));
     }
-    onTabKey() {
+    _handleTab() {
+        this._commitActiveItem();
+        this._hide(true);
+    }
+    _commitActiveItem() {
         if (this._activeItem) {
             this._selectItem(this._activeItem);
         }
-        if (this.open) {
-            this._hide(true);
-        }
-    }
-    onEscapeKey() {
-        this._hide(true);
-    }
-    onEnterKey() {
-        this._selectItem(this._activeItem);
-    }
-    handleClosing() {
-        this._hide(true);
     }
-    activateItem(item) {
-        if (this._activeItem) {
+    _activateItem(item) {
+        if (this._activeItem && this._activeItem !== item) {
             this._activeItem.active = false;
         }
         this._activeItem = item;
-        this._activeItem.active = true;
-    }
-    _navigateToActiveItem(item) {
         if (item) {
-            this.activateItem(item);
-            item.scrollIntoView({ behavior: 'auto', block: 'nearest' });
+            item.active = true;
         }
+        this._syncAnchorARIA();
     }
-    _selectItem(item, emit = true) {
-        if (this._selectedItem) {
+    _setSelectedItem(item) {
+        if (this._selectedItem && this._selectedItem !== item) {
             this._selectedItem.selected = false;
         }
-        this.activateItem(item);
         this._selectedItem = item;
-        this._selectedItem.selected = true;
-        if (emit)
-            this.handleChange(this._selectedItem);
-        if (emit && !this.keepOpenOnSelect)
-            this._hide(true);
+        item.selected = true;
+        this._activateItem(item);
+    }
+    _selectItem(item, emit = true) {
+        if (!item) {
+            this._clearSelectedItem();
+            return null;
+        }
+        const changed = this._selectedItem !== item;
+        changed ? this._setSelectedItem(item) : this._activateItem(item);
+        if (emit) {
+            if (changed) {
+                this.emitEvent('igcChange', { detail: item });
+            }
+            if (!this.keepOpenOnSelect) {
+                this._hide(true);
+            }
+        }
         return this._selectedItem;
     }
-    _updateAnchorAccessibility(anchor) {
-        const target = anchor ?? this.trigger.assignedElements({ flatten: true }).at(0);
-        if (target) {
-            target.setAttribute('aria-haspopup', 'true');
-            target.setAttribute('aria-expanded', this.open ? 'true' : 'false');
+    _clearSelectedItem() {
+        if (this._selectedItem) {
+            this._selectedItem.selected = false;
         }
+        this._selectedItem = null;
+        this._activateItem(null);
     }
-    getItem(value) {
-        return this.items.find((item) => item.value === value);
+    _navigateToActiveItem(item) {
+        if (!item) {
+            return;
+        }
+        this._activateItem(item);
+        if (this.open) {
+            item.scrollIntoView({ behavior: 'auto', block: 'nearest' });
+        }
+    }
+    _resolveItem(value) {
+        return isString(value)
+            ? this.items.find((item) => item.value === value)
+            : this.items[value];
     }
-    _setTarget(anchor) {
+    _updateTarget() {
+        const target = this._explicitTarget ?? this._slottedTarget;
+        if (target === this._target) {
+            return;
+        }
+        this._releaseTarget();
+        this._target = target;
+        this._rootClickController.update({ target });
+        this._observeTarget();
+        this._syncAnchorARIA();
+    }
+    _observeTarget() {
+        const target = this._target;
+        if (target && !this._targetListeners && !this.contains(target)) {
+            this._targetListeners = this._keyBindings.observeElement(target);
+        }
+    }
+    _setExplicitTarget(anchor) {
         const target = isString(anchor)
             ? getElementByIdFromRoot(this, anchor)
             : anchor;
-        this._target = target;
-        this._targetListeners = this._keyBindings.observeElement(target);
-        this._rootClickController.update({ target });
+        if (!target) {
+            return;
+        }
+        this._explicitTarget = target;
+        this._updateTarget();
+    }
+    _syncAnchorARIA() {
+        const anchor = this._target;
+        if (!anchor) {
+            return;
+        }
+        const active = this.open ? this._activeItem : null;
+        anchor.setAttribute('aria-haspopup', 'listbox');
+        anchor.setAttribute('aria-expanded', `${this.open}`);
+        if (active) {
+            active.id ||= nextItemId();
+            anchor.setAttribute('aria-activedescendant', active.id);
+        }
+        else {
+            anchor.removeAttribute('aria-activedescendant');
+        }
+    }
+    _releaseTarget() {
+        this._targetListeners?.unsubscribe();
+        this._targetListeners = undefined;
+        const anchor = this._target;
+        anchor?.removeAttribute('aria-haspopup');
+        anchor?.removeAttribute('aria-expanded');
+        anchor?.removeAttribute('aria-activedescendant');
     }
     async show(target) {
         if (target) {
-            this._setTarget(target);
+            this._setExplicitTarget(target);
+            if (!this._target) {
+                return false;
+            }
         }
         return super.show();
     }
@@ -193,21 +288,18 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
         return this.open ? this.hide() : this.show(target);
     }
     navigateTo(value) {
-        const item = isString(value) ? this.getItem(value) : this.items[value];
+        const item = this._resolveItem(value);
         if (item) {
             this._navigateToActiveItem(item);
         }
         return item ?? null;
     }
     select(value) {
-        const item = isString(value) ? this.getItem(value) : this.items[value];
+        const item = this._resolveItem(value);
         return item ? this._selectItem(item, false) : null;
     }
     clearSelection() {
-        if (this._selectedItem) {
-            this._selectedItem.selected = false;
-        }
-        this._selectedItem = null;
+        this._clearSelectedItem();
     }
     render() {
         return html `<igc-popover
@@ -224,9 +316,9 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
         name="target"
         slot="anchor"
         @click=${this._handleAnchorClick}
-        @slotchange=${this.handleSlotChange}
+        @slotchange=${this._updateTarget}
       ></slot>
-      <div part="base" @click=${this.handleListBoxClick} .inert=${!this.open}>
+      <div part="base" @click=${this._handleListBoxClick} .inert=${!this.open}>
         <div
           id="dropdown-list"
           role="listbox"
@@ -239,18 +331,12 @@ let IgcDropdownComponent = class IgcDropdownComponent extends EventEmitterMixin(
     </igc-popover>`;
     }
 };
-__decorate([
-    state()
-], IgcDropdownComponent.prototype, "_selectedItem", void 0);
-__decorate([
-    state()
-], IgcDropdownComponent.prototype, "_activeItem", void 0);
 __decorate([
     state()
 ], IgcDropdownComponent.prototype, "_target", void 0);
 __decorate([
-    query('slot[name="target"]', true)
-], IgcDropdownComponent.prototype, "trigger", void 0);
+    query('slot[name="target"]')
+], IgcDropdownComponent.prototype, "_targetSlot", void 0);
 __decorate([
     property()
 ], IgcDropdownComponent.prototype, "placement", void 0);
@@ -266,13 +352,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: 'same-width' })
 ], IgcDropdownComponent.prototype, "sameWidth", void 0);
-__decorate([
-    watch('scrollStrategy', { waitUntilFirstUpdate: true })
-], IgcDropdownComponent.prototype, "scrollStrategyChanged", null);
-__decorate([
-    watch('open', { waitUntilFirstUpdate: true }),
-    watch('keepOpenOnOutsideClick', { waitUntilFirstUpdate: true })
-], IgcDropdownComponent.prototype, "openStateChange", null);
 IgcDropdownComponent = IgcDropdownComponent_1 = __decorate([
     blazorAdditionalDependencies('IgcDropdownItemComponent, IgcDropdownHeaderComponent, IgcDropdownGroupComponent')
 ], IgcDropdownComponent);

package/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  enterKey,\n  escapeKey,\n  homeKey,\n  type KeyBindingController,\n  type KeyBindingObserverCleanup,\n  tabKey,\n} from '../common/controllers/key-bindings.js';\nimport { addRootClickController } from '../common/controllers/root-click.js';\nimport { addRootScrollHandler } from '../common/controllers/root-scroll.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  getActiveItems,\n  getItems,\n  getNextActiveItem,\n  getPreviousActiveItem,\n  IgcComboBoxBaseLikeComponent,\n  setInitialSelectionState,\n} from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n  getElementByIdFromRoot,\n  getElementFromPath,\n  isString,\n} from '../common/util.js';\nimport IgcPopoverComponent, {\n  type PopoverPlacement,\n} from '../popover/popover.js';\nimport type { PopoverScrollStrategy } from '../types.js';\nimport IgcDropdownGroupComponent from './dropdown-group.js';\nimport IgcDropdownHeaderComponent from './dropdown-header.js';\nimport IgcDropdownItemComponent from './dropdown-item.js';\nimport { all } from './themes/container.js';\nimport { styles } from './themes/dropdown.base.css.js';\nimport { styles as shared } from './themes/shared/dropdown.common.css.js';\n\nexport interface IgcDropdownComponentEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<IgcDropdownItemComponent>;\n}\n\n/**\n * Represents a DropDown component.\n *\n * @element igc-dropdown\n *\n * @fires igcChange - Emitted when the selected item changes.\n * @fires igcOpening - Emitted just before the dropdown is open.\n * @fires igcOpened - Emitted after the dropdown is open.\n * @fires igcClosing - Emitter just before the dropdown is closed.\n * @fires igcClosed - Emitted after closing the dropdown.\n *\n * @slot target - Renders the dropdown's target element.\n * @slot - Renders the dropdown list items.\n *\n * @csspart base - The dropdown list wrapper container.\n * @csspart list - The dropdown list element.\n */\n@blazorAdditionalDependencies(\n  'IgcDropdownItemComponent, IgcDropdownHeaderComponent, IgcDropdownGroupComponent'\n)\nexport default class IgcDropdownComponent extends EventEmitterMixin<\n  IgcDropdownComponentEventMap,\n  AbstractConstructor<IgcComboBoxBaseLikeComponent>\n>(IgcComboBoxBaseLikeComponent) {\n  public static readonly tagName = 'igc-dropdown';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcDropdownComponent,\n      IgcDropdownGroupComponent,\n      IgcDropdownHeaderComponent,\n      IgcDropdownItemComponent,\n      IgcPopoverComponent\n    );\n  }\n\n  private readonly _keyBindings: KeyBindingController;\n\n  private _rootScrollController = addRootScrollHandler(this, {\n    hideCallback: this.handleClosing,\n  });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this.handleClosing,\n    }\n  );\n\n  @state()\n  protected _selectedItem: IgcDropdownItemComponent | null = null;\n\n  @state()\n  protected _activeItem!: IgcDropdownItemComponent;\n\n  private get _activeItems() {\n    return Array.from(\n      getActiveItems<IgcDropdownItemComponent>(\n        this,\n        IgcDropdownItemComponent.tagName\n      )\n    );\n  }\n\n  private _targetListeners!: KeyBindingObserverCleanup;\n\n  @state()\n  private _target?: HTMLElement;\n\n  @query('slot[name=\"target\"]', true)\n  protected trigger!: HTMLSlotElement;\n\n  /** The preferred placement of the component around the target element.\n   * @attr\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * Determines the behavior of the component during scrolling of the parent container.\n   * @attr scroll-strategy\n   */\n  @property({ attribute: 'scroll-strategy' })\n  public scrollStrategy: PopoverScrollStrategy = 'scroll';\n\n  /**\n   * Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\n   * When true, once enough space is detected on its preferred side, it will flip back.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public flip = false;\n\n  /**\n   * The distance from the target element.\n   * @attr\n   */\n  @property({ type: Number })\n  public distance = 0;\n\n  /**\n   * Whether the dropdown's width should be the same as the target's one.\n   * @attr same-width\n   */\n  @property({ type: Boolean, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /** Returns the items of the dropdown. */\n  public get items() {\n    return Array.from(\n      getItems<IgcDropdownItemComponent>(this, IgcDropdownItemComponent.tagName)\n    );\n  }\n\n  /** Returns the group items of the dropdown. */\n  public get groups() {\n    return Array.from(\n      getItems<IgcDropdownGroupComponent>(\n        this,\n        IgcDropdownGroupComponent.tagName\n      )\n    );\n  }\n\n  /** Returns the selected item from the dropdown or null. */\n  public get selectedItem() {\n    return this._selectedItem;\n  }\n\n  @watch('scrollStrategy', { waitUntilFirstUpdate: true })\n  protected scrollStrategyChanged() {\n    this._rootScrollController.update({ resetListeners: true });\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  @watch('keepOpenOnOutsideClick', { waitUntilFirstUpdate: true })\n  protected openStateChange() {\n    this._updateAnchorAccessibility(this._target);\n    this._rootClickController.update();\n    this._rootScrollController.update();\n\n    if (!this.open) {\n      this._target = undefined;\n      this._targetListeners?.unsubscribe();\n      this._rootClickController.update({ target: undefined });\n    }\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    this._keyBindings = addKeybindings(this, {\n      skip: () => !this.open,\n      bindingDefaults: { preventDefault: true, repeat: true },\n    })\n      .set(tabKey, this.onTabKey, {\n        preventDefault: false,\n      })\n      .set(escapeKey, this.onEscapeKey)\n      .set(arrowUp, this.onArrowUp)\n      .set(arrowLeft, this.onArrowUp)\n      .set(arrowDown, this.onArrowDown)\n      .set(arrowRight, this.onArrowDown)\n      .set(enterKey, this.onEnterKey)\n      .set(homeKey, this.onHomeKey)\n      .set(endKey, this.onEndKey);\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n    const selected = setInitialSelectionState(this.items);\n    if (selected) {\n      this._selectItem(selected, false);\n    }\n  }\n\n  public override disconnectedCallback() {\n    this._targetListeners?.unsubscribe();\n    super.disconnectedCallback();\n  }\n\n  private handleListBoxClick(event: MouseEvent) {\n    const item = getElementFromPath(IgcDropdownItemComponent.tagName, event);\n    if (item && this._activeItems.includes(item)) {\n      this._selectItem(item);\n    }\n  }\n\n  private handleChange(item: IgcDropdownItemComponent) {\n    this.emitEvent('igcChange', { detail: item });\n  }\n\n  private handleSlotChange() {\n    this._updateAnchorAccessibility();\n  }\n\n  private onArrowUp() {\n    this._navigateToActiveItem(\n      getPreviousActiveItem(this.items, this._activeItem)\n    );\n  }\n\n  private onArrowDown() {\n    this._navigateToActiveItem(getNextActiveItem(this.items, this._activeItem));\n  }\n\n  protected onHomeKey() {\n    this._navigateToActiveItem(this._activeItems.at(0));\n  }\n\n  protected onEndKey() {\n    this._navigateToActiveItem(this._activeItems.at(-1));\n  }\n\n  protected onTabKey() {\n    if (this._activeItem) {\n      this._selectItem(this._activeItem);\n    }\n    if (this.open) {\n      this._hide(true);\n    }\n  }\n\n  protected onEscapeKey() {\n    this._hide(true);\n  }\n\n  protected onEnterKey() {\n    this._selectItem(this._activeItem);\n  }\n\n  protected handleClosing() {\n    this._hide(true);\n  }\n\n  private activateItem(item: IgcDropdownItemComponent) {\n    if (this._activeItem) {\n      this._activeItem.active = false;\n    }\n\n    this._activeItem = item;\n    this._activeItem.active = true;\n  }\n\n  private _navigateToActiveItem(item?: IgcDropdownItemComponent) {\n    if (item) {\n      this.activateItem(item);\n      item.scrollIntoView({ behavior: 'auto', block: 'nearest' });\n    }\n  }\n\n  private _selectItem(item: IgcDropdownItemComponent, emit = true) {\n    if (this._selectedItem) {\n      this._selectedItem.selected = false;\n    }\n\n    this.activateItem(item);\n    this._selectedItem = item;\n    this._selectedItem.selected = true;\n\n    if (emit) this.handleChange(this._selectedItem);\n    if (emit && !this.keepOpenOnSelect) this._hide(true);\n\n    return this._selectedItem;\n  }\n\n  private _updateAnchorAccessibility(anchor?: HTMLElement | null) {\n    const target =\n      anchor ?? this.trigger.assignedElements({ flatten: true }).at(0);\n\n    // Find tabbable elements ?\n    if (target) {\n      target.setAttribute('aria-haspopup', 'true');\n      target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  private getItem(value: string) {\n    return this.items.find((item) => item.value === value);\n  }\n\n  private _setTarget(anchor: HTMLElement | string) {\n    const target = isString(anchor)\n      ? getElementByIdFromRoot(this, anchor)!\n      : anchor;\n\n    this._target = target;\n    this._targetListeners = this._keyBindings.observeElement(target);\n    this._rootClickController.update({ target });\n  }\n\n  /* blazorSuppress */\n  /** Shows the component. */\n  public override async show(target?: HTMLElement | string): Promise<boolean> {\n    if (target) {\n      this._setTarget(target);\n    }\n    return super.show();\n  }\n\n  /* blazorSuppress */\n  /** Toggles the open state of the component. */\n  public override async toggle(\n    target?: HTMLElement | string\n  ): Promise<boolean> {\n    return this.open ? this.hide() : this.show(target);\n  }\n\n  /* blazorSuppress */\n  /** Navigates to the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(index: number): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the specified item. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string | number): IgcDropdownItemComponent | null {\n    const item = isString(value) ? this.getItem(value) : this.items[value];\n\n    if (item) {\n      this._navigateToActiveItem(item);\n    }\n\n    return item ?? null;\n  }\n\n  /* blazorSuppress */\n  /** Selects the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public select(value: string): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public select(index: number): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the specified item. If it exists, returns the found item, otherwise - null. */\n  public select(value: string | number): IgcDropdownItemComponent | null {\n    const item = isString(value) ? this.getItem(value) : this.items[value];\n    return item ? this._selectItem(item, false) : null;\n  }\n\n  /**  Clears the current selection of the dropdown. */\n  public clearSelection() {\n    if (this._selectedItem) {\n      this._selectedItem.selected = false;\n    }\n    this._selectedItem = null;\n  }\n\n  protected override render() {\n    return html`<igc-popover\n      ?open=${this.open}\n      ?flip=${this.flip}\n      ?same-width=${this.sameWidth}\n      .anchor=${this._target}\n      .offset=${this.distance}\n      .placement=${this.placement}\n      shift\n    >\n      <slot\n        id=\"dropdown-target\"\n        name=\"target\"\n        slot=\"anchor\"\n        @click=${this._handleAnchorClick}\n        @slotchange=${this.handleSlotChange}\n      ></slot>\n      <div part=\"base\" @click=${this.handleListBoxClick} .inert=${!this.open}>\n        <div\n          id=\"dropdown-list\"\n          role=\"listbox\"\n          part=\"list\"\n          aria-labelledby=\"dropdown-target\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    </igc-popover>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown': IgcDropdownComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  enterKey,\n  escapeKey,\n  homeKey,\n  type KeyBindingController,\n  type KeyBindingObserverCleanup,\n  tabKey,\n} from '#internals/controllers/key-bindings.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '#internals/controllers/mutation-observer.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addRootScrollHandler } from '#internals/controllers/root-scroll.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport {\n  getActiveItems,\n  getItems,\n  getNextActiveItem,\n  getPreviousActiveItem,\n  IgcComboBoxBaseLikeComponent,\n  setInitialSelectionState,\n} from '#internals/mixins/combo-box.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { getElementByIdFromRoot } from '#internals/utils/dom.js';\nimport { getElementFromPath } from '#internals/utils/events.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { isString } from '#internals/utils/types.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcPopoverComponent, {\n  type PopoverPlacement,\n} from '../popover/popover.js';\nimport type { PopoverScrollStrategy } from '../types.js';\nimport IgcDropdownGroupComponent from './dropdown-group.js';\nimport IgcDropdownHeaderComponent from './dropdown-header.js';\nimport IgcDropdownItemComponent from './dropdown-item.js';\nimport { all } from './themes/container.js';\nimport { styles } from './themes/dropdown.base.css.js';\nimport { styles as shared } from './themes/shared/dropdown.common.css.js';\n\nexport interface IgcDropdownComponentEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<IgcDropdownItemComponent>;\n}\n\nconst nextItemId = createIdGenerator('igc-dropdown-item');\n\n/**\n * Represents a Dropdown component.\n *\n * @element igc-dropdown\n *\n * @fires igcChange - Emitted when the selected item changes.\n * @fires igcOpening - Emitted just before the dropdown is opened.\n * @fires igcOpened - Emitted after the dropdown is opened.\n * @fires igcClosing - Emitter just before the dropdown is closed.\n * @fires igcClosed - Emitted after closing the dropdown.\n *\n * @slot target - Renders the dropdown's target element.\n * @slot - Renders the dropdown list items.\n *\n * @csspart base - The dropdown list wrapper container.\n * @csspart list - The dropdown list element.\n */\n@blazorAdditionalDependencies(\n  'IgcDropdownItemComponent, IgcDropdownHeaderComponent, IgcDropdownGroupComponent'\n)\nexport default class IgcDropdownComponent extends EventEmitterMixin<\n  IgcDropdownComponentEventMap,\n  AbstractConstructor<IgcComboBoxBaseLikeComponent>\n>(IgcComboBoxBaseLikeComponent) {\n  public static readonly tagName = 'igc-dropdown';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDropdownComponent,\n      IgcDropdownGroupComponent,\n      IgcDropdownHeaderComponent,\n      IgcDropdownItemComponent,\n      IgcPopoverComponent\n    );\n  }\n\n  //#region Internal state\n\n  private readonly _keyBindings: KeyBindingController;\n\n  private readonly _rootScrollController = addRootScrollHandler(this, {\n    hideCallback: this._handleClosing,\n  });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  private _selectedItem: IgcDropdownItemComponent | null = null;\n\n  /** The item keyboard navigation moves from. Only {@link _activateItem} assigns it. */\n  private _activeItem: IgcDropdownItemComponent | null = null;\n\n  /** The anchor passed to `show()` / `toggle()`, if any. */\n  private _explicitTarget?: HTMLElement;\n\n  /** The anchor in use - the popover is positioned against it. */\n  @state()\n  private _target?: HTMLElement;\n\n  private _targetListeners?: KeyBindingObserverCleanup;\n\n  @query('slot[name=\"target\"]')\n  private readonly _targetSlot!: HTMLSlotElement | null;\n\n  /** The element currently assigned to the `target` slot, if any. */\n  private get _slottedTarget(): HTMLElement | undefined {\n    const [target] =\n      this._targetSlot?.assignedElements({ flatten: true }) ?? [];\n    return target as HTMLElement | undefined;\n  }\n\n  private get _activeItems(): IgcDropdownItemComponent[] {\n    return Array.from(\n      getActiveItems<IgcDropdownItemComponent>(\n        this,\n        IgcDropdownItemComponent.tagName\n      )\n    );\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /** The preferred placement of the component around the target element.\n   * @attr\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * Determines the behavior of the component during scrolling of the parent container.\n   * @attr scroll-strategy\n   */\n  @property({ attribute: 'scroll-strategy' })\n  public scrollStrategy: PopoverScrollStrategy = 'scroll';\n\n  /**\n   * Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\n   * When true, once enough space is detected on its preferred side, it will flip back.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public flip = false;\n\n  /**\n   * The distance from the target element.\n   * @attr\n   */\n  @property({ type: Number })\n  public distance = 0;\n\n  /**\n   * Whether the dropdown's width should be the same as the target's one.\n   * @attr same-width\n   */\n  @property({ type: Boolean, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /** Returns the items of the dropdown. */\n  public get items(): IgcDropdownItemComponent[] {\n    return Array.from(\n      getItems<IgcDropdownItemComponent>(this, IgcDropdownItemComponent.tagName)\n    );\n  }\n\n  /** Returns the group items of the dropdown. */\n  public get groups(): IgcDropdownGroupComponent[] {\n    return Array.from(\n      getItems<IgcDropdownGroupComponent>(\n        this,\n        IgcDropdownGroupComponent.tagName\n      )\n    );\n  }\n\n  /** Returns the selected item from the dropdown or null. */\n  public get selectedItem(): IgcDropdownItemComponent | null {\n    return this._selectedItem;\n  }\n\n  //#endregion\n\n  //#region Life-cycle\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    this._keyBindings = addKeybindings(this, {\n      skip: () => !this.open,\n      bindingDefaults: { preventDefault: true, repeat: true },\n    })\n      .set(tabKey, this._handleTab, {\n        preventDefault: false,\n      })\n      .set(escapeKey, this._handleClosing)\n      .set(arrowUp, this._handleArrowUp)\n      .set(arrowLeft, this._handleArrowUp)\n      .set(arrowDown, this._handleArrowDown)\n      .set(arrowRight, this._handleArrowDown)\n      .set(enterKey, this._commitActiveItem)\n      .set(homeKey, this._handleHome)\n      .set(endKey, this._handleEnd);\n\n    createMutationController(this, {\n      callback: this._handleItemsChange,\n      filter: [IgcDropdownItemComponent.tagName],\n      config: { childList: true, subtree: true },\n    });\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    // Re-establish what `disconnectedCallback` tore down.\n    this._observeTarget();\n    this._syncAnchorARIA();\n  }\n\n  /** @internal */\n  public override disconnectedCallback(): void {\n    this._releaseTarget();\n    super.disconnectedCallback();\n  }\n\n  protected override willUpdate(properties: PropertyValues<this>): void {\n    if (!this.hasUpdated) {\n      return;\n    }\n\n    const openChanged = properties.has('open');\n    const strategyChanged = properties.has('scrollStrategy');\n\n    if (openChanged || properties.has('keepOpenOnOutsideClick')) {\n      this._rootClickController.update();\n    }\n\n    if (openChanged || strategyChanged) {\n      this._rootScrollController.update({ resetListeners: strategyChanged });\n    }\n  }\n\n  protected override async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    const selected = setInitialSelectionState(this.items);\n\n    if (selected) {\n      this._selectItem(selected, false);\n    }\n  }\n\n  protected override updated(): void {\n    this._syncAnchorARIA();\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  /**\n   * Re-resolves the selection whenever items enter or leave the light DOM -\n   * frameworks routinely render them after the initial paint, and a selected or\n   * navigated item may be taken out from under us.\n   */\n  private _handleItemsChange({\n    changes: { added, removed },\n  }: MutationControllerParams<IgcDropdownItemComponent>): void {\n    if (!this.hasUpdated || (isEmpty(added) && isEmpty(removed))) {\n      return;\n    }\n\n    const items = this.items;\n\n    if (this._selectedItem && !items.includes(this._selectedItem)) {\n      this._clearSelectedItem();\n    } else if (this._activeItem && !items.includes(this._activeItem)) {\n      this._activateItem(this._selectedItem);\n    }\n  }\n\n  private _handleListBoxClick(event: MouseEvent): void {\n    const item = getElementFromPath(IgcDropdownItemComponent.tagName, event);\n\n    if (item && !item.disabled) {\n      this._selectItem(item);\n    }\n  }\n\n  protected override _handleAnchorClick(): void {\n    // Opening through our own anchor hands the anchor role back to it.\n    this._explicitTarget = undefined;\n    this._updateTarget();\n\n    super._handleAnchorClick();\n  }\n\n  private _handleClosing(): void {\n    this._hide(true);\n  }\n\n  private _handleArrowUp(): void {\n    this._navigateToActiveItem(\n      getPreviousActiveItem(this.items, this._activeItem)\n    );\n  }\n\n  private _handleArrowDown(): void {\n    this._navigateToActiveItem(getNextActiveItem(this.items, this._activeItem));\n  }\n\n  private _handleHome(): void {\n    this._navigateToActiveItem(this._activeItems.at(0));\n  }\n\n  private _handleEnd(): void {\n    this._navigateToActiveItem(this._activeItems.at(-1));\n  }\n\n  private _handleTab(): void {\n    this._commitActiveItem();\n\n    // Tab commits and leaves, whatever `keepOpenOnSelect` says.\n    this._hide(true);\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  /** Selects the item navigation is on, if there is one. */\n  private _commitActiveItem(): void {\n    if (this._activeItem) {\n      this._selectItem(this._activeItem);\n    }\n  }\n\n  private _activateItem(item: IgcDropdownItemComponent | null): void {\n    if (this._activeItem && this._activeItem !== item) {\n      this._activeItem.active = false;\n    }\n\n    this._activeItem = item;\n\n    if (item) {\n      item.active = true;\n    }\n\n    this._syncAnchorARIA();\n  }\n\n  private _setSelectedItem(item: IgcDropdownItemComponent): void {\n    if (this._selectedItem && this._selectedItem !== item) {\n      this._selectedItem.selected = false;\n    }\n\n    this._selectedItem = item;\n    item.selected = true;\n    this._activateItem(item);\n  }\n\n  private _selectItem(\n    item?: IgcDropdownItemComponent | null,\n    emit = true\n  ): IgcDropdownItemComponent | null {\n    if (!item) {\n      this._clearSelectedItem();\n      return null;\n    }\n\n    // Re-selecting the current item is not a change, but still a commit.\n    const changed = this._selectedItem !== item;\n\n    changed ? this._setSelectedItem(item) : this._activateItem(item);\n\n    if (emit) {\n      if (changed) {\n        this.emitEvent('igcChange', { detail: item });\n      }\n\n      if (!this.keepOpenOnSelect) {\n        this._hide(true);\n      }\n    }\n\n    return this._selectedItem;\n  }\n\n  private _clearSelectedItem(): void {\n    if (this._selectedItem) {\n      this._selectedItem.selected = false;\n    }\n\n    this._selectedItem = null;\n    this._activateItem(null);\n  }\n\n  /** Highlights `item` and, while the list is open, brings it into view. */\n  private _navigateToActiveItem(item?: IgcDropdownItemComponent | null): void {\n    if (!item) {\n      return;\n    }\n\n    this._activateItem(item);\n\n    // Closed, the list is inert and off screen.\n    if (this.open) {\n      item.scrollIntoView({ behavior: 'auto', block: 'nearest' });\n    }\n  }\n\n  /** Resolves an item by its `value`, or by its index in {@link items}. */\n  private _resolveItem(\n    value: string | number\n  ): IgcDropdownItemComponent | undefined {\n    return isString(value)\n      ? this.items.find((item) => item.value === value)\n      : this.items[value];\n  }\n\n  /**\n   * Moves everything bound to the anchor - key event listeners, outside click\n   * exemption and ARIA - over to the one currently in effect.\n   */\n  private _updateTarget(): void {\n    const target = this._explicitTarget ?? this._slottedTarget;\n\n    if (target === this._target) {\n      return;\n    }\n\n    this._releaseTarget();\n\n    this._target = target;\n    this._rootClickController.update({ target });\n    this._observeTarget();\n    this._syncAnchorARIA();\n  }\n\n  /**\n   * Only an anchor outside of our own DOM needs listeners of its own - keyboard\n   * events on a slotted one already reach the host.\n   */\n  private _observeTarget(): void {\n    const target = this._target;\n\n    if (target && !this._targetListeners && !this.contains(target)) {\n      this._targetListeners = this._keyBindings.observeElement(target);\n    }\n  }\n\n  private _setExplicitTarget(anchor: HTMLElement | string): void {\n    const target = isString(anchor)\n      ? getElementByIdFromRoot(this, anchor)\n      : anchor;\n\n    // An id matching nothing leaves the current anchor in place.\n    if (!target) {\n      return;\n    }\n\n    this._explicitTarget = target;\n    this._updateTarget();\n  }\n\n  /**\n   * Publishes the popup state and the navigation position on the current anchor.\n   *\n   * `aria-activedescendant` goes on the anchor because that is what holds DOM\n   * focus - the list is never focused, since the key bindings are observed on\n   * the anchor itself. There is no `aria-controls` to go with it: the list it\n   * would name lives in this shadow root, which an IDREF cannot cross and ARIA\n   * element reflection only ever resolves out of, never into.\n   */\n  private _syncAnchorARIA(): void {\n    const anchor = this._target;\n\n    if (!anchor) {\n      return;\n    }\n\n    const active = this.open ? this._activeItem : null;\n\n    anchor.setAttribute('aria-haspopup', 'listbox');\n    anchor.setAttribute('aria-expanded', `${this.open}`);\n\n    if (active) {\n      // Items only need an id if they have none of their own\n      active.id ||= nextItemId();\n      anchor.setAttribute('aria-activedescendant', active.id);\n    } else {\n      anchor.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  /**\n   * Stops driving the current anchor: its key event listeners go, along with\n   * everything {@link _syncAnchorARIA} wrote onto it.\n   */\n  private _releaseTarget(): void {\n    this._targetListeners?.unsubscribe();\n    this._targetListeners = undefined;\n\n    const anchor = this._target;\n\n    anchor?.removeAttribute('aria-haspopup');\n    anchor?.removeAttribute('aria-expanded');\n    anchor?.removeAttribute('aria-activedescendant');\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /* blazorSuppress */\n  /** Shows the component. */\n  public override async show(target?: HTMLElement | string): Promise<boolean> {\n    if (target) {\n      this._setExplicitTarget(target);\n\n      // A target that resolves to nothing, with no anchor to fall back on,\n      // would open a list the popover cannot place - and so cannot show.\n      if (!this._target) {\n        return false;\n      }\n    }\n\n    return super.show();\n  }\n\n  /* blazorSuppress */\n  /** Toggles the open state of the component. */\n  public override async toggle(\n    target?: HTMLElement | string\n  ): Promise<boolean> {\n    return this.open ? this.hide() : this.show(target);\n  }\n\n  /* blazorSuppress */\n  /** Navigates to the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(index: number): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the specified item. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string | number): IgcDropdownItemComponent | null {\n    const item = this._resolveItem(value);\n\n    if (item) {\n      this._navigateToActiveItem(item);\n    }\n\n    return item ?? null;\n  }\n\n  /* blazorSuppress */\n  /** Selects the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public select(value: string): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public select(index: number): IgcDropdownItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the specified item. If it exists, returns the found item, otherwise - null. */\n  public select(value: string | number): IgcDropdownItemComponent | null {\n    const item = this._resolveItem(value);\n    return item ? this._selectItem(item, false) : null;\n  }\n\n  /**  Clears the current selection of the dropdown. */\n  public clearSelection(): void {\n    this._clearSelectedItem();\n  }\n\n  //#endregion\n\n  protected override render() {\n    return html`<igc-popover\n      ?open=${this.open}\n      ?flip=${this.flip}\n      ?same-width=${this.sameWidth}\n      .anchor=${this._target}\n      .offset=${this.distance}\n      .placement=${this.placement}\n      shift\n    >\n      <slot\n        id=\"dropdown-target\"\n        name=\"target\"\n        slot=\"anchor\"\n        @click=${this._handleAnchorClick}\n        @slotchange=${this._updateTarget}\n      ></slot>\n      <div part=\"base\" @click=${this._handleListBoxClick} .inert=${!this.open}>\n        <div\n          id=\"dropdown-list\"\n          role=\"listbox\"\n          part=\"list\"\n          aria-labelledby=\"dropdown-target\"\n        >\n          <slot></slot>\n        </div>\n      </div>\n    </igc-popover>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown': IgcDropdownComponent;\n  }\n}\n"]}

package/components/dropdown/themes/container.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/dropdown/themes/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/dropdown.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/dropdown.fluent.css.js';\nimport { styles as indigoDark } from './dark/dropdown.indigo.css.js';\nimport { styles as materialDark } from './dark/dropdown.material.css.js';\nimport { styles as sharedDark } from './dark/dropdown.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/dropdown.bootstrap.css.js';\nimport { styles as fluentLight } from './light/dropdown.fluent.css.js';\nimport { styles as indigoLight } from './light/dropdown.indigo.css.js';\nimport { styles as materialLight } from './light/dropdown.material.css.js';\nimport { styles as sharedLight } from './light/dropdown.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/dropdown.bootstrap.css.js';\nimport { styles as fluent } from './shared/dropdown.fluent.css.js';\nimport { styles as indigo } from './shared/dropdown.indigo.css.js';\nimport { styles as material } from './shared/dropdown.material.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/dropdown.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/dropdown.fluent.css.js';\nimport { styles as indigoDark } from './dark/dropdown.indigo.css.js';\nimport { styles as materialDark } from './dark/dropdown.material.css.js';\nimport { styles as sharedDark } from './dark/dropdown.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/dropdown.bootstrap.css.js';\nimport { styles as fluentLight } from './light/dropdown.fluent.css.js';\nimport { styles as indigoLight } from './light/dropdown.indigo.css.js';\nimport { styles as materialLight } from './light/dropdown.material.css.js';\nimport { styles as sharedLight } from './light/dropdown.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/dropdown.bootstrap.css.js';\nimport { styles as fluent } from './shared/dropdown.fluent.css.js';\nimport { styles as indigo } from './shared/dropdown.indigo.css.js';\nimport { styles as material } from './shared/dropdown.material.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/dropdown/themes/group.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/dropdown/themes/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAE/E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as fluent } from './shared/group/dropdown-group.fluent.css.js';\n\nconst light = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAE/E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Shared Styles\nimport { styles as fluent } from './shared/group/dropdown-group.fluent.css.js';\n\nconst light = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/dropdown/themes/header.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/dropdown/themes/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\nimport { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';\n// Shared Styles\nimport { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';\n\nconst light = {\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAEjF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\nimport { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';\n// Shared Styles\nimport { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';\n\nconst light = {\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/dropdown/themes/item.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/dropdown/themes/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/dropdown-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/dropdown-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/dropdown-item.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/dropdown-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/dropdown-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/dropdown-item.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}