@siemens/element-ng 47.1.0 → 47.3.0

package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs

@@ -0,0 +1,312 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Directive, input, booleanAttribute, signal, computed, contentChild, ChangeDetectorRef, ContentChildren, NgModule } from '@angular/core';
+import { ResizeObserverService } from '@siemens/element-ng/resize-observer';
+import { map, distinctUntilChanged, shareReplay, switchMap, startWith, auditTime } from 'rxjs/operators';
+import { BehaviorSubject, of, combineLatest } from 'rxjs';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutoCollapsableListMeasurable {
+    /** Emits on element width changes. */
+    size$;
+    elementRef = inject((ElementRef));
+    resizeObserverService = inject(ResizeObserverService);
+    ngAfterViewInit() {
+        this.size$ = this.resizeObserverService
+            .observe(this.elementRef.nativeElement, 0, true, true)
+            .pipe(map(size => size.width), distinctUntilChanged(), shareReplay(1));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListMeasurable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiAutoCollapsableListMeasurable, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListMeasurable, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutoCollapsableListItemDirective extends SiAutoCollapsableListMeasurable {
+    /**
+     * Hide this item even if enough space is available.
+     * When calculating the overall available size, this item is still considered when forceHide=true
+     *
+     * @defaultValue false
+     */
+    forceHide = input(false, { transform: booleanAttribute });
+    /**
+     * True if enough space is available for this item.
+     *
+     * @defaultValue false
+     */
+    canBeVisible = signal(false);
+    /**
+     * True if this item is actually visible to the user
+     */
+    isVisible = computed(() => this.canBeVisible() && !this.forceHide());
+    ngAfterViewInit() {
+        if (getComputedStyle(this.elementRef.nativeElement).display === 'inline') {
+            console.error('siAutoCollapsibleListItem does not work on items with display="inline"');
+        }
+        super.ngAfterViewInit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiAutoCollapsableListItemDirective, isStandalone: true, selector: "[siAutoCollapsableListItem]", inputs: { forceHide: { classPropertyName: "forceHide", publicName: "forceHide", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.visibility": "isVisible() ? \"visible\" : \"hidden\"", "style.position": "isVisible() ? \"\" : \"absolute\"", "style.z-index": "isVisible() ? \"\" : \"-1\"" } }, exportAs: ["siAutoCollapsableListItem"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siAutoCollapsableListItem]',
+                    exportAs: 'siAutoCollapsableListItem',
+                    host: {
+                        '[style.visibility]': 'isVisible() ? "visible" : "hidden"',
+                        '[style.position]': 'isVisible() ? "" : "absolute"',
+                        // Ensure hidden items are behind the visible ones. Otherwise, the visible ones are not clickable
+                        '[style.z-index]': 'isVisible() ? "" : "-1"'
+                    }
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutoCollapsableListAdditionalContentDirective extends SiAutoCollapsableListMeasurable {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListAdditionalContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiAutoCollapsableListAdditionalContentDirective, isStandalone: true, selector: "[siAutoCollapsableListAdditionalContent]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListAdditionalContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siAutoCollapsableListAdditionalContent]'
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutoCollapsableListOverflowItemDirective extends SiAutoCollapsableListItemDirective {
+    /**
+     * Number of hidden items.
+     *
+     * @defaultValue 0
+     */
+    hiddenItemCount = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListOverflowItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiAutoCollapsableListOverflowItemDirective, isStandalone: true, selector: "[siAutoCollapsableListOverflowItem]", exportAs: ["siAutoCollapsableListOverflowItem"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListOverflowItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siAutoCollapsableListOverflowItem]',
+                    exportAs: 'siAutoCollapsableListOverflowItem'
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutoCollapsableListDirective {
+    /**
+     * The items which are displayed in the siAutoCollapsableList.
+     */
+    items;
+    overflowItem = contentChild(SiAutoCollapsableListOverflowItemDirective);
+    additionalContent;
+    /** @defaultValue true */
+    siAutoCollapsableList = input(true, { transform: booleanAttribute });
+    /**
+     * The (flex) gap in pixels, will automatically be set if a pixel value is used in CSS.
+     */
+    gap = input();
+    /**
+     * The element which size is available for the content of the siAutoCollapsableList.
+     *
+     * @defaultValue undefined
+     */
+    containerElement = input(undefined, {
+        alias: 'siAutoCollapsableListContainerElement'
+    });
+    resizeSubscription;
+    disableInitSubscription;
+    elementRef = inject(ElementRef);
+    resizeObserverService = inject(ResizeObserverService);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    containerElementSubject = new BehaviorSubject(this.elementRef.nativeElement);
+    /**
+     * The same as {@link gap}, but automatically read from the computed styles.
+     * Used if not set by user.
+     */
+    computedGap = 0;
+    ngAfterViewInit() {
+        if (this.siAutoCollapsableList()) {
+            this.readGapSize();
+            this.setupResizeListener();
+        }
+        else {
+            this.reset();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes.siAutoCollapsableList) {
+            const siAutoCollapsableList = this.siAutoCollapsableList();
+            if (!siAutoCollapsableList && this.resizeSubscription) {
+                this.reset();
+            }
+            else if (siAutoCollapsableList && !this.resizeSubscription && this.items) {
+                this.setupResizeListener();
+            }
+        }
+        if (changes.containerElement) {
+            this.containerElementSubject.next(this.containerElement() ?? this.elementRef.nativeElement);
+        }
+    }
+    ngOnDestroy() {
+        this.resizeSubscription?.unsubscribe();
+        this.disableInitSubscription?.unsubscribe();
+        this.containerElementSubject.complete();
+    }
+    setupResizeListener() {
+        this.disableInitSubscription?.unsubscribe();
+        const containerSize$ = this.containerElementSubject.pipe(switchMap(element => this.resizeObserverService.observe(element, 0, true, true)), map(size => size.width), distinctUntilChanged(), map(size => {
+            const { paddingInlineStart, paddingInlineEnd } = getComputedStyle(this.containerElement() ?? this.elementRef.nativeElement);
+            return size - parseFloat(paddingInlineStart) - parseFloat(paddingInlineEnd);
+        }));
+        const itemSizes$ = this.items.changes.pipe(startWith(this.items), switchMap((items) => !items.length
+            ? of([])
+            : combineLatest(items.map(item => item.size$.pipe(map(size => ({
+                size,
+                directive: item
+            })))))));
+        const additionalContentSizes$ = this.additionalContent.changes.pipe(startWith(this.additionalContent), switchMap((additionalContent) => combineLatest(additionalContent.map(item => item.size$))), startWith([]));
+        this.resizeSubscription = combineLatest([
+            containerSize$,
+            this.overflowItem()?.size$ ?? of(0),
+            itemSizes$,
+            additionalContentSizes$
+        ])
+            .pipe(auditTime(0))
+            .subscribe(([containerSize, overflowItemSize, items, additionalContentSizes]) => this.updateItemVisibility(containerSize, overflowItemSize, items, additionalContentSizes));
+    }
+    updateItemVisibility(containerSize, overflowItemSize, items, additionalContent) {
+        let remainingSpace = containerSize - additionalContent.reduce((a, b) => a + b, 0);
+        const itemsRemaining = items.slice();
+        const gap = this.gap() ?? this.computedGap;
+        while (remainingSpace > 0 && itemsRemaining.length) {
+            const item = itemsRemaining.shift();
+            if (remainingSpace - item.size - gap - overflowItemSize >= 0) {
+                // There is space for the item and an overflow item.
+                item.directive.canBeVisible.set(true);
+                remainingSpace -= item.size + gap;
+            }
+            else if (!itemsRemaining.length &&
+                (remainingSpace - item.size >= 0 || overflowItemSize >= item.size)) {
+                // There are no other items remaining and there is enough space or the overflow item is biggger than the current one.
+                item.directive.canBeVisible.set(true);
+                remainingSpace = 0;
+            }
+            else {
+                // There is no space for the item.
+                remainingSpace = 0;
+                item.directive.canBeVisible.set(false);
+            }
+        }
+        itemsRemaining.forEach(item => item.directive.canBeVisible.set(false));
+        const overflowItem = this.overflowItem();
+        if (overflowItem) {
+            overflowItem.hiddenItemCount = this.items.filter(item => !item.canBeVisible()).length;
+            overflowItem.canBeVisible.set(overflowItem.hiddenItemCount !== 0);
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    reset() {
+        this.resizeSubscription?.unsubscribe();
+        this.resizeSubscription = undefined;
+        this.disableInitSubscription = this.items.changes.subscribe((items) => queueMicrotask(() => {
+            items.forEach(item => item.canBeVisible.set(true));
+        }));
+        this.items.notifyOnChanges();
+        const overflowItem = this.overflowItem();
+        if (overflowItem) {
+            queueMicrotask(() => {
+                overflowItem.canBeVisible.set(false);
+                overflowItem.hiddenItemCount = 0;
+            });
+        }
+    }
+    readGapSize() {
+        const { gap } = getComputedStyle(this.containerElement() ?? this.elementRef.nativeElement);
+        if (gap.endsWith('px') || gap === '0') {
+            this.computedGap = parseFloat(gap);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.6", type: SiAutoCollapsableListDirective, isStandalone: true, selector: "[siAutoCollapsableList]", inputs: { siAutoCollapsableList: { classPropertyName: "siAutoCollapsableList", publicName: "siAutoCollapsableList", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, containerElement: { classPropertyName: "containerElement", publicName: "siAutoCollapsableListContainerElement", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.overflow": "siAutoCollapsableList() ? \"hidden\" : \"\"" }, styleAttribute: "position: relative" }, queries: [{ propertyName: "overflowItem", first: true, predicate: SiAutoCollapsableListOverflowItemDirective, descendants: true, isSignal: true }, { propertyName: "items", predicate: SiAutoCollapsableListItemDirective }, { propertyName: "additionalContent", predicate: SiAutoCollapsableListAdditionalContentDirective }], exportAs: ["siAutoCollapsableList"], usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siAutoCollapsableList]',
+                    exportAs: 'siAutoCollapsableList',
+                    host: {
+                        style: 'position: relative',
+                        '[style.overflow]': 'siAutoCollapsableList() ? "hidden" : ""'
+                    }
+                }]
+        }], propDecorators: { items: [{
+                type: ContentChildren,
+                args: [SiAutoCollapsableListItemDirective]
+            }], additionalContent: [{
+                type: ContentChildren,
+                args: [SiAutoCollapsableListAdditionalContentDirective]
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutoCollapsableListModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListModule, imports: [SiAutoCollapsableListAdditionalContentDirective,
+            SiAutoCollapsableListDirective,
+            SiAutoCollapsableListItemDirective,
+            SiAutoCollapsableListOverflowItemDirective], exports: [SiAutoCollapsableListAdditionalContentDirective,
+            SiAutoCollapsableListDirective,
+            SiAutoCollapsableListItemDirective,
+            SiAutoCollapsableListOverflowItemDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutoCollapsableListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        SiAutoCollapsableListAdditionalContentDirective,
+                        SiAutoCollapsableListDirective,
+                        SiAutoCollapsableListItemDirective,
+                        SiAutoCollapsableListOverflowItemDirective
+                    ],
+                    exports: [
+                        SiAutoCollapsableListAdditionalContentDirective,
+                        SiAutoCollapsableListDirective,
+                        SiAutoCollapsableListItemDirective,
+                        SiAutoCollapsableListOverflowItemDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiAutoCollapsableListAdditionalContentDirective, SiAutoCollapsableListDirective, SiAutoCollapsableListItemDirective, SiAutoCollapsableListMeasurable, SiAutoCollapsableListModule, SiAutoCollapsableListOverflowItemDirective };
+//# sourceMappingURL=siemens-element-ng-auto-collapsable-list.mjs.map

package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-auto-collapsable-list.mjs","sources":["../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-measurable.class.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-item.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-additional-content.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-overflow-item.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list.module.ts","../../../../projects/element-ng/auto-collapsable-list/index.ts","../../../../projects/element-ng/auto-collapsable-list/siemens-element-ng-auto-collapsable-list.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { AfterViewInit, Directive, ElementRef, inject } from '@angular/core';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { Observable } from 'rxjs';\nimport { distinctUntilChanged, map, shareReplay } from 'rxjs/operators';\n\n@Directive()\nexport class SiAutoCollapsableListMeasurable implements AfterViewInit {\n  /** Emits on element width changes. */\n  size$!: Observable<number>;\n\n  protected readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly resizeObserverService = inject(ResizeObserverService);\n\n  ngAfterViewInit(): void {\n    this.size$ = this.resizeObserverService\n      .observe(this.elementRef.nativeElement, 0, true, true)\n      .pipe(\n        map(size => size.width),\n        distinctUntilChanged(),\n        shareReplay(1)\n      );\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { AfterViewInit, booleanAttribute, computed, Directive, input, signal } from '@angular/core';\n\nimport { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';\n\n@Directive({\n  selector: '[siAutoCollapsableListItem]',\n  exportAs: 'siAutoCollapsableListItem',\n  host: {\n    '[style.visibility]': 'isVisible() ? \"visible\" : \"hidden\"',\n    '[style.position]': 'isVisible() ? \"\" : \"absolute\"',\n    // Ensure hidden items are behind the visible ones. Otherwise, the visible ones are not clickable\n    '[style.z-index]': 'isVisible() ? \"\" : \"-1\"'\n  }\n})\nexport class SiAutoCollapsableListItemDirective\n  extends SiAutoCollapsableListMeasurable\n  implements AfterViewInit\n{\n  /**\n   * Hide this item even if enough space is available.\n   * When calculating the overall available size, this item is still considered when forceHide=true\n   *\n   * @defaultValue false\n   */\n  readonly forceHide = input(false, { transform: booleanAttribute });\n\n  /**\n   * True if enough space is available for this item.\n   *\n   * @defaultValue false\n   */\n  readonly canBeVisible = signal<boolean>(false);\n\n  /**\n   * True if this item is actually visible to the user\n   */\n  readonly isVisible = computed(() => this.canBeVisible() && !this.forceHide());\n\n  override ngAfterViewInit(): void {\n    if (getComputedStyle(this.elementRef.nativeElement).display === 'inline') {\n      console.error('siAutoCollapsibleListItem does not work on items with display=\"inline\"');\n    }\n    super.ngAfterViewInit();\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nimport { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';\n\n@Directive({\n  selector: '[siAutoCollapsableListAdditionalContent]'\n})\nexport class SiAutoCollapsableListAdditionalContentDirective extends SiAutoCollapsableListMeasurable {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\n\n@Directive({\n  selector: '[siAutoCollapsableListOverflowItem]',\n  exportAs: 'siAutoCollapsableListOverflowItem'\n})\nexport class SiAutoCollapsableListOverflowItemDirective extends SiAutoCollapsableListItemDirective {\n  /**\n   * Number of hidden items.\n   *\n   * @defaultValue 0\n   */\n  hiddenItemCount = 0;\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectorRef,\n  contentChild,\n  ContentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnChanges,\n  OnDestroy,\n  QueryList,\n  SimpleChanges\n} from '@angular/core';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { BehaviorSubject, combineLatest, of, Subscription } from 'rxjs';\nimport { auditTime, distinctUntilChanged, map, startWith, switchMap } from 'rxjs/operators';\n\nimport { SiAutoCollapsableListAdditionalContentDirective } from './si-auto-collapsable-list-additional-content.directive';\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\nimport { SiAutoCollapsableListOverflowItemDirective } from './si-auto-collapsable-list-overflow-item.directive';\n\n@Directive({\n  selector: '[siAutoCollapsableList]',\n  exportAs: 'siAutoCollapsableList',\n  host: {\n    style: 'position: relative',\n    '[style.overflow]': 'siAutoCollapsableList() ? \"hidden\" : \"\"'\n  }\n})\nexport class SiAutoCollapsableListDirective implements AfterViewInit, OnChanges, OnDestroy {\n  /**\n   * The items which are displayed in the siAutoCollapsableList.\n   */\n  @ContentChildren(SiAutoCollapsableListItemDirective)\n  items!: QueryList<SiAutoCollapsableListItemDirective>;\n\n  private readonly overflowItem = contentChild(SiAutoCollapsableListOverflowItemDirective);\n\n  @ContentChildren(SiAutoCollapsableListAdditionalContentDirective)\n  private additionalContent!: QueryList<SiAutoCollapsableListAdditionalContentDirective>;\n\n  /** @defaultValue true */\n  readonly siAutoCollapsableList = input(true, { transform: booleanAttribute });\n\n  /**\n   * The (flex) gap in pixels, will automatically be set if a pixel value is used in CSS.\n   */\n  readonly gap = input<number>();\n\n  /**\n   * The element which size is available for the content of the siAutoCollapsableList.\n   *\n   * @defaultValue undefined\n   */\n  readonly containerElement = input<HTMLElement | undefined | null>(undefined, {\n    alias: 'siAutoCollapsableListContainerElement'\n  });\n\n  private resizeSubscription?: Subscription;\n  private disableInitSubscription?: Subscription;\n  private readonly elementRef = inject(ElementRef);\n  private readonly resizeObserverService = inject(ResizeObserverService);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly containerElementSubject = new BehaviorSubject<HTMLElement | null>(\n    this.elementRef.nativeElement\n  );\n\n  /**\n   * The same as {@link gap}, but automatically read from the computed styles.\n   * Used if not set by user.\n   */\n  private computedGap = 0;\n\n  ngAfterViewInit(): void {\n    if (this.siAutoCollapsableList()) {\n      this.readGapSize();\n      this.setupResizeListener();\n    } else {\n      this.reset();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.siAutoCollapsableList) {\n      const siAutoCollapsableList = this.siAutoCollapsableList();\n      if (!siAutoCollapsableList && this.resizeSubscription) {\n        this.reset();\n      } else if (siAutoCollapsableList && !this.resizeSubscription && this.items) {\n        this.setupResizeListener();\n      }\n    }\n\n    if (changes.containerElement) {\n      this.containerElementSubject.next(this.containerElement() ?? this.elementRef.nativeElement);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubscription?.unsubscribe();\n    this.disableInitSubscription?.unsubscribe();\n    this.containerElementSubject.complete();\n  }\n\n  private setupResizeListener(): void {\n    this.disableInitSubscription?.unsubscribe();\n    const containerSize$ = this.containerElementSubject.pipe(\n      switchMap(element => this.resizeObserverService.observe(element!, 0, true, true)),\n      map(size => size.width),\n      distinctUntilChanged(),\n      map(size => {\n        const { paddingInlineStart, paddingInlineEnd } = getComputedStyle(\n          this.containerElement() ?? this.elementRef.nativeElement\n        );\n        return size - parseFloat(paddingInlineStart) - parseFloat(paddingInlineEnd);\n      })\n    );\n\n    const itemSizes$ = this.items.changes.pipe(\n      startWith(this.items),\n      switchMap((items: QueryList<SiAutoCollapsableListItemDirective>) =>\n        !items.length\n          ? of([])\n          : combineLatest(\n              items.map(item =>\n                item.size$.pipe(\n                  map(size => ({\n                    size,\n                    directive: item\n                  }))\n                )\n              )\n            )\n      )\n    );\n    const additionalContentSizes$ = this.additionalContent.changes.pipe(\n      startWith(this.additionalContent),\n      switchMap((additionalContent: QueryList<SiAutoCollapsableListAdditionalContentDirective>) =>\n        combineLatest(additionalContent.map(item => item.size$))\n      ),\n      startWith([])\n    );\n\n    this.resizeSubscription = combineLatest([\n      containerSize$,\n      this.overflowItem()?.size$ ?? of(0),\n      itemSizes$,\n      additionalContentSizes$\n    ])\n      .pipe(auditTime(0))\n      .subscribe(([containerSize, overflowItemSize, items, additionalContentSizes]) =>\n        this.updateItemVisibility(containerSize, overflowItemSize, items, additionalContentSizes)\n      );\n  }\n\n  private updateItemVisibility(\n    containerSize: number,\n    overflowItemSize: number,\n    items: { size: number; directive: SiAutoCollapsableListItemDirective }[],\n    additionalContent: number[]\n  ): void {\n    let remainingSpace = containerSize - additionalContent.reduce((a, b) => a + b, 0);\n\n    const itemsRemaining = items.slice();\n\n    const gap = this.gap() ?? this.computedGap;\n\n    while (remainingSpace > 0 && itemsRemaining.length) {\n      const item = itemsRemaining.shift()!;\n      if (remainingSpace - item.size - gap - overflowItemSize >= 0) {\n        // There is space for the item and an overflow item.\n        item.directive.canBeVisible.set(true);\n        remainingSpace -= item.size + gap;\n      } else if (\n        !itemsRemaining.length &&\n        (remainingSpace - item.size >= 0 || overflowItemSize >= item.size)\n      ) {\n        // There are no other items remaining and there is enough space or the overflow item is biggger than the current one.\n        item.directive.canBeVisible.set(true);\n        remainingSpace = 0;\n      } else {\n        // There is no space for the item.\n        remainingSpace = 0;\n        item.directive.canBeVisible.set(false);\n      }\n    }\n    itemsRemaining.forEach(item => item.directive.canBeVisible.set(false));\n\n    const overflowItem = this.overflowItem();\n    if (overflowItem) {\n      overflowItem.hiddenItemCount = this.items.filter(item => !item.canBeVisible()).length;\n      overflowItem.canBeVisible.set(overflowItem.hiddenItemCount !== 0);\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private reset(): void {\n    this.resizeSubscription?.unsubscribe();\n    this.resizeSubscription = undefined;\n    this.disableInitSubscription = this.items.changes.subscribe(\n      (items: QueryList<SiAutoCollapsableListItemDirective>) =>\n        queueMicrotask(() => {\n          items.forEach(item => item.canBeVisible.set(true));\n        })\n    );\n    this.items.notifyOnChanges();\n\n    const overflowItem = this.overflowItem();\n    if (overflowItem) {\n      queueMicrotask(() => {\n        overflowItem!.canBeVisible.set(false);\n        overflowItem!.hiddenItemCount = 0;\n      });\n    }\n  }\n\n  private readGapSize(): void {\n    const { gap } = getComputedStyle(this.containerElement() ?? this.elementRef.nativeElement);\n    if (gap.endsWith('px') || gap === '0') {\n      this.computedGap = parseFloat(gap);\n    }\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAutoCollapsableListAdditionalContentDirective } from './si-auto-collapsable-list-additional-content.directive';\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\nimport { SiAutoCollapsableListOverflowItemDirective } from './si-auto-collapsable-list-overflow-item.directive';\nimport { SiAutoCollapsableListDirective } from './si-auto-collapsable-list.directive';\n\n@NgModule({\n  imports: [\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective\n  ],\n  exports: [\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective\n  ]\n})\nexport class SiAutoCollapsableListModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-auto-collapsable-list-item.directive';\nexport * from './si-auto-collapsable-list.directive';\nexport * from './si-auto-collapsable-list-overflow-item.directive';\nexport * from './si-auto-collapsable-list-measurable.class';\nexport * from './si-auto-collapsable-list-additional-content.directive';\nexport * from './si-auto-collapsable-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-autocomplete.mjs

@@ -0,0 +1,235 @@
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, input, booleanAttribute, HostListener, HostBinding, Directive, output, ChangeDetectorRef, DestroyRef, ContentChildren, NgModule } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const AUTOCOMPLETE_LISTBOX = new InjectionToken('si-autocomplete-listbox');
+
+class SiAutocompleteOptionDirective {
+    static idCounter = 0;
+    element = inject(ElementRef);
+    parent = inject(AUTOCOMPLETE_LISTBOX);
+    /**
+     * @defaultValue
+     * ```
+     * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`
+     * ```
+     */
+    id = input(`__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`);
+    /** @defaultValue false */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });
+    get disabled() {
+        return this.disabledInput();
+    }
+    /** @defaultValue undefined */
+    value = input(undefined, { alias: 'siAutocompleteOption' });
+    active;
+    click() {
+        this.parent.siAutocompleteOptionSubmitted.emit(this.value());
+    }
+    /** @internal */
+    setActiveStyles() {
+        this.active = true;
+        this.element.nativeElement.scrollIntoView({ block: 'nearest' });
+    }
+    /** @internal */
+    setInactiveStyles() {
+        this.active = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiAutocompleteOptionDirective, isStandalone: true, selector: "[siAutocompleteOption]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "siAutocompleteOption", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, listeners: { "click": "click()" }, properties: { "id": "id()", "attr.aria-disabled": "disabledInput()", "class.active": "this.active" } }, exportAs: ["siAutocompleteOption"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteOptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siAutocompleteOption]',
+                    exportAs: 'siAutocompleteOption',
+                    host: {
+                        role: 'option',
+                        '[id]': 'id()',
+                        '[attr.aria-disabled]': 'disabledInput()'
+                    }
+                }]
+        }], propDecorators: { active: [{
+                type: HostBinding,
+                args: ['class.active']
+            }], click: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutocompleteListboxDirective {
+    static idCounter = 0;
+    options;
+    /**
+     * @defaultValue
+     * ```
+     * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`
+     * ```
+     */
+    id = input(`__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`);
+    autocomplete = input.required({
+        alias: 'siAutocompleteListboxFor'
+    });
+    /** @defaultValue 0 */
+    siAutocompleteDefaultIndex = input(0);
+    siAutocompleteOptionSubmitted = output();
+    keyManager;
+    changeDetectorRef = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    ngOnChanges(changes) {
+        if (changes.siAutocompleteDefaultIndex) {
+            if (!this.keyManager?.activeItem) {
+                this.setActiveItem();
+            }
+        }
+    }
+    ngOnInit() {
+        // For some reason, this is needed sometimes. Otherwise, one may get ExpressionChangedAfterItHasBeenCheckedError.
+        queueMicrotask(() => {
+            this.changeDetectorRef.markForCheck();
+            this.autocomplete().listbox = this;
+        });
+        this.destroyRef.onDestroy(() => {
+            this.autocomplete().listbox = undefined;
+        });
+    }
+    ngAfterContentInit() {
+        this.keyManager = new ActiveDescendantKeyManager(this.options)
+            .withWrap(true)
+            .withVerticalOrientation(true);
+        this.options.changes
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.setActiveItem());
+        this.setActiveItem();
+    }
+    setActiveItem() {
+        queueMicrotask(() => {
+            this.keyManager.setActiveItem(this.siAutocompleteDefaultIndex());
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    /** @internal */
+    onKeydown(event) {
+        if (event.ctrlKey && event.key === 'Enter') {
+            // [ctrl + enter] should submit and not select an option.
+            // Mainly needed for filtered-search.
+            return;
+        }
+        this.keyManager.onKeydown(event);
+        if (event.key === 'Enter' && this.keyManager.activeItem) {
+            this.siAutocompleteOptionSubmitted.emit(this.keyManager.activeItem.value());
+            // Something was selected. This should prevent everything else from happening, especially submitting the form.
+            event.stopImmediatePropagation();
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    get active() {
+        return this.keyManager?.activeItem ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteListboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiAutocompleteListboxDirective, isStandalone: true, selector: "[siAutocompleteListboxFor]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "siAutocompleteListboxFor", isSignal: true, isRequired: true, transformFunction: null }, siAutocompleteDefaultIndex: { classPropertyName: "siAutocompleteDefaultIndex", publicName: "siAutocompleteDefaultIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { siAutocompleteOptionSubmitted: "siAutocompleteOptionSubmitted" }, host: { attributes: { "role": "listbox" }, properties: { "id": "id()" } }, providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }], queries: [{ propertyName: "options", predicate: SiAutocompleteOptionDirective, descendants: true }], exportAs: ["siAutocompleteListbox"], usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteListboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siAutocompleteListboxFor]',
+                    exportAs: 'siAutocompleteListbox',
+                    providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }],
+                    host: {
+                        role: 'listbox',
+                        '[id]': 'id()'
+                    }
+                }]
+        }], propDecorators: { options: [{
+                type: ContentChildren,
+                args: [SiAutocompleteOptionDirective, { descendants: true }]
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutocompleteDirective {
+    /** @internal */
+    listbox;
+    get activeDescendant() {
+        return this.listbox?.active?.id() ?? '';
+    }
+    get ariaControls() {
+        return this.listbox?.id();
+    }
+    get expanded() {
+        return !!this.listbox;
+    }
+    keydown(event) {
+        this.listbox?.onKeydown(event);
+    }
+    get active() {
+        return this.listbox?.active;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiAutocompleteDirective, isStandalone: true, selector: "input[siAutocomplete]", host: { attributes: { "role": "combobox", "aria-autocomplete": "list" }, listeners: { "keydown": "keydown($event)" }, properties: { "attr.aria-activedescendant": "this.activeDescendant", "attr.aria-controls": "this.ariaControls", "attr.aria-expanded": "this.expanded" } }, exportAs: ["siAutocomplete"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[siAutocomplete]',
+                    exportAs: 'siAutocomplete',
+                    host: {
+                        role: 'combobox',
+                        'aria-autocomplete': 'list'
+                    }
+                }]
+        }], propDecorators: { activeDescendant: [{
+                type: HostBinding,
+                args: ['attr.aria-activedescendant']
+            }], ariaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], expanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], keydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiAutocompleteModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteModule, imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective], exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective],
+                    exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteModule, SiAutocompleteOptionDirective };
+//# sourceMappingURL=siemens-element-ng-autocomplete.mjs.map

package/fesm2022/siemens-element-ng-autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-autocomplete.mjs","sources":["../../../../projects/element-ng/autocomplete/si-autocomplete.model.ts","../../../../projects/element-ng/autocomplete/si-autocomplete-option.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete-listbox.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete.module.ts","../../../../projects/element-ng/autocomplete/index.ts","../../../../projects/element-ng/autocomplete/siemens-element-ng-autocomplete.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\n\nexport const AUTOCOMPLETE_LISTBOX = new InjectionToken<SiAutocompleteListboxDirective<unknown>>(\n  'si-autocomplete-listbox'\n);\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Highlightable } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  inject,\n  input\n} from '@angular/core';\n\nimport { AUTOCOMPLETE_LISTBOX } from './si-autocomplete.model';\n\n@Directive({\n  selector: '[siAutocompleteOption]',\n  exportAs: 'siAutocompleteOption',\n  host: {\n    role: 'option',\n    '[id]': 'id()',\n    '[attr.aria-disabled]': 'disabledInput()'\n  }\n})\nexport class SiAutocompleteOptionDirective<T = unknown> implements Highlightable {\n  private static idCounter = 0;\n  private element = inject<ElementRef<HTMLElement>>(ElementRef);\n  private parent = inject(AUTOCOMPLETE_LISTBOX);\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`);\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  get disabled(): boolean {\n    return this.disabledInput();\n  }\n  /** @defaultValue undefined */\n  readonly value = input<T>(undefined, { alias: 'siAutocompleteOption' });\n\n  @HostBinding('class.active') protected active?: boolean;\n\n  @HostListener('click')\n  protected click(): void {\n    this.parent.siAutocompleteOptionSubmitted.emit(this.value());\n  }\n\n  /** @internal */\n  setActiveStyles(): void {\n    this.active = true;\n    this.element.nativeElement.scrollIntoView({ block: 'nearest' });\n  }\n\n  /** @internal */\n  setInactiveStyles(): void {\n    this.active = false;\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport {\n  AfterContentInit,\n  ChangeDetectorRef,\n  ContentChildren,\n  DestroyRef,\n  Directive,\n  inject,\n  input,\n  OnChanges,\n  OnInit,\n  output,\n  QueryList,\n  SimpleChanges\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\nimport { SiAutocompleteDirective } from './si-autocomplete.directive';\nimport { AUTOCOMPLETE_LISTBOX } from './si-autocomplete.model';\n\n@Directive({\n  selector: '[siAutocompleteListboxFor]',\n  exportAs: 'siAutocompleteListbox',\n  providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }],\n  host: {\n    role: 'listbox',\n    '[id]': 'id()'\n  }\n})\nexport class SiAutocompleteListboxDirective<T> implements OnInit, OnChanges, AfterContentInit {\n  private static idCounter = 0;\n\n  @ContentChildren(SiAutocompleteOptionDirective, { descendants: true })\n  private options!: QueryList<SiAutocompleteOptionDirective<T>>;\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`);\n\n  readonly autocomplete = input.required<SiAutocompleteDirective<T>>({\n    alias: 'siAutocompleteListboxFor'\n  });\n\n  /** @defaultValue 0 */\n  readonly siAutocompleteDefaultIndex = input(0);\n\n  readonly siAutocompleteOptionSubmitted = output<T | undefined>();\n\n  private keyManager?: ActiveDescendantKeyManager<SiAutocompleteOptionDirective<T>>;\n\n  private changeDetectorRef = inject(ChangeDetectorRef);\n  private destroyRef = inject(DestroyRef);\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.siAutocompleteDefaultIndex) {\n      if (!this.keyManager?.activeItem) {\n        this.setActiveItem();\n      }\n    }\n  }\n\n  ngOnInit(): void {\n    // For some reason, this is needed sometimes. Otherwise, one may get ExpressionChangedAfterItHasBeenCheckedError.\n    queueMicrotask(() => {\n      this.changeDetectorRef.markForCheck();\n      this.autocomplete().listbox = this;\n    });\n    this.destroyRef.onDestroy(() => {\n      this.autocomplete().listbox = undefined;\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this.keyManager = new ActiveDescendantKeyManager(this.options)\n      .withWrap(true)\n      .withVerticalOrientation(true);\n\n    this.options.changes\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.setActiveItem());\n\n    this.setActiveItem();\n  }\n\n  private setActiveItem(): void {\n    queueMicrotask(() => {\n      this.keyManager!.setActiveItem(this.siAutocompleteDefaultIndex());\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  /** @internal */\n  onKeydown(event: KeyboardEvent): void {\n    if (event.ctrlKey && event.key === 'Enter') {\n      // [ctrl + enter] should submit and not select an option.\n      // Mainly needed for filtered-search.\n      return;\n    }\n    this.keyManager!.onKeydown(event);\n    if (event.key === 'Enter' && this.keyManager!.activeItem) {\n      this.siAutocompleteOptionSubmitted.emit(this.keyManager!.activeItem.value());\n      // Something was selected. This should prevent everything else from happening, especially submitting the form.\n      event.stopImmediatePropagation();\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  get active(): SiAutocompleteOptionDirective<T> | null {\n    return this.keyManager?.activeItem ?? null;\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, HostBinding, HostListener } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\n\n@Directive({\n  selector: 'input[siAutocomplete]',\n  exportAs: 'siAutocomplete',\n  host: {\n    role: 'combobox',\n    'aria-autocomplete': 'list'\n  }\n})\nexport class SiAutocompleteDirective<T> {\n  /** @internal */\n  listbox?: SiAutocompleteListboxDirective<T>;\n\n  @HostBinding('attr.aria-activedescendant')\n  protected get activeDescendant(): string {\n    return this.listbox?.active?.id() ?? '';\n  }\n\n  @HostBinding('attr.aria-controls')\n  protected get ariaControls(): string | undefined {\n    return this.listbox?.id();\n  }\n\n  @HostBinding('attr.aria-expanded')\n  protected get expanded(): boolean {\n    return !!this.listbox;\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected keydown(event: KeyboardEvent): void {\n    this.listbox?.onKeydown(event);\n  }\n\n  get active(): SiAutocompleteOptionDirective<T> | undefined | null {\n    return this.listbox?.active;\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\nimport { SiAutocompleteDirective } from './si-autocomplete.directive';\n\n@NgModule({\n  declarations: [],\n  imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective],\n  exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective]\n})\nexport class SiAutocompleteModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-autocomplete-listbox.directive';\nexport * from './si-autocomplete-option.directive';\nexport * from './si-autocomplete.directive';\nexport * from './si-autocomplete.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}