@apexara/ng-components 1.0.6-test.1 → 1.0.6-test.3

package/fesm2022/apexara-ng-components-listbox.mjs

@@ -1,20 +1,21 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, ViewChild, Component } from '@angular/core';
+import { EventEmitter, signal, HostListener, Output, Input, ViewChild, Component } from '@angular/core';
 import * as i1 from '@angular/cdk/scrolling';
 import { ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { fromEvent, tap, debounceTime } from 'rxjs';
+import { TouchedChangeEvent } from '@angular/forms';
+import { fromEvent, tap, debounceTime, filter } from 'rxjs';
 import { TooltipPosition, ApexTooltipDirective } from '@apexara/ng-components/tooltip';
 
 class ApexListboxComponent {
-    constructor(elementRef, changeDetectorRef) {
+    constructor(elementRef) {
         this.elementRef = elementRef;
-        this.changeDetectorRef = changeDetectorRef;
         this.listbox = null;
         this.virtualScroll = false;
         this.itemSize = 28; // Must match CSS row height of an item
         this.selectChange = new EventEmitter();
         this.tooltipPosition = TooltipPosition;
-        this.controlInvalid = false;
+        this.controlError = signal('', ...(ngDevMode ? [{ debugName: "controlError" }] : []));
+        this.controlInvalid = signal(false, ...(ngDevMode ? [{ debugName: "controlInvalid" }] : []));
         this.control = null;
         this.controlSubscription = null;
         this.documentKeyupValue = '';
@@ -27,14 +28,11 @@ class ApexListboxComponent {
         // Drag selection state
         this.dragSelecting = false;
         this.dragAnchorIndex = 0;
+        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
     }
     ngOnInit() {
         this.control = this.getControl();
-        this.selectedItems = new Array(this.options.data.length).fill(null);
-        if (!this.virtualScroll) {
-            this.changeDetectorRef.detach();
-        }
-        this.changeDetectorRef.detectChanges();
+        this.selectedItems.set(new Array(this.options.data.length).fill(null));
     }
     ngAfterViewInit() {
         this.documentKeyDownSubscription = fromEvent(this.elementRef.nativeElement, 'keydown')
@@ -48,12 +46,11 @@ class ApexListboxComponent {
         }
     }
     ngOnChanges(changes) {
-        if (changes['options'] && changes['options'].currentValue['data'] && this.selectedItems) {
-            this.selectedItems.length = 0;
+        if (changes['options'] && changes['options'].currentValue['data'] && this.selectedItems()) {
+            this.selectedItems.set([]);
             // Refresh virtual viewport if enabled
             setTimeout(() => {
                 this.cdkViewport?.checkViewportSize();
-                this.changeDetectorRef.detectChanges();
             });
         }
     }
@@ -180,45 +177,47 @@ class ApexListboxComponent {
     addSelectedItems(index) {
         const isIndexNumber = typeof index === 'number';
         this.lastSelectedItemIndex = isIndexNumber ? index : index.slice(-1)[0];
+        const items = [...this.selectedItems()];
         if (isIndexNumber) {
-            this.selectedItems[index] = this.options.data[index];
+            items[index] = this.options.data[index];
         }
         else {
             for (let i of index) {
-                this.selectedItems[i] = this.options.data[i];
+                items[i] = this.options.data[i];
             }
         }
+        this.selectedItems.set(items);
         if (this.control) {
-            this.control.setValue(this.selectedItems.filter(value => value !== null));
+            this.control.setValue(items.filter(value => value !== null));
         }
-        this.selectChange.emit(this.selectedItems.filter(Boolean));
-        this.changeDetectorRef.detectChanges();
+        this.selectChange.emit(items.filter(Boolean));
     }
     removeSelectedItems(index) {
         const isIndexNumber = typeof index === 'number';
+        const items = [...this.selectedItems()];
         if (isIndexNumber) {
-            this.selectedItems[index] = null;
+            items[index] = null;
         }
         else {
             for (let i of index) {
-                this.selectedItems[i] = null;
+                items[i] = null;
             }
         }
+        this.selectedItems.set(items);
         if (this.control) {
-            this.control?.setValue(this.selectedItems.filter(value => value !== null));
+            this.control?.setValue(items.filter(value => value !== null));
         }
-        this.selectChange.emit(this.selectedItems.filter(Boolean));
-        this.changeDetectorRef.detectChanges();
+        this.selectChange.emit(items.filter(Boolean));
     }
     clearAllSelections() {
-        this.selectedItems = new Array(this.options.data.length).fill(null);
+        this.selectedItems.set(new Array(this.options.data.length).fill(null));
         if (this.control) {
             this.control.setValue([]);
         }
         this.selectChange.emit([]);
     }
     isIndexSelected(index) {
-        return !!this.selectedItems[index];
+        return !!this.selectedItems()[index];
     }
     trackByIndex(index) { return index; }
     scrollIndexIntoView(index) {
@@ -250,35 +249,44 @@ class ApexListboxComponent {
                 this.checkIfControlInvalid(this.control);
                 this.getControlError(this.control);
             });
+            this.controlSubscription.add(this.options.formGroup.controls[this.options.formControlName].events
+                .pipe(filter(event => event instanceof TouchedChangeEvent))
+                .subscribe(() => {
+                if (!this.control) {
+                    return;
+                }
+                this.checkIfControlInvalid(this.control);
+                this.getControlError(this.control);
+            }));
             return this.options.formGroup.get(this.options.formControlName);
         }
         return null;
     }
     checkIfControlInvalid(control) {
-        this.controlInvalid = control.invalid;
+        this.controlInvalid.set(control.invalid);
     }
     getControlError(control) {
-        this.controlError = '';
+        this.controlError.set('');
         const options = this.options;
-        if (options.errors && this.controlInvalid) {
+        if (options.errors && this.controlInvalid()) {
             for (const error in options.errors) {
                 if (control.hasError(error)) {
-                    this.controlError = options.errors[error];
+                    this.controlError.set(options.errors[error]);
                     return;
                 }
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ApexListboxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ApexListboxComponent, isStandalone: true, selector: "apex-listbox", inputs: { options: "options", virtualScroll: "virtualScroll", itemSize: "itemSize" }, outputs: { selectChange: "selectChange" }, host: { listeners: { "document:mouseup": "mouseup()", "keyup": "keyup($event)" } }, viewQueries: [{ propertyName: "listbox", first: true, predicate: ["listbox"], descendants: true }, { propertyName: "cdkViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (options) {\n    <div class=\"listbox-header\">\n        @if (options.label) {\n            <label>{{ options.label }}</label>\n        }\n\n        @if (options.tooltip) {\n            <svg class=\"tooltip-icon\" [apexTooltip]=\"options.tooltip\" [tooltipPosition]=\"tooltipPosition.Above\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g>\n                    <path d=\"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 7.5H8V11h.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M8.25 5.25a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0z\" fill=\"#fff\"/>\n                </g>\n            </svg>\n        }\n    </div>\n\n    <div #listbox tabindex=\"0\" class=\"container\" [class.error]=\"controlInvalid\">\n        @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport class=\"cdk-listbox-viewport\" [itemSize]=\"itemSize\" [style.overflow-y]=\"shouldShowViewportScroll() ? 'auto' : 'hidden'\">\n                <div class=\"item\"\n                     *cdkVirtualFor=\"let data of options.data; let i = index; trackBy: trackByIndex\"\n                     [attr.value]=\"i\"\n                     [style.height.px]=\"itemSize\"\n                     [style.line-height.px]=\"itemSize\"\n                     [class.selected]=\"isIndexSelected(i)\"\n                     (mousedown)=\"mousedown(i)\"\n                     (mouseover)=\"mouseover(i)\">\n                    {{ data.label }}\n                </div>\n            </cdk-virtual-scroll-viewport>\n        } @else {\n            <div class=\"container-inner\">\n                @for (data of options.data; track data.value) {\n                    <div class=\"item\" [attr.value]=\"$index\" [style.height.px]=\"itemSize\" [style.line-height.px]=\"itemSize\" [class.selected]=\"isIndexSelected($index)\" (mousedown)=\"mousedown($index)\" (mouseover)=\"mouseover($index)\">\n                        {{ data.label }}\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <div class=\"footer\" [class.error]=\"controlInvalid\">\n        {{ controlError }}\n    </div>\n}\n", styles: [":host{width:fit-content}.container-inner:focus{outline:none}:host(.no-margin) .container{margin-top:0}.listbox-header{display:flex;align-items:center;justify-content:flex-start}label{font-size:14px;font-weight:600;color:var(--apex-listbox-label-color, default);padding:2px}.tooltip-icon path{fill:var(--apex-listbox-tooltip-icon-fill, transparent);stroke:var(--apex-listbox-tooltip-icon-stroke, #C6C6C6)}.container{min-width:264px;outline:none;box-sizing:border-box;color:var(--apex-listbox-item-color, #00000099);background-color:var(--apex-listbox-background-color, #FFFFFF);border:1px solid var(--apex-listbox-border-color, #F2F2F2);border-radius:8px;padding:2px}.container:hover,.container:focus{border-color:var(--apex-listbox-border-hover-color, #4B5368)}.container.error{border-color:var(--apex-listbox-border-invalid-color, #F96138)}.container-inner{height:224px;overflow-y:scroll;padding:0}.cdk-listbox-viewport{height:224px;overflow-y:auto;padding:0}.item{-webkit-user-select:none;user-select:none;font-size:14px;padding:0 4px;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer;z-index:1}.item.selected{color:var(--apex-listbox-item-selected-color, #F96138)}.item:after{width:5px;height:5px;position:absolute;top:50%;left:50%;content:\"\";background:#80808031;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-out}.item.selected:after{transform:translate(-50%,-50%) scale(50)}.footer{height:14px;font-size:12px;margin-top:2px}.footer.error{color:var(--apex-input-error-color, #F96138)}\n"], dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: ApexTooltipDirective, selector: "[apexTooltip]", inputs: ["apexTooltip", "tooltipPosition"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ApexListboxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ApexListboxComponent, isStandalone: true, selector: "apex-listbox", inputs: { options: "options", virtualScroll: "virtualScroll", itemSize: "itemSize" }, outputs: { selectChange: "selectChange" }, host: { listeners: { "document:mouseup": "mouseup()", "keyup": "keyup($event)" } }, viewQueries: [{ propertyName: "listbox", first: true, predicate: ["listbox"], descendants: true }, { propertyName: "cdkViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (options) {\n    <div class=\"listbox-header\">\n        @if (options.label) {\n            <label>{{ options.label }}</label>\n        }\n\n        @if (options.tooltip) {\n            <svg class=\"tooltip-icon\" [apexTooltip]=\"options.tooltip\" [tooltipPosition]=\"tooltipPosition.Above\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g>\n                    <path d=\"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 7.5H8V11h.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M8.25 5.25a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0z\" fill=\"#fff\"/>\n                </g>\n            </svg>\n        }\n    </div>\n\n    <div #listbox tabindex=\"0\" class=\"container\" [class.error]=\"controlInvalid()\">\n        @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport class=\"cdk-listbox-viewport\" [itemSize]=\"itemSize\" [style.overflow-y]=\"shouldShowViewportScroll() ? 'auto' : 'hidden'\">\n                <div class=\"item\"\n                     *cdkVirtualFor=\"let data of options.data; let i = index; trackBy: trackByIndex\"\n                     [attr.value]=\"i\"\n                     [style.height.px]=\"itemSize\"\n                     [style.line-height.px]=\"itemSize\"\n                     [class.selected]=\"isIndexSelected(i)\"\n                     (mousedown)=\"mousedown(i)\"\n                     (mouseover)=\"mouseover(i)\">\n                    {{ data.label }}\n                </div>\n            </cdk-virtual-scroll-viewport>\n        } @else {\n            <div class=\"container-inner\">\n                @for (data of options.data; track data.value) {\n                    <div class=\"item\" [attr.value]=\"$index\" [style.height.px]=\"itemSize\" [style.line-height.px]=\"itemSize\" [class.selected]=\"isIndexSelected($index)\" (mousedown)=\"mousedown($index)\" (mouseover)=\"mouseover($index)\">\n                        {{ data.label }}\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <div class=\"footer\" [class.error]=\"controlInvalid()\">\n        {{ controlError() }}\n    </div>\n}\n", styles: [":host{width:fit-content}.container-inner:focus{outline:none}:host(.no-margin) .container{margin-top:0}.listbox-header{display:flex;align-items:center;justify-content:flex-start}label{font-size:14px;font-weight:600;color:var(--apex-listbox-label-color, default);padding:2px}.tooltip-icon path{fill:var(--apex-listbox-tooltip-icon-fill, transparent);stroke:var(--apex-listbox-tooltip-icon-stroke, #C6C6C6)}.container{min-width:264px;outline:none;box-sizing:border-box;color:var(--apex-listbox-item-color, #00000099);background-color:var(--apex-listbox-background-color, #FFFFFF);border:1px solid var(--apex-listbox-border-color, #F2F2F2);border-radius:8px;padding:2px}.container:hover,.container:focus{border-color:var(--apex-listbox-border-hover-color, #4B5368)}.container.error{border-color:var(--apex-listbox-border-invalid-color, #F96138)}.container-inner{height:224px;overflow-y:scroll;padding:0}.cdk-listbox-viewport{height:224px;overflow-y:auto;padding:0}.item{-webkit-user-select:none;user-select:none;font-size:14px;padding:0 4px;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer;z-index:1}.item.selected{color:var(--apex-listbox-item-selected-color, #F96138)}.item:after{width:5px;height:5px;position:absolute;top:50%;left:50%;content:\"\";background:#80808031;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-out}.item.selected:after{transform:translate(-50%,-50%) scale(50)}.footer{height:14px;font-size:12px;margin-top:2px}.footer.error{color:var(--apex-input-error-color, #F96138)}\n"], dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: ApexTooltipDirective, selector: "[apexTooltip]", inputs: ["apexTooltip", "tooltipPosition"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ApexListboxComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'apex-listbox', imports: [
                         ScrollingModule,
                         ApexTooltipDirective,
-                    ], template: "@if (options) {\n    <div class=\"listbox-header\">\n        @if (options.label) {\n            <label>{{ options.label }}</label>\n        }\n\n        @if (options.tooltip) {\n            <svg class=\"tooltip-icon\" [apexTooltip]=\"options.tooltip\" [tooltipPosition]=\"tooltipPosition.Above\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g>\n                    <path d=\"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 7.5H8V11h.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M8.25 5.25a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0z\" fill=\"#fff\"/>\n                </g>\n            </svg>\n        }\n    </div>\n\n    <div #listbox tabindex=\"0\" class=\"container\" [class.error]=\"controlInvalid\">\n        @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport class=\"cdk-listbox-viewport\" [itemSize]=\"itemSize\" [style.overflow-y]=\"shouldShowViewportScroll() ? 'auto' : 'hidden'\">\n                <div class=\"item\"\n                     *cdkVirtualFor=\"let data of options.data; let i = index; trackBy: trackByIndex\"\n                     [attr.value]=\"i\"\n                     [style.height.px]=\"itemSize\"\n                     [style.line-height.px]=\"itemSize\"\n                     [class.selected]=\"isIndexSelected(i)\"\n                     (mousedown)=\"mousedown(i)\"\n                     (mouseover)=\"mouseover(i)\">\n                    {{ data.label }}\n                </div>\n            </cdk-virtual-scroll-viewport>\n        } @else {\n            <div class=\"container-inner\">\n                @for (data of options.data; track data.value) {\n                    <div class=\"item\" [attr.value]=\"$index\" [style.height.px]=\"itemSize\" [style.line-height.px]=\"itemSize\" [class.selected]=\"isIndexSelected($index)\" (mousedown)=\"mousedown($index)\" (mouseover)=\"mouseover($index)\">\n                        {{ data.label }}\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <div class=\"footer\" [class.error]=\"controlInvalid\">\n        {{ controlError }}\n    </div>\n}\n", styles: [":host{width:fit-content}.container-inner:focus{outline:none}:host(.no-margin) .container{margin-top:0}.listbox-header{display:flex;align-items:center;justify-content:flex-start}label{font-size:14px;font-weight:600;color:var(--apex-listbox-label-color, default);padding:2px}.tooltip-icon path{fill:var(--apex-listbox-tooltip-icon-fill, transparent);stroke:var(--apex-listbox-tooltip-icon-stroke, #C6C6C6)}.container{min-width:264px;outline:none;box-sizing:border-box;color:var(--apex-listbox-item-color, #00000099);background-color:var(--apex-listbox-background-color, #FFFFFF);border:1px solid var(--apex-listbox-border-color, #F2F2F2);border-radius:8px;padding:2px}.container:hover,.container:focus{border-color:var(--apex-listbox-border-hover-color, #4B5368)}.container.error{border-color:var(--apex-listbox-border-invalid-color, #F96138)}.container-inner{height:224px;overflow-y:scroll;padding:0}.cdk-listbox-viewport{height:224px;overflow-y:auto;padding:0}.item{-webkit-user-select:none;user-select:none;font-size:14px;padding:0 4px;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer;z-index:1}.item.selected{color:var(--apex-listbox-item-selected-color, #F96138)}.item:after{width:5px;height:5px;position:absolute;top:50%;left:50%;content:\"\";background:#80808031;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-out}.item.selected:after{transform:translate(-50%,-50%) scale(50)}.footer{height:14px;font-size:12px;margin-top:2px}.footer.error{color:var(--apex-input-error-color, #F96138)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { listbox: [{
+                    ], template: "@if (options) {\n    <div class=\"listbox-header\">\n        @if (options.label) {\n            <label>{{ options.label }}</label>\n        }\n\n        @if (options.tooltip) {\n            <svg class=\"tooltip-icon\" [apexTooltip]=\"options.tooltip\" [tooltipPosition]=\"tooltipPosition.Above\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g>\n                    <path d=\"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 7.5H8V11h.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M8.25 5.25a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0z\" fill=\"#fff\"/>\n                </g>\n            </svg>\n        }\n    </div>\n\n    <div #listbox tabindex=\"0\" class=\"container\" [class.error]=\"controlInvalid()\">\n        @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport class=\"cdk-listbox-viewport\" [itemSize]=\"itemSize\" [style.overflow-y]=\"shouldShowViewportScroll() ? 'auto' : 'hidden'\">\n                <div class=\"item\"\n                     *cdkVirtualFor=\"let data of options.data; let i = index; trackBy: trackByIndex\"\n                     [attr.value]=\"i\"\n                     [style.height.px]=\"itemSize\"\n                     [style.line-height.px]=\"itemSize\"\n                     [class.selected]=\"isIndexSelected(i)\"\n                     (mousedown)=\"mousedown(i)\"\n                     (mouseover)=\"mouseover(i)\">\n                    {{ data.label }}\n                </div>\n            </cdk-virtual-scroll-viewport>\n        } @else {\n            <div class=\"container-inner\">\n                @for (data of options.data; track data.value) {\n                    <div class=\"item\" [attr.value]=\"$index\" [style.height.px]=\"itemSize\" [style.line-height.px]=\"itemSize\" [class.selected]=\"isIndexSelected($index)\" (mousedown)=\"mousedown($index)\" (mouseover)=\"mouseover($index)\">\n                        {{ data.label }}\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <div class=\"footer\" [class.error]=\"controlInvalid()\">\n        {{ controlError() }}\n    </div>\n}\n", styles: [":host{width:fit-content}.container-inner:focus{outline:none}:host(.no-margin) .container{margin-top:0}.listbox-header{display:flex;align-items:center;justify-content:flex-start}label{font-size:14px;font-weight:600;color:var(--apex-listbox-label-color, default);padding:2px}.tooltip-icon path{fill:var(--apex-listbox-tooltip-icon-fill, transparent);stroke:var(--apex-listbox-tooltip-icon-stroke, #C6C6C6)}.container{min-width:264px;outline:none;box-sizing:border-box;color:var(--apex-listbox-item-color, #00000099);background-color:var(--apex-listbox-background-color, #FFFFFF);border:1px solid var(--apex-listbox-border-color, #F2F2F2);border-radius:8px;padding:2px}.container:hover,.container:focus{border-color:var(--apex-listbox-border-hover-color, #4B5368)}.container.error{border-color:var(--apex-listbox-border-invalid-color, #F96138)}.container-inner{height:224px;overflow-y:scroll;padding:0}.cdk-listbox-viewport{height:224px;overflow-y:auto;padding:0}.item{-webkit-user-select:none;user-select:none;font-size:14px;padding:0 4px;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer;z-index:1}.item.selected{color:var(--apex-listbox-item-selected-color, #F96138)}.item:after{width:5px;height:5px;position:absolute;top:50%;left:50%;content:\"\";background:#80808031;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-out}.item.selected:after{transform:translate(-50%,-50%) scale(50)}.footer{height:14px;font-size:12px;margin-top:2px}.footer.error{color:var(--apex-input-error-color, #F96138)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { listbox: [{
                 type: ViewChild,
                 args: ['listbox']
             }], cdkViewport: [{

package/fesm2022/apexara-ng-components-listbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"apexara-ng-components-listbox.mjs","sources":["../../../../projects/apexara/ng-components/listbox/src/listbox.component.ts","../../../../projects/apexara/ng-components/listbox/src/listbox.component.html","../../../../projects/apexara/ng-components/listbox/apexara-ng-components-listbox.ts"],"sourcesContent":["import { Component, SimpleChanges, ViewChild, ElementRef, ChangeDetectorRef, Input, Output, EventEmitter, HostListener } from '@angular/core';\nimport { ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport { FormGroup, AbstractControl } from '@angular/forms';\n\nimport { Subscription, debounceTime, fromEvent, tap } from 'rxjs';\n\nimport { ApexSelectData } from '@apexara/ng-components/select';\nimport { ApexControlErrors } from '@apexara/ng-components/input';\nimport { ApexTooltipDirective, TooltipPosition } from '@apexara/ng-components/tooltip';\n\nexport interface ApexListBoxOptions {\n  data: ApexSelectData[];\n  label?: string;\n  tooltip?: string;\n  formGroup?: FormGroup;\n  formControlName?: string;\n  errors?: ApexControlErrors;\n}\n\n@Component({\n  standalone: true,\n  selector: 'apex-listbox',\n  templateUrl: './listbox.component.html',\n  styleUrls: ['./listbox.component.css'],\n  imports: [\n    ScrollingModule,\n    ApexTooltipDirective,\n  ]\n})\n\nexport class ApexListboxComponent {\n\n  constructor (\n    private elementRef: ElementRef,\n    private changeDetectorRef: ChangeDetectorRef) {\n  }\n\n  @ViewChild('listbox') listbox: ElementRef<HTMLDivElement> | null = null;\n  @ViewChild(CdkVirtualScrollViewport) cdkViewport?: CdkVirtualScrollViewport;\n\n  @Input() options!: ApexListBoxOptions;\n\n  @Input() virtualScroll: boolean = false;\n  @Input() itemSize: number = 28; // Must match CSS row height of an item\n\n  @Output() selectChange = new EventEmitter<ApexSelectData[]>();\n\n  public tooltipPosition = TooltipPosition;\n\n  public controlError!: string;\n  public controlInvalid = false;\n  public control: AbstractControl | null = null;  \n  public controlSubscription: Subscription | null = null;\n\n  private documentKeyupValue = '';\n  private documentKeyupValueResetTime = 1000;\n  private documentKeyDownSubscription!: Subscription;\n\n  private isMetaHold = false;\n  private isShiftHold = false;\n\n  private listHeight: number = 224; // Default matches CSS\n\n  private lastSelectedItemIndex = 0;\n  private lastSelectedItemIndexOnShiftHold = 0;\n\n  // Drag selection state\n  private dragSelecting = false;\n  private dragAnchorIndex = 0;\n\n  private selectedItems!: (ApexSelectData | null)[];\n\n  public ngOnInit(): void {\n    this.control = this.getControl();\n  \n    this.selectedItems = new Array(this.options.data.length).fill(null);\n\n    if (!this.virtualScroll) {\n      this.changeDetectorRef.detach();\n    }\n\n    this.changeDetectorRef.detectChanges();\n  }\n\n  public ngAfterViewInit(): void {\n    this.documentKeyDownSubscription = fromEvent<KeyboardEvent>(this.elementRef.nativeElement, 'keydown')\n      .pipe(\n        tap(event => { this.keydown(event) }),\n        debounceTime(this.documentKeyupValueResetTime))\n      .subscribe(() => { this.documentKeyupValue = '' });\n  }\n\n  public ngOnDestroy(): void {\n    this.documentKeyDownSubscription.unsubscribe();\n\n    if (this.controlSubscription) {\n      this.controlSubscription?.unsubscribe();\n    }\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes['options'] && changes['options'].currentValue['data'] && this.selectedItems) {\n      this.selectedItems.length = 0;\n\n      // Refresh virtual viewport if enabled\n      setTimeout(() => {\n        this.cdkViewport?.checkViewportSize();\n        this.changeDetectorRef.detectChanges();\n      });\n    }\n  }\n\n  public mousedown(index: number): void {\n    this.dragSelecting = true;\n    this.dragAnchorIndex = index;\n\n    if (this.isShiftHold) {\n      const max = Math.max(index, this.lastSelectedItemIndexOnShiftHold);\n      const min = Math.min(index, this.lastSelectedItemIndexOnShiftHold);\n\n      const indices = [] as number[];\n\n      for (let i = min; i <= max; i++) { indices.push(i); }\n\n      this.clearAllSelections();\n      this.addSelectedItems(indices);\n      return;\n    }\n\n    if (this.isMetaHold) {\n      if (this.isIndexSelected(index)) {\n        this.removeSelectedItems(index);\n      } else {\n        this.addSelectedItems(index);\n      }\n      return;\n    }\n\n    this.clearAllSelections();\n    this.addSelectedItems(index);\n  }\n\n  @HostListener('document:mouseup')\n  public mouseup(): void {\n    this.dragSelecting = false;\n  }\n\n  @HostListener('keyup', ['$event'])\n  public keyup(event: KeyboardEvent): void {\n    if (event.code.toLowerCase().includes('shift')) {\n      this.isShiftHold = false;\n\n      return;\n    }\n\n    if (event.code.toLowerCase().includes('meta') || event.code.toLowerCase().includes('control')) {\n      this.isMetaHold = false;\n    }\n  }\n\n  public mouseover(index: number): void {\n    if (!this.dragSelecting || this.isMetaHold || this.isShiftHold) {\n      return;\n    }\n\n    const min = Math.min(this.dragAnchorIndex, index);\n    const max = Math.max(this.dragAnchorIndex, index);\n\n    const indices: number[] = [];\n    for (let i = min; i <= max; i++) { indices.push(i); }\n\n    this.clearAllSelections();\n    this.addSelectedItems(indices);\n  }\n\n  private keydown(event: KeyboardEvent): void {\n    if ((document.activeElement !== this.listbox?.nativeElement) && (document.activeElement !== this.listbox?.nativeElement.childNodes[0])) {\n      return;\n    }\n\n    if (event.code.toLowerCase().includes('shift')) {\n      this.isShiftHold = true;\n      this.lastSelectedItemIndexOnShiftHold = this.lastSelectedItemIndex;\n    }\n\n    if (event.code.toLowerCase().includes('meta') || event.code.toLowerCase().includes('control')) {\n      this.isMetaHold = true;\n    }\n\n    if (event.code.toLowerCase().includes('arrowdown')) {\n      event.preventDefault();\n\n      this.documentArrowsKeyup(true);\n\n      return;\n    }\n\n    if (event.code.toLowerCase().includes('arrowup')) {\n      event.preventDefault();\n\n      this.documentArrowsKeyup(false);\n\n      return;\n    }\n\n    this.documentKeyup(event);\n  }\n\n  private documentArrowsKeyup(isDownArrow: boolean): void {\n    const dataLength = this.options.data.length;\n\n    let newIndex = isDownArrow ? this.lastSelectedItemIndex + 1 : this.lastSelectedItemIndex - 1;\n\n    if (this.isShiftHold) {\n      if (newIndex < 0 || newIndex === dataLength) {\n        return;\n      }\n\n      if (this.isIndexSelected(newIndex)) {\n        const indexForDeselect = isDownArrow ? newIndex - 1 : newIndex + 1;\n        this.removeSelectedItems(indexForDeselect);\n      } else {\n        this.addSelectedItems(newIndex);\n      }\n\n      this.lastSelectedItemIndex = newIndex;\n      this.scrollIndexIntoView(newIndex);\n\n      return;\n    }\n\n    this.clearAllSelections();\n\n    newIndex = newIndex < 0 ? 0 : newIndex;\n    newIndex = newIndex >= dataLength ? dataLength - 1 : newIndex;\n\n    this.addSelectedItems(newIndex);\n    this.scrollIndexIntoView(newIndex);\n  }\n\n  private documentKeyup(event: KeyboardEvent): void {\n    if (this.isMetaHold && event.key.toLowerCase() === 'a') {\n      event.preventDefault();\n\n      const itemsToAdd = [...this.options.data.keys()];\n      this.addSelectedItems(itemsToAdd);\n\n      return;\n    }\n\n    this.documentKeyupValue = this.documentKeyupValue + event.key.toLowerCase();\n\n    let newIndex: number | null = null;\n\n    for (let i = 0; i < this.options.data.length; i++) {\n      const subLabel = this.options.data[i].label.substring(0, this.documentKeyupValue.length).toLowerCase();\n\n      if (subLabel === this.documentKeyupValue) {\n        newIndex = i;\n\n        break;\n      }\n    }\n\n    if (newIndex !== null) {\n      this.clearAllSelections();\n      this.addSelectedItems(newIndex);\n      this.scrollIndexIntoView(newIndex);\n    }\n  }\n\n  private addSelectedItems(index: number | number[]) {\n    const isIndexNumber = typeof index === 'number';\n\n    this.lastSelectedItemIndex = isIndexNumber ? index : index.slice(-1)[0];\n\n    if (isIndexNumber) {\n      this.selectedItems[index] = this.options.data[index];\n    } else {\n      for (let i of index) {\n        this.selectedItems[i] = this.options.data[i];\n      }\n    }\n\n    if (this.control) {\n      this.control.setValue(this.selectedItems.filter(value => value !== null));\n    }\n\n    this.selectChange.emit(this.selectedItems.filter(Boolean) as ApexSelectData[]);\n\n    this.changeDetectorRef.detectChanges();\n  }\n\n  private removeSelectedItems(index: number | number[]) {\n    const isIndexNumber = typeof index === 'number';\n\n    if (isIndexNumber) {\n      this.selectedItems[index] = null;\n    } else {\n      for (let i of index) {\n        this.selectedItems[i] = null;\n      }\n    }\n\n    if (this.control) {\n      this.control?.setValue(this.selectedItems.filter(value => value !== null));\n    }\n\n    this.selectChange.emit(this.selectedItems.filter(Boolean) as ApexSelectData[]);\n\n    this.changeDetectorRef.detectChanges();\n  }\n\n  private clearAllSelections(): void {\n    this.selectedItems = new Array(this.options.data.length).fill(null);\n\n    if (this.control) {\n      this.control.setValue([]);\n    }\n\n    this.selectChange.emit([]);\n  }\n\n  public isIndexSelected(index: number): boolean {\n    return !!this.selectedItems[index];\n  }\n\n  public trackByIndex(index: number): number { return index; }\n\n  private scrollIndexIntoView(index: number): void {\n    if (this.virtualScroll && this.cdkViewport) {\n      this.cdkViewport.scrollToIndex(index, 'smooth');\n      return;\n    }\n\n    const container = this.listbox?.nativeElement;\n\n    if (!container) {\n      return;\n    }\n\n    const target = container.querySelector(`.item[value=\"${index}\"]`);\n    target?.scrollIntoView({ block: 'nearest' });\n  }\n\n  public shouldShowViewportScroll(): boolean {\n    if (!this.virtualScroll) {\n      return false;\n    }\n\n    const renderedCount = this.options?.data ? this.options.data.length : 0;\n\n    const rowsHeight = this.itemSize * renderedCount;\n\n    return rowsHeight > this.listHeight;\n  }\n\n  private getControl(): AbstractControl | null {\n    if (this.options.formGroup && this.options.formControlName) {\n      this.controlSubscription = this.options.formGroup.controls[this.options.formControlName].valueChanges.subscribe(() => {\n        if (!this.control) {\n          return;\n        }\n  \n        this.checkIfControlInvalid(this.control);\n\n        this.getControlError(this.control);\n      });\n\n      return this.options.formGroup.get(this.options.formControlName);\n    }\n  \n    return null;\n  }\n\n  private checkIfControlInvalid(control: AbstractControl): void {\n    this.controlInvalid = control.invalid;\n  }\n\n  private getControlError(control: AbstractControl): void {\n    this.controlError = '';\n\n    const options = this.options!;\n\n    if (options.errors && this.controlInvalid) {\n      for (const error in options.errors) {\n        if (control.hasError(error)) {\n          this.controlError = options.errors[error];\n\n          return;\n        }\n      }\n\n    }\n  }\n\n}\n","@if (options) {\n    <div class=\"listbox-header\">\n        @if (options.label) {\n            <label>{{ options.label }}</label>\n        }\n\n        @if (options.tooltip) {\n            <svg class=\"tooltip-icon\" [apexTooltip]=\"options.tooltip\" [tooltipPosition]=\"tooltipPosition.Above\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g>\n                    <path d=\"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 7.5H8V11h.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M8.25 5.25a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0z\" fill=\"#fff\"/>\n                </g>\n            </svg>\n        }\n    </div>\n\n    <div #listbox tabindex=\"0\" class=\"container\" [class.error]=\"controlInvalid\">\n        @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport class=\"cdk-listbox-viewport\" [itemSize]=\"itemSize\" [style.overflow-y]=\"shouldShowViewportScroll() ? 'auto' : 'hidden'\">\n                <div class=\"item\"\n                     *cdkVirtualFor=\"let data of options.data; let i = index; trackBy: trackByIndex\"\n                     [attr.value]=\"i\"\n                     [style.height.px]=\"itemSize\"\n                     [style.line-height.px]=\"itemSize\"\n                     [class.selected]=\"isIndexSelected(i)\"\n                     (mousedown)=\"mousedown(i)\"\n                     (mouseover)=\"mouseover(i)\">\n                    {{ data.label }}\n                </div>\n            </cdk-virtual-scroll-viewport>\n        } @else {\n            <div class=\"container-inner\">\n                @for (data of options.data; track data.value) {\n                    <div class=\"item\" [attr.value]=\"$index\" [style.height.px]=\"itemSize\" [style.line-height.px]=\"itemSize\" [class.selected]=\"isIndexSelected($index)\" (mousedown)=\"mousedown($index)\" (mouseover)=\"mouseover($index)\">\n                        {{ data.label }}\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <div class=\"footer\" [class.error]=\"controlInvalid\">\n        {{ controlError }}\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"apexara-ng-components-listbox.mjs","sources":["../../../../projects/apexara/ng-components/listbox/src/listbox.component.ts","../../../../projects/apexara/ng-components/listbox/src/listbox.component.html","../../../../projects/apexara/ng-components/listbox/apexara-ng-components-listbox.ts"],"sourcesContent":["import { Component, SimpleChanges, ViewChild, ElementRef, Input, Output, EventEmitter, HostListener, signal } from '@angular/core';\nimport { ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport { FormGroup, AbstractControl, TouchedChangeEvent } from '@angular/forms';\n\nimport { Subscription, debounceTime, filter, fromEvent, tap } from 'rxjs';\n\nimport { ApexSelectData } from '@apexara/ng-components/select';\nimport { ApexControlErrors } from '@apexara/ng-components/input';\nimport { ApexTooltipDirective, TooltipPosition } from '@apexara/ng-components/tooltip';\n\nexport interface ApexListBoxOptions {\n  data: ApexSelectData[];\n  label?: string;\n  tooltip?: string;\n  formGroup?: FormGroup;\n  formControlName?: string;\n  errors?: ApexControlErrors;\n}\n\n@Component({\n  standalone: true,\n  selector: 'apex-listbox',\n  templateUrl: './listbox.component.html',\n  styleUrls: ['./listbox.component.css'],\n  imports: [\n    ScrollingModule,\n    ApexTooltipDirective,\n  ]\n})\n\nexport class ApexListboxComponent {\n\n  constructor (private elementRef: ElementRef) { }\n\n  @ViewChild('listbox') listbox: ElementRef<HTMLDivElement> | null = null;\n  @ViewChild(CdkVirtualScrollViewport) cdkViewport?: CdkVirtualScrollViewport;\n\n  @Input() options!: ApexListBoxOptions;\n\n  @Input() virtualScroll: boolean = false;\n  @Input() itemSize: number = 28; // Must match CSS row height of an item\n\n  @Output() selectChange = new EventEmitter<ApexSelectData[]>();\n\n  public tooltipPosition = TooltipPosition;\n\n  public controlError = signal('');\n  public controlInvalid = signal(false);\n  public control: AbstractControl | null = null;\n  public controlSubscription: Subscription | null = null;\n\n  private documentKeyupValue = '';\n  private documentKeyupValueResetTime = 1000;\n  private documentKeyDownSubscription!: Subscription;\n\n  private isMetaHold = false;\n  private isShiftHold = false;\n\n  private listHeight: number = 224; // Default matches CSS\n\n  private lastSelectedItemIndex = 0;\n  private lastSelectedItemIndexOnShiftHold = 0;\n\n  // Drag selection state\n  private dragSelecting = false;\n  private dragAnchorIndex = 0;\n\n  private selectedItems = signal<(ApexSelectData | null)[]>([]);\n\n  public ngOnInit(): void {\n    this.control = this.getControl();\n\n    this.selectedItems.set(new Array(this.options.data.length).fill(null));\n  }\n\n  public ngAfterViewInit(): void {\n    this.documentKeyDownSubscription = fromEvent<KeyboardEvent>(this.elementRef.nativeElement, 'keydown')\n      .pipe(\n        tap(event => { this.keydown(event) }),\n        debounceTime(this.documentKeyupValueResetTime))\n      .subscribe(() => { this.documentKeyupValue = '' });\n  }\n\n  public ngOnDestroy(): void {\n    this.documentKeyDownSubscription.unsubscribe();\n\n    if (this.controlSubscription) {\n      this.controlSubscription?.unsubscribe();\n    }\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes['options'] && changes['options'].currentValue['data'] && this.selectedItems()) {\n      this.selectedItems.set([]);\n\n      // Refresh virtual viewport if enabled\n      setTimeout(() => {\n        this.cdkViewport?.checkViewportSize();\n      });\n    }\n  }\n\n  public mousedown(index: number): void {\n    this.dragSelecting = true;\n    this.dragAnchorIndex = index;\n\n    if (this.isShiftHold) {\n      const max = Math.max(index, this.lastSelectedItemIndexOnShiftHold);\n      const min = Math.min(index, this.lastSelectedItemIndexOnShiftHold);\n\n      const indices = [] as number[];\n\n      for (let i = min; i <= max; i++) { indices.push(i); }\n\n      this.clearAllSelections();\n      this.addSelectedItems(indices);\n      return;\n    }\n\n    if (this.isMetaHold) {\n      if (this.isIndexSelected(index)) {\n        this.removeSelectedItems(index);\n      } else {\n        this.addSelectedItems(index);\n      }\n      return;\n    }\n\n    this.clearAllSelections();\n    this.addSelectedItems(index);\n  }\n\n  @HostListener('document:mouseup')\n  public mouseup(): void {\n    this.dragSelecting = false;\n  }\n\n  @HostListener('keyup', ['$event'])\n  public keyup(event: KeyboardEvent): void {\n    if (event.code.toLowerCase().includes('shift')) {\n      this.isShiftHold = false;\n\n      return;\n    }\n\n    if (event.code.toLowerCase().includes('meta') || event.code.toLowerCase().includes('control')) {\n      this.isMetaHold = false;\n    }\n  }\n\n  public mouseover(index: number): void {\n    if (!this.dragSelecting || this.isMetaHold || this.isShiftHold) {\n      return;\n    }\n\n    const min = Math.min(this.dragAnchorIndex, index);\n    const max = Math.max(this.dragAnchorIndex, index);\n\n    const indices: number[] = [];\n    for (let i = min; i <= max; i++) { indices.push(i); }\n\n    this.clearAllSelections();\n    this.addSelectedItems(indices);\n  }\n\n  private keydown(event: KeyboardEvent): void {\n    if ((document.activeElement !== this.listbox?.nativeElement) && (document.activeElement !== this.listbox?.nativeElement.childNodes[0])) {\n      return;\n    }\n\n    if (event.code.toLowerCase().includes('shift')) {\n      this.isShiftHold = true;\n      this.lastSelectedItemIndexOnShiftHold = this.lastSelectedItemIndex;\n    }\n\n    if (event.code.toLowerCase().includes('meta') || event.code.toLowerCase().includes('control')) {\n      this.isMetaHold = true;\n    }\n\n    if (event.code.toLowerCase().includes('arrowdown')) {\n      event.preventDefault();\n\n      this.documentArrowsKeyup(true);\n\n      return;\n    }\n\n    if (event.code.toLowerCase().includes('arrowup')) {\n      event.preventDefault();\n\n      this.documentArrowsKeyup(false);\n\n      return;\n    }\n\n    this.documentKeyup(event);\n  }\n\n  private documentArrowsKeyup(isDownArrow: boolean): void {\n    const dataLength = this.options.data.length;\n\n    let newIndex = isDownArrow ? this.lastSelectedItemIndex + 1 : this.lastSelectedItemIndex - 1;\n\n    if (this.isShiftHold) {\n      if (newIndex < 0 || newIndex === dataLength) {\n        return;\n      }\n\n      if (this.isIndexSelected(newIndex)) {\n        const indexForDeselect = isDownArrow ? newIndex - 1 : newIndex + 1;\n        this.removeSelectedItems(indexForDeselect);\n      } else {\n        this.addSelectedItems(newIndex);\n      }\n\n      this.lastSelectedItemIndex = newIndex;\n      this.scrollIndexIntoView(newIndex);\n\n      return;\n    }\n\n    this.clearAllSelections();\n\n    newIndex = newIndex < 0 ? 0 : newIndex;\n    newIndex = newIndex >= dataLength ? dataLength - 1 : newIndex;\n\n    this.addSelectedItems(newIndex);\n    this.scrollIndexIntoView(newIndex);\n  }\n\n  private documentKeyup(event: KeyboardEvent): void {\n    if (this.isMetaHold && event.key.toLowerCase() === 'a') {\n      event.preventDefault();\n\n      const itemsToAdd = [...this.options.data.keys()];\n      this.addSelectedItems(itemsToAdd);\n\n      return;\n    }\n\n    this.documentKeyupValue = this.documentKeyupValue + event.key.toLowerCase();\n\n    let newIndex: number | null = null;\n\n    for (let i = 0; i < this.options.data.length; i++) {\n      const subLabel = this.options.data[i].label.substring(0, this.documentKeyupValue.length).toLowerCase();\n\n      if (subLabel === this.documentKeyupValue) {\n        newIndex = i;\n\n        break;\n      }\n    }\n\n    if (newIndex !== null) {\n      this.clearAllSelections();\n      this.addSelectedItems(newIndex);\n      this.scrollIndexIntoView(newIndex);\n    }\n  }\n\n  private addSelectedItems(index: number | number[]) {\n    const isIndexNumber = typeof index === 'number';\n\n    this.lastSelectedItemIndex = isIndexNumber ? index : index.slice(-1)[0];\n\n    const items = [...this.selectedItems()];\n\n    if (isIndexNumber) {\n      items[index] = this.options.data[index];\n    } else {\n      for (let i of index) {\n        items[i] = this.options.data[i];\n      }\n    }\n\n    this.selectedItems.set(items);\n\n    if (this.control) {\n      this.control.setValue(items.filter(value => value !== null));\n    }\n\n    this.selectChange.emit(items.filter(Boolean) as ApexSelectData[]);\n  }\n\n  private removeSelectedItems(index: number | number[]) {\n    const isIndexNumber = typeof index === 'number';\n\n    const items = [...this.selectedItems()];\n\n    if (isIndexNumber) {\n      items[index] = null;\n    } else {\n      for (let i of index) {\n        items[i] = null;\n      }\n    }\n\n    this.selectedItems.set(items);\n\n    if (this.control) {\n      this.control?.setValue(items.filter(value => value !== null));\n    }\n\n    this.selectChange.emit(items.filter(Boolean) as ApexSelectData[]);\n  }\n\n  private clearAllSelections(): void {\n    this.selectedItems.set(new Array(this.options.data.length).fill(null));\n\n    if (this.control) {\n      this.control.setValue([]);\n    }\n\n    this.selectChange.emit([]);\n  }\n\n  public isIndexSelected(index: number): boolean {\n    return !!this.selectedItems()[index];\n  }\n\n  public trackByIndex(index: number): number { return index; }\n\n  private scrollIndexIntoView(index: number): void {\n    if (this.virtualScroll && this.cdkViewport) {\n      this.cdkViewport.scrollToIndex(index, 'smooth');\n      return;\n    }\n\n    const container = this.listbox?.nativeElement;\n\n    if (!container) {\n      return;\n    }\n\n    const target = container.querySelector(`.item[value=\"${index}\"]`);\n    target?.scrollIntoView({ block: 'nearest' });\n  }\n\n  public shouldShowViewportScroll(): boolean {\n    if (!this.virtualScroll) {\n      return false;\n    }\n\n    const renderedCount = this.options?.data ? this.options.data.length : 0;\n\n    const rowsHeight = this.itemSize * renderedCount;\n\n    return rowsHeight > this.listHeight;\n  }\n\n  private getControl(): AbstractControl | null {\n    if (this.options.formGroup && this.options.formControlName) {\n      this.controlSubscription = this.options.formGroup.controls[this.options.formControlName].valueChanges.subscribe(() => {\n        if (!this.control) {\n          return;\n        }\n\n        this.checkIfControlInvalid(this.control);\n\n        this.getControlError(this.control);\n      });\n\n      this.controlSubscription.add(\n        this.options.formGroup.controls[this.options.formControlName].events\n          .pipe(filter(event => event instanceof TouchedChangeEvent))\n          .subscribe(() => {\n            if (!this.control) {\n              return;\n            }\n\n            this.checkIfControlInvalid(this.control);\n            this.getControlError(this.control);\n          })\n      );\n\n      return this.options.formGroup.get(this.options.formControlName);\n    }\n\n    return null;\n  }\n\n  private checkIfControlInvalid(control: AbstractControl): void {\n    this.controlInvalid.set(control.invalid);\n  }\n\n  private getControlError(control: AbstractControl): void {\n    this.controlError.set('');\n\n    const options = this.options!;\n\n    if (options.errors && this.controlInvalid()) {\n      for (const error in options.errors) {\n        if (control.hasError(error)) {\n          this.controlError.set(options.errors[error]);\n\n          return;\n        }\n      }\n\n    }\n  }\n\n}\n","@if (options) {\n    <div class=\"listbox-header\">\n        @if (options.label) {\n            <label>{{ options.label }}</label>\n        }\n\n        @if (options.tooltip) {\n            <svg class=\"tooltip-icon\" [apexTooltip]=\"options.tooltip\" [tooltipPosition]=\"tooltipPosition.Above\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <g>\n                    <path d=\"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 7.5H8V11h.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                    <path d=\"M8.25 5.25a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0z\" fill=\"#fff\"/>\n                </g>\n            </svg>\n        }\n    </div>\n\n    <div #listbox tabindex=\"0\" class=\"container\" [class.error]=\"controlInvalid()\">\n        @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport class=\"cdk-listbox-viewport\" [itemSize]=\"itemSize\" [style.overflow-y]=\"shouldShowViewportScroll() ? 'auto' : 'hidden'\">\n                <div class=\"item\"\n                     *cdkVirtualFor=\"let data of options.data; let i = index; trackBy: trackByIndex\"\n                     [attr.value]=\"i\"\n                     [style.height.px]=\"itemSize\"\n                     [style.line-height.px]=\"itemSize\"\n                     [class.selected]=\"isIndexSelected(i)\"\n                     (mousedown)=\"mousedown(i)\"\n                     (mouseover)=\"mouseover(i)\">\n                    {{ data.label }}\n                </div>\n            </cdk-virtual-scroll-viewport>\n        } @else {\n            <div class=\"container-inner\">\n                @for (data of options.data; track data.value) {\n                    <div class=\"item\" [attr.value]=\"$index\" [style.height.px]=\"itemSize\" [style.line-height.px]=\"itemSize\" [class.selected]=\"isIndexSelected($index)\" (mousedown)=\"mousedown($index)\" (mouseover)=\"mouseover($index)\">\n                        {{ data.label }}\n                    </div>\n                }\n            </div>\n        }\n    </div>\n\n    <div class=\"footer\" [class.error]=\"controlInvalid()\">\n        {{ controlError() }}\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}