@bootkit/ng0 0.0.0-alpha.27 → 0.0.0-alpha.28

package/components/form-field/index.d.ts

@@ -1,66 +1,49 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterContentInit, OnDestroy, Renderer2, DestroyRef } from '@angular/core';
-import { NgForm } from '@angular/forms';
-import { LocalizationService } from '@bootkit/ng0/localization';
+import { AfterContentInit } from '@angular/core';
+import { NgControl } from '@angular/forms';
 import * as i1 from '@angular/common';
 
-declare class FormFieldComponent implements OnInit, AfterContentInit, OnDestroy {
-    private _renderer;
+declare class FormFieldComponent implements AfterContentInit {
+    private _ngControlElement?;
     private _destroyRef;
-    private _form;
-    private _ls;
+    private _renderer;
+    private _localizationService;
+    protected _ngControl?: NgControl;
+    protected _status: _angular_core.WritableSignal<string>;
+    protected _hasRequiredControl: _angular_core.WritableSignal<boolean>;
+    protected _errorText: _angular_core.Signal<string | undefined>;
     /**
      * The label text for the form field.
      */
-    label: _angular_core.InputSignal<string | undefined>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /**
      * The hint text to display below the form field.
-     * This is typically used to provide additional information or instructions to the user.
      */
-    hint: _angular_core.InputSignal<string | undefined>;
+    readonly hint: _angular_core.InputSignal<string | undefined>;
     /**
      * If true, the form-field will show validation errors.
-     * This is useful for displaying validation messages when the form control is invalid.
      */
-    showErrors: _angular_core.InputSignal<boolean>;
+    readonly showErrors: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * If true, the form-field will show a red asterisk for required fields.
-     * This is only a visual indicator and does not enforce validation.
+     * If undefined, the indicator will be shown based on the control's required state.
+     * If true, the form-field will show a required indicator (*) next to the label (regardless of the control's required state).
+     * If false, the required indicator will not be shown (regardless of the control's required state).
      */
-    showRequiredIndicator: _angular_core.InputSignal<boolean>;
+    readonly showRequired: _angular_core.InputSignal<boolean | undefined>;
     /**
      * If true, the form-field will show subscripts (e.g. hints, errors) for the field label.
-     * This is useful for displaying additional information or validation messages.
      */
-    showSubscripts: _angular_core.InputSignal<boolean>;
+    readonly showSubscripts: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * If true, the form-field will be rendered inside a ".input-group" element.
      */
-    inputGroup: _angular_core.InputSignal<boolean>;
-    /**
-     * Returns the first localized error of the control
-     */
-    get errorText(): string | undefined;
-    /** Reports whether the control is touched. */
-    get touched(): boolean | null | undefined;
-    /** Reports whether the control is dirty. */
-    get dirty(): boolean | null | undefined;
-    /** Returns true if this form-field is required, otherwise returns false. */
-    get isRequired(): boolean;
-    private _onFocusOut;
-    private _ngControl?;
-    private _ngControlElement?;
-    private _isRequired;
-    private _locale?;
-    private _errorText?;
-    constructor(_renderer: Renderer2, _destroyRef: DestroyRef, _form: NgForm, _ls: LocalizationService);
-    ngOnInit(): void;
+    readonly inputGroup: _angular_core.InputSignalWithTransform<boolean, unknown>;
     ngAfterContentInit(): void;
-    private _validate;
-    private _isRequiredField;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, [null, null, { optional: true; }, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ng0-form-field, ng0-field", ["ng0FormField"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "showSubscripts": { "alias": "showSubscripts"; "required": false; "isSignal": true; }; "inputGroup": { "alias": "inputGroup"; "required": false; "isSignal": true; }; }, {}, ["_ngControl", "_ngControlElement"], ["*"], true, never>;
+    private _isControlRequired;
+    private _updateControlStyles;
+    private _onFocusOut;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "ng0-form-field, ng0-field", ["ng0FormField"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "showRequired": { "alias": "showRequired"; "required": false; "isSignal": true; }; "showSubscripts": { "alias": "showSubscripts"; "required": false; "isSignal": true; }; "inputGroup": { "alias": "inputGroup"; "required": false; "isSignal": true; }; }, {}, ["_ngControlElement", "_ngControl"], ["*"], true, never>;
 }
 
 declare class FormFieldModule {

package/components/list/index.d.ts

@@ -163,7 +163,7 @@ declare class ListComponent implements ControlValueAccessor {
     /**
      * Event emitted when the selection state of an item changes by user interaction.
      */
-    readonly selectionChange: EventEmitter<ListSelectionChangeEvent>;
+    readonly itemSelect: EventEmitter<ListItemSelectEvent>;
     /**
      * The template to use for each item in the list.
      */
@@ -226,17 +226,12 @@ declare class ListComponent implements ControlValueAccessor {
     private _onHostBlur;
     private _onKeydown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "ng0-list, ng0-select-list", ["ng0List"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectionIndicator": { "alias": "showSelectionIndicator"; "required": false; "isSignal": true; }; "compareBy": { "alias": "compareBy"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "required": false; "isSignal": true; }; "writeBy": { "alias": "writeBy"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "idGenerator": { "alias": "idGenerator"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["_itemTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListComponent, "ng0-list, ng0-select-list", ["ng0List"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectionIndicator": { "alias": "showSelectionIndicator"; "required": false; "isSignal": true; }; "compareBy": { "alias": "compareBy"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "required": false; "isSignal": true; }; "writeBy": { "alias": "writeBy"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "idGenerator": { "alias": "idGenerator"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, ["_itemTemplate"], never, true, never>;
 }
 /**
  * Event emitted when the selection state of the list changes by user interaction.
  */
-interface ListSelectionChangeEvent {
-    /**
-     * The index of the item that was selected or deselected.
-     * This is the index of the item in the list and ignores any items that are not currently visible.
-     */
-    index: number;
+interface ListItemSelectEvent {
     /**
      * The value of the item that was selected or deselected.
      */
@@ -261,4 +256,4 @@ declare class ListModule {
 }
 
 export { ListComponent, ListModule };
-export type { ListSelectionChangeEvent };
+export type { ListItemSelectEvent };

package/components/select/index.d.ts

@@ -1,11 +1,11 @@
 import * as _bootkit_ng0_localization from '@bootkit/ng0/localization';
 import * as _bootkit_ng0_common from '@bootkit/ng0/common';
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { DataSource, DataSourceLike } from '@bootkit/ng0/data';
 import { ControlValueAccessor } from '@angular/forms';
 import { FlexibleConnectedPositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
-import { ListSelectionChangeEvent } from '@bootkit/ng0/components/list';
+import { ListItemSelectEvent } from '@bootkit/ng0/components/list';
 
 /**
  * Select component that allows users to choose an option from a dropdown list.
@@ -88,6 +88,10 @@ declare class SelectComponent implements ControlValueAccessor {
      * @default undefined
      */
     readonly idGenerator: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.IdGenerator | undefined, _bootkit_ng0_common.IdGeneratorLike>;
+    /**
+     * Event emitted when the selected value changes.
+     */
+    readonly valueChange: EventEmitter<SelectItemEvent>;
     constructor();
     /**
      * Indicates whether the given value is selected.
@@ -118,7 +122,7 @@ declare class SelectComponent implements ControlValueAccessor {
     private _updateValue;
     protected _onOverlayAttach(): void;
     protected _onOverlayDetach(): void;
-    protected _onListSelectionChange(e: ListSelectionChangeEvent): void;
+    protected _onListSelectionChange(e: ListItemSelectEvent): void;
     protected _filterPredicate: _angular_core.Signal<(item: any) => boolean>;
     protected _onFilterKeydown(e: KeyboardEvent): void;
     private _listenToResizeEvents;
@@ -126,7 +130,20 @@ declare class SelectComponent implements ControlValueAccessor {
     private _onHostKeydown;
     private _onHostClick;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ng0-select", ["ng0Select"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectionIndicator": { "alias": "showSelectionIndicator"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "compareBy": { "alias": "compareBy"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "required": false; "isSignal": true; }; "writeBy": { "alias": "writeBy"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "idGenerator": { "alias": "idGenerator"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ng0-select", ["ng0Select"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectionIndicator": { "alias": "showSelectionIndicator"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "compareBy": { "alias": "compareBy"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "required": false; "isSignal": true; }; "writeBy": { "alias": "writeBy"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "idGenerator": { "alias": "idGenerator"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "valueChange": "valueChange"; }, ["itemTemplate"], never, true, never>;
+}
+/**
+ * Event emitted when the selection state of the select component changes by user interaction.
+ */
+interface SelectItemEvent {
+    /**
+     * The value of the item that was selected or deselected.
+     */
+    value: any;
+    /**
+     * The select component that emitted the event.
+     */
+    readonly select: SelectComponent;
 }
 
 /**
@@ -139,3 +156,4 @@ declare class SelectModule {
 }
 
 export { SelectComponent, SelectModule };
+export type { SelectItemEvent };

package/fesm2022/bootkit-ng0-components-form-field.mjs

@@ -1,122 +1,91 @@
-import * as i3 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, ElementRef, ContentChild, HostListener, HostBinding, Optional, Component, NgModule } from '@angular/core';
+import { inject, DestroyRef, Renderer2, signal, computed, input, booleanAttribute, ElementRef, HostListener, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/forms';
 import { FormControl, NgControl } from '@angular/forms';
-import * as i2 from '@bootkit/ng0/localization';
+import { LocalizationService } from '@bootkit/ng0/localization';
 
 class FormFieldComponent {
-    _renderer;
-    _destroyRef;
-    _form;
-    _ls;
+    _ngControlElement;
+    _destroyRef = inject(DestroyRef);
+    _renderer = inject(Renderer2);
+    _localizationService = inject(LocalizationService);
+    // private _form = inject(NgForm, { optional: true });
+    _ngControl;
+    _status = signal('', ...(ngDevMode ? [{ debugName: "_status" }] : []));
+    _hasRequiredControl = signal(false, ...(ngDevMode ? [{ debugName: "_hasRequiredControl" }] : []));
+    _errorText = computed(() => this._status() === 'INVALID' ?
+        this._localizationService.get()?.translateFirstError(this._ngControl.errors, 'Invalid')?.text :
+        undefined, ...(ngDevMode ? [{ debugName: "_errorText" }] : []));
     /**
      * The label text for the form field.
      */
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
     /**
      * The hint text to display below the form field.
-     * This is typically used to provide additional information or instructions to the user.
      */
     hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
     /**
      * If true, the form-field will show validation errors.
-     * This is useful for displaying validation messages when the form control is invalid.
      */
-    showErrors = input(true, ...(ngDevMode ? [{ debugName: "showErrors" }] : []));
+    showErrors = input(true, ...(ngDevMode ? [{ debugName: "showErrors", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
-     * If true, the form-field will show a red asterisk for required fields.
-     * This is only a visual indicator and does not enforce validation.
+     * If undefined, the indicator will be shown based on the control's required state.
+     * If true, the form-field will show a required indicator (*) next to the label (regardless of the control's required state).
+     * If false, the required indicator will not be shown (regardless of the control's required state).
      */
-    showRequiredIndicator = input(true, ...(ngDevMode ? [{ debugName: "showRequiredIndicator" }] : []));
+    showRequired = input(undefined, ...(ngDevMode ? [{ debugName: "showRequired" }] : []));
     /**
      * If true, the form-field will show subscripts (e.g. hints, errors) for the field label.
-     * This is useful for displaying additional information or validation messages.
      */
-    showSubscripts = input(true, ...(ngDevMode ? [{ debugName: "showSubscripts" }] : []));
+    showSubscripts = input(true, ...(ngDevMode ? [{ debugName: "showSubscripts", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     /**
      * If true, the form-field will be rendered inside a ".input-group" element.
      */
-    inputGroup = input(true, ...(ngDevMode ? [{ debugName: "inputGroup" }] : []));
-    /**
-     * Returns the first localized error of the control
-     */
-    get errorText() { return this._errorText; }
-    /** Reports whether the control is touched. */
-    get touched() { return this._ngControl?.touched; }
-    /** Reports whether the control is dirty. */
-    get dirty() { return this._ngControl?.dirty; }
-    /** Returns true if this form-field is required, otherwise returns false. */
-    get isRequired() { return this._isRequired; }
-    _onFocusOut() { this._validate(); }
-    _ngControl;
-    _ngControlElement;
-    _isRequired = false;
-    _locale;
-    _errorText;
-    constructor(_renderer, _destroyRef, _form, _ls) {
-        this._renderer = _renderer;
-        this._destroyRef = _destroyRef;
-        this._form = _form;
-        this._ls = _ls;
-        this._locale = this._ls.get();
-        this._ls.change.pipe(takeUntilDestroyed()).subscribe(e => this._locale = e.new);
-    }
-    ngOnInit() {
-    }
+    inputGroup = input(true, ...(ngDevMode ? [{ debugName: "inputGroup", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
     ngAfterContentInit() {
-        this._isRequired = this._isRequiredField();
+        this._hasRequiredControl.set(this._isControlRequired());
         if (this._ngControl) {
             this._ngControl?.statusChanges?.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(change => {
-                this._validate();
+                this._status.set(change);
+                this._updateControlStyles();
             });
         }
     }
-    _validate() {
-        if (!this._ngControl || !this.dirty || !this.touched) {
-            return;
-        }
-        const invalid = this._ngControl.status === 'INVALID';
-        if (invalid) {
-            this._errorText = this._locale?.translateFirstError(this._ngControl.errors, 'Invalid')?.text;
-        }
-        else {
-            this._errorText = undefined;
-        }
-        this._renderer.addClass(this._ngControlElement.nativeElement, invalid ? 'is-invalid' : 'is-valid');
-        this._renderer.removeClass(this._ngControlElement.nativeElement, invalid ? 'is-valid' : 'is-invalid');
-    }
-    _isRequiredField() {
-        const validator = this._ngControl?.validator;
+    _isControlRequired() {
+        const validator = this._ngControl?.validator || this._ngControl?.control?.validator;
         const errors = validator && validator(new FormControl(null));
         return errors != null && errors['required'] === true;
     }
-    ngOnDestroy() {
+    _updateControlStyles() {
+        if (this._ngControl?.touched) {
+            let invalid = this._status() === 'INVALID';
+            let elm = this._ngControlElement.nativeElement;
+            this._renderer.addClass(elm, invalid ? 'is-invalid' : 'is-valid');
+            this._renderer.removeClass(elm, invalid ? 'is-valid' : 'is-invalid');
+        }
+    }
+    _onFocusOut() {
+        this._updateControlStyles();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormFieldComponent, deps: [{ token: i0.Renderer2 }, { token: i0.DestroyRef }, { token: i1.NgForm, optional: true }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FormFieldComponent, isStandalone: true, selector: "ng0-form-field, ng0-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, showErrors: { classPropertyName: "showErrors", publicName: "showErrors", isSignal: true, isRequired: false, transformFunction: null }, showRequiredIndicator: { classPropertyName: "showRequiredIndicator", publicName: "showRequiredIndicator", isSignal: true, isRequired: false, transformFunction: null }, showSubscripts: { classPropertyName: "showSubscripts", publicName: "showSubscripts", isSignal: true, isRequired: false, transformFunction: null }, inputGroup: { classPropertyName: "inputGroup", publicName: "inputGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusout": "_onFocusOut()" }, properties: { "class.required-form-field": "this.isRequired" } }, queries: [{ propertyName: "_ngControl", first: true, predicate: NgControl, descendants: true, static: true }, { propertyName: "_ngControlElement", first: true, predicate: NgControl, descendants: true, read: ElementRef, static: true }], exportAs: ["ng0FormField"], ngImport: i0, template: "@if(label()) {\r\n<label class=\"form-field-label\">\r\n  {{label()}}\r\n  <span *ngIf=\"isRequired && showRequiredIndicator()\" class=\"isc-form-field-required-marker\">*</span>\r\n</label>\r\n}\r\n\r\n@if(inputGroup()) {\r\n<div class=\"input-group\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</div>\r\n}@else {\r\n<ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n}\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if(showSubscripts()) {\r\n<div class=\"form-field-subscript-wrapper\">\r\n  @if(showErrors() && errorText && (touched || dirty)) {\r\n  <span class=\"form-field-error text-danger\">\r\n    {{errorText}}\r\n  </span>\r\n  }@else if(hint()) {\r\n  <span class=\"form-field-hint\">\r\n    {{hint()}}\r\n  </span>\r\n  }\r\n</div>\r\n}", styles: [":host{display:block}.form-field-subscript-wrapper{margin-top:.2rem;min-height:1.5em;line-height:1.5em;text-align:justify}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FormFieldComponent, isStandalone: true, selector: "ng0-form-field, ng0-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, showErrors: { classPropertyName: "showErrors", publicName: "showErrors", isSignal: true, isRequired: false, transformFunction: null }, showRequired: { classPropertyName: "showRequired", publicName: "showRequired", isSignal: true, isRequired: false, transformFunction: null }, showSubscripts: { classPropertyName: "showSubscripts", publicName: "showSubscripts", isSignal: true, isRequired: false, transformFunction: null }, inputGroup: { classPropertyName: "inputGroup", publicName: "inputGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusout": "_onFocusOut()" }, properties: { "class.ng0-form-field-required": "_hasRequiredControl()" } }, queries: [{ propertyName: "_ngControlElement", first: true, predicate: NgControl, descendants: true, read: ElementRef, static: true }, { propertyName: "_ngControl", first: true, predicate: NgControl, descendants: true }], exportAs: ["ng0FormField"], ngImport: i0, template: "@let errorText = _errorText();\r\n@let showRequiredIndicator = showRequired();\r\n\r\n@if(label()) {\r\n<label class=\"ng0-form-field-label\">\r\n  {{label()}}\r\n  @if((showRequiredIndicator === true || (showRequiredIndicator == undefined && _hasRequiredControl()))) {\r\n  <span class=\"ng0-form-field-required-indicator\">*</span>\r\n  }\r\n</label>\r\n}\r\n\r\n@if(inputGroup()) {\r\n<div class=\"input-group\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</div>\r\n}@else {\r\n<ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n}\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if(showSubscripts()) {\r\n<div class=\"ng0-form-field-subscript\">\r\n  @if(showErrors() && errorText && _ngControl?.touched) {\r\n  <small class=\"ng0-form-field-error text-danger\" animate.enter=\"ng0-form-field-fadein\">\r\n    {{errorText}}\r\n  </small>\r\n  }@else if(hint()) {\r\n  <small class=\"ng0-form-field-hint\">\r\n    {{hint()}}\r\n  </small>\r\n  }\r\n</div>\r\n}", styles: [":host{display:block}.ng0-form-field-subscript{min-height:1.5em;line-height:1.5em;text-align:justify;position:relative}.ng0-form-field-subscript .ng0-form-field-error{position:absolute;will-change:transform}.ng0-form-field-subscript .ng0-form-field-hint{position:absolute}.ng0-form-field-fadein{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng0-form-field, ng0-field', exportAs: 'ng0FormField', standalone: true, imports: [
-                        CommonModule
-                    ], template: "@if(label()) {\r\n<label class=\"form-field-label\">\r\n  {{label()}}\r\n  <span *ngIf=\"isRequired && showRequiredIndicator()\" class=\"isc-form-field-required-marker\">*</span>\r\n</label>\r\n}\r\n\r\n@if(inputGroup()) {\r\n<div class=\"input-group\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</div>\r\n}@else {\r\n<ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n}\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if(showSubscripts()) {\r\n<div class=\"form-field-subscript-wrapper\">\r\n  @if(showErrors() && errorText && (touched || dirty)) {\r\n  <span class=\"form-field-error text-danger\">\r\n    {{errorText}}\r\n  </span>\r\n  }@else if(hint()) {\r\n  <span class=\"form-field-hint\">\r\n    {{hint()}}\r\n  </span>\r\n  }\r\n</div>\r\n}", styles: [":host{display:block}.form-field-subscript-wrapper{margin-top:.2rem;min-height:1.5em;line-height:1.5em;text-align:justify}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.DestroyRef }, { type: i1.NgForm, decorators: [{
-                    type: Optional
-                }] }, { type: i2.LocalizationService }], propDecorators: { isRequired: [{
-                type: HostBinding,
-                args: ['class.required-form-field']
+            args: [{ selector: 'ng0-form-field, ng0-field', exportAs: 'ng0FormField', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], host: {
+                        '[class.ng0-form-field-required]': '_hasRequiredControl()',
+                    }, template: "@let errorText = _errorText();\r\n@let showRequiredIndicator = showRequired();\r\n\r\n@if(label()) {\r\n<label class=\"ng0-form-field-label\">\r\n  {{label()}}\r\n  @if((showRequiredIndicator === true || (showRequiredIndicator == undefined && _hasRequiredControl()))) {\r\n  <span class=\"ng0-form-field-required-indicator\">*</span>\r\n  }\r\n</label>\r\n}\r\n\r\n@if(inputGroup()) {\r\n<div class=\"input-group\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</div>\r\n}@else {\r\n<ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n}\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if(showSubscripts()) {\r\n<div class=\"ng0-form-field-subscript\">\r\n  @if(showErrors() && errorText && _ngControl?.touched) {\r\n  <small class=\"ng0-form-field-error text-danger\" animate.enter=\"ng0-form-field-fadein\">\r\n    {{errorText}}\r\n  </small>\r\n  }@else if(hint()) {\r\n  <small class=\"ng0-form-field-hint\">\r\n    {{hint()}}\r\n  </small>\r\n  }\r\n</div>\r\n}", styles: [":host{display:block}.ng0-form-field-subscript{min-height:1.5em;line-height:1.5em;text-align:justify;position:relative}.ng0-form-field-subscript .ng0-form-field-error{position:absolute;will-change:transform}.ng0-form-field-subscript .ng0-form-field-hint{position:absolute}.ng0-form-field-fadein{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }], propDecorators: { _ngControlElement: [{
+                type: ContentChild,
+                args: [NgControl, { static: true, read: ElementRef }]
+            }], _ngControl: [{
+                type: ContentChild,
+                args: [NgControl]
             }], _onFocusOut: [{
                 type: HostListener,
                 args: ['focusout']
-            }], _ngControl: [{
-                type: ContentChild,
-                args: [NgControl, { static: true }]
-            }], _ngControlElement: [{
-                type: ContentChild,
-                args: [NgControl, { static: true, read: ElementRef }]
             }] } });
 
 class FormFieldModule {

package/fesm2022/bootkit-ng0-components-form-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-form-field.mjs","sources":["../../../projects/ng0/components/form-field/form-field.component.ts","../../../projects/ng0/components/form-field/form-field.component.html","../../../projects/ng0/components/form-field/form-field.module.ts","../../../projects/ng0/components/form-field/bootkit-ng0-components-form-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { DestroyRef, HostListener, input, signal } from '@angular/core';\r\nimport { Component, Input, ContentChild, AfterContentInit, Optional, HostBinding, OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, NgControl, NgForm } from '@angular/forms';\r\nimport { Locale, LocalizationService } from '@bootkit/ng0/localization';\r\n\r\n@Component({\r\n  selector: 'ng0-form-field, ng0-field',\r\n  exportAs: 'ng0FormField',\r\n  templateUrl: './form-field.component.html',\r\n  styleUrls: ['./form-field.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n})\r\nexport class FormFieldComponent implements OnInit, AfterContentInit, OnDestroy {\r\n\r\n  /**\r\n   * The label text for the form field.\r\n   */\r\n  public label = input<string>();\r\n\r\n  /**\r\n   * The hint text to display below the form field.\r\n   * This is typically used to provide additional information or instructions to the user.\r\n   */\r\n  public hint = input<string>();\r\n\r\n  /**\r\n   * If true, the form-field will show validation errors.\r\n   * This is useful for displaying validation messages when the form control is invalid.\r\n   */\r\n  public showErrors = input(true);\r\n\r\n  /**\r\n   * If true, the form-field will show a red asterisk for required fields.\r\n   * This is only a visual indicator and does not enforce validation.\r\n   */\r\n  public showRequiredIndicator = input(true);\r\n\r\n  /**\r\n   * If true, the form-field will show subscripts (e.g. hints, errors) for the field label.\r\n   * This is useful for displaying additional information or validation messages.\r\n   */\r\n  public showSubscripts = input(true);\r\n\r\n  /**\r\n   * If true, the form-field will be rendered inside a \".input-group\" element.\r\n   */\r\n  public inputGroup = input(true);\r\n\r\n  /**\r\n   * Returns the first localized error of the control \r\n   */\r\n  public get errorText() { return this._errorText; }\r\n\r\n  /** Reports whether the control is touched. */\r\n  public get touched(): boolean | null | undefined { return this._ngControl?.touched; }\r\n\r\n  /** Reports whether the control is dirty. */\r\n  public get dirty(): boolean | null | undefined { return this._ngControl?.dirty; }\r\n\r\n  /** Returns true if this form-field is required, otherwise returns false. */\r\n  @HostBinding('class.required-form-field')\r\n  public get isRequired(): boolean { return this._isRequired; }\r\n\r\n  @HostListener('focusout')\r\n  private _onFocusOut() { this._validate(); }\r\n\r\n  @ContentChild(NgControl, { static: true })\r\n  private _ngControl?: NgControl;\r\n\r\n  @ContentChild(NgControl, { static: true, read: ElementRef })\r\n  private _ngControlElement?: ElementRef;\r\n\r\n  private _isRequired = false;\r\n  private _locale?: Locale;\r\n  private _errorText?: string;\r\n\r\n  constructor(\r\n    private _renderer: Renderer2,\r\n    private _destroyRef: DestroyRef,\r\n    @Optional() private _form: NgForm,\r\n    private _ls: LocalizationService,\r\n  ) {\r\n    this._locale = this._ls.get();\r\n    this._ls.change.pipe(takeUntilDestroyed()).subscribe(e => this._locale = e.new);\r\n  }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    this._isRequired = this._isRequiredField();\r\n\r\n    if (this._ngControl) {\r\n      this._ngControl?.statusChanges?.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(change => {\r\n        this._validate();\r\n      });\r\n    }\r\n  }\r\n\r\n  private _validate() {\r\n    if (!this._ngControl || !this.dirty || !this.touched) {\r\n      return;\r\n    }\r\n\r\n    const invalid = this._ngControl.status === 'INVALID';\r\n    if (invalid) {\r\n      this._errorText = this._locale?.translateFirstError(this._ngControl.errors, 'Invalid')?.text;\r\n    } else {\r\n      this._errorText = undefined;\r\n    }\r\n    this._renderer.addClass(this._ngControlElement!.nativeElement, invalid ? 'is-invalid' : 'is-valid');\r\n    this._renderer.removeClass(this._ngControlElement!.nativeElement, invalid ? 'is-valid' : 'is-invalid');\r\n  }\r\n\r\n  private _isRequiredField(): boolean {\r\n    const validator = this._ngControl?.validator;\r\n    const errors = validator && validator(new FormControl(null));\r\n    return errors != null && errors['required'] === true;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n  }\r\n}\r\n","@if(label()) {\r\n<label class=\"form-field-label\">\r\n  {{label()}}\r\n  <span *ngIf=\"isRequired && showRequiredIndicator()\" class=\"isc-form-field-required-marker\">*</span>\r\n</label>\r\n}\r\n\r\n@if(inputGroup()) {\r\n<div class=\"input-group\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</div>\r\n}@else {\r\n<ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n}\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if(showSubscripts()) {\r\n<div class=\"form-field-subscript-wrapper\">\r\n  @if(showErrors() && errorText && (touched || dirty)) {\r\n  <span class=\"form-field-error text-danger\">\r\n    {{errorText}}\r\n  </span>\r\n  }@else if(hint()) {\r\n  <span class=\"form-field-hint\">\r\n    {{hint()}}\r\n  </span>\r\n  }\r\n</div>\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormFieldComponent } from './form-field.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormFieldComponent,\r\n  ],\r\n  exports: [\r\n    FormFieldComponent,\r\n  ]\r\n})\r\nexport class FormFieldModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-form-field.mjs","sources":["../../../projects/ng0/components/form-field/form-field.component.ts","../../../projects/ng0/components/form-field/form-field.component.html","../../../projects/ng0/components/form-field/form-field.module.ts","../../../projects/ng0/components/form-field/bootkit-ng0-components-form-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { booleanAttribute, ChangeDetectionStrategy, computed, DestroyRef, ElementRef, HostListener, inject, input, Renderer2, signal, ViewEncapsulation } from '@angular/core';\r\nimport { Component, ContentChild, AfterContentInit } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormControl, NgControl, NgForm } from '@angular/forms';\r\nimport { LocalizationService } from '@bootkit/ng0/localization';\r\n\r\n@Component({\r\n  selector: 'ng0-form-field, ng0-field',\r\n  exportAs: 'ng0FormField',\r\n  templateUrl: './form-field.component.html',\r\n  styleUrls: ['./form-field.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  host: {\r\n    '[class.ng0-form-field-required]': '_hasRequiredControl()',\r\n  }\r\n})\r\nexport class FormFieldComponent implements AfterContentInit {\r\n  @ContentChild(NgControl, { static: true, read: ElementRef }) private _ngControlElement?: ElementRef;\r\n  private _destroyRef = inject(DestroyRef);\r\n  private _renderer = inject(Renderer2);\r\n  private _localizationService = inject(LocalizationService);\r\n  // private _form = inject(NgForm, { optional: true });\r\n  @ContentChild(NgControl) protected _ngControl?: NgControl;\r\n  protected _status = signal('');\r\n  protected _hasRequiredControl = signal(false);\r\n  protected _errorText = computed<string | undefined>(() =>\r\n    this._status() === 'INVALID' ?\r\n      this._localizationService.get()?.translateFirstError(this._ngControl!.errors, 'Invalid')?.text :\r\n      undefined\r\n  );\r\n\r\n  /**\r\n   * The label text for the form field.\r\n   */\r\n  public readonly label = input<string>();\r\n\r\n  /**\r\n   * The hint text to display below the form field.\r\n   */\r\n  public readonly hint = input<string>();\r\n\r\n  /**\r\n   * If true, the form-field will show validation errors.\r\n   */\r\n  public readonly showErrors = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If undefined, the indicator will be shown based on the control's required state.\r\n   * If true, the form-field will show a required indicator (*) next to the label (regardless of the control's required state).\r\n   * If false, the required indicator will not be shown (regardless of the control's required state).\r\n   */\r\n  public readonly showRequired = input<boolean | undefined>(undefined);\r\n\r\n  /**\r\n   * If true, the form-field will show subscripts (e.g. hints, errors) for the field label.\r\n   */\r\n  public readonly showSubscripts = input(true, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * If true, the form-field will be rendered inside a \".input-group\" element.\r\n   */\r\n  public readonly inputGroup = input(true, { transform: booleanAttribute });\r\n\r\n  ngAfterContentInit(): void {\r\n    this._hasRequiredControl.set(this._isControlRequired());\r\n\r\n    if (this._ngControl) {\r\n      this._ngControl?.statusChanges?.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(change => {\r\n        this._status.set(change);\r\n        this._updateControlStyles();\r\n      });\r\n    }\r\n  }\r\n\r\n  private _isControlRequired(): boolean {\r\n    const validator = this._ngControl?.validator || this._ngControl?.control?.validator;\r\n    const errors = validator && validator(new FormControl(null));\r\n    return errors != null && errors['required'] === true;\r\n  }\r\n\r\n  private _updateControlStyles() {\r\n    if (this._ngControl?.touched) {\r\n      let invalid = this._status() === 'INVALID';\r\n      let elm = this._ngControlElement!.nativeElement;\r\n      this._renderer.addClass(elm, invalid ? 'is-invalid' : 'is-valid');\r\n      this._renderer.removeClass(elm, invalid ? 'is-valid' : 'is-invalid');\r\n    }\r\n  }\r\n\r\n  @HostListener('focusout')\r\n  private _onFocusOut() {\r\n    this._updateControlStyles();\r\n  }\r\n}\r\n","@let errorText = _errorText();\r\n@let showRequiredIndicator = showRequired();\r\n\r\n@if(label()) {\r\n<label class=\"ng0-form-field-label\">\r\n  {{label()}}\r\n  @if((showRequiredIndicator === true || (showRequiredIndicator == undefined && _hasRequiredControl()))) {\r\n  <span class=\"ng0-form-field-required-indicator\">*</span>\r\n  }\r\n</label>\r\n}\r\n\r\n@if(inputGroup()) {\r\n<div class=\"input-group\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</div>\r\n}@else {\r\n<ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n}\r\n\r\n<ng-template #contentTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if(showSubscripts()) {\r\n<div class=\"ng0-form-field-subscript\">\r\n  @if(showErrors() && errorText && _ngControl?.touched) {\r\n  <small class=\"ng0-form-field-error text-danger\" animate.enter=\"ng0-form-field-fadein\">\r\n    {{errorText}}\r\n  </small>\r\n  }@else if(hint()) {\r\n  <small class=\"ng0-form-field-hint\">\r\n    {{hint()}}\r\n  </small>\r\n  }\r\n</div>\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormFieldComponent } from './form-field.component';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormFieldComponent,\r\n  ],\r\n  exports: [\r\n    FormFieldComponent,\r\n  ]\r\n})\r\nexport class FormFieldModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bootkit-ng0-components-list.mjs

@@ -227,7 +227,7 @@ class ListComponent {
     /**
      * Event emitted when the selection state of an item changes by user interaction.
      */
-    selectionChange = new EventEmitter();
+    itemSelect = new EventEmitter();
     /**
      * The template to use for each item in the list.
      */
@@ -366,7 +366,7 @@ class ListComponent {
             this.select(value);
         }
         this._activeItem.set(item);
-        this.selectionChange.emit({ index, value: item.value(), item: item, list: this });
+        this.itemSelect.emit({ value: item.value(), item: item, list: this });
         this._changeDetector.detectChanges();
     }
     _showLoadingSppiner = computed(() => {
@@ -497,7 +497,7 @@ class ListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ListComponent, isStandalone: true, selector: "ng0-list, ng0-select-list", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showSelectionIndicator: { classPropertyName: "showSelectionIndicator", publicName: "showSelectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, compareBy: { classPropertyName: "compareBy", publicName: "compareBy", isSignal: true, isRequired: false, transformFunction: null }, formatBy: { classPropertyName: "formatBy", publicName: "formatBy", isSignal: true, isRequired: false, transformFunction: null }, writeBy: { classPropertyName: "writeBy", publicName: "writeBy", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, idGenerator: { classPropertyName: "idGenerator", publicName: "idGenerator", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "blur": "_onHostBlur()", "keydown": "_onKeydown($event)" }, properties: { "class.ng0-list-loading": "source().isLoading()", "attr.aria-activedescendant": "_hostAriaActiveDescendant()", "attr.disabled": "_isDisabled() ? \"\" : undefined", "attr.aria-disabled": "_isDisabled() ? \"\" : undefined", "attr.tabindex": "_hostTabIndex()" } }, providers: [{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ListComponent, isStandalone: true, selector: "ng0-list, ng0-select-list", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showSelectionIndicator: { classPropertyName: "showSelectionIndicator", publicName: "showSelectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, compareBy: { classPropertyName: "compareBy", publicName: "compareBy", isSignal: true, isRequired: false, transformFunction: null }, formatBy: { classPropertyName: "formatBy", publicName: "formatBy", isSignal: true, isRequired: false, transformFunction: null }, writeBy: { classPropertyName: "writeBy", publicName: "writeBy", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, idGenerator: { classPropertyName: "idGenerator", publicName: "idGenerator", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect" }, host: { listeners: { "blur": "_onHostBlur()", "keydown": "_onKeydown($event)" }, properties: { "class.ng0-list-loading": "source().isLoading()", "attr.aria-activedescendant": "_hostAriaActiveDescendant()", "attr.disabled": "_isDisabled() ? \"\" : undefined", "attr.aria-disabled": "_isDisabled() ? \"\" : undefined", "attr.tabindex": "_hostTabIndex()" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ListComponent),
                 multi: true
@@ -526,7 +526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
             }], listItems: [{
                 type: ViewChildren,
                 args: [ListItem]
-            }], selectionChange: [{
+            }], itemSelect: [{
                 type: Output
             }], _onHostBlur: [{
                 type: HostListener,

package/fesm2022/bootkit-ng0-components-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-list.mjs","sources":["../../../projects/ng0/components/list/list-item.ts","../../../projects/ng0/components/list/list.component.ts","../../../projects/ng0/components/list/list.component.html","../../../projects/ng0/components/list/list.module.ts","../../../projects/ng0/components/list/public-api.ts","../../../projects/ng0/components/list/bootkit-ng0-components-list.ts"],"sourcesContent":["import { inject, input, ElementRef, Directive } from '@angular/core';\r\nimport { ListComponent } from './list.component';\r\n\r\n/**\r\n * ListItem represents an individual item within a ListComponent.\r\n */\r\n@Directive({\r\n    selector: 'ng0-list-item',\r\n    exportAs: 'ng0ListItem',\r\n    standalone: true,\r\n    host: {\r\n        '[attr.id]': 'id()',\r\n        '[attr.tabIndex]': '_getTabIndex()'\r\n    }\r\n})\r\nexport class ListItem {\r\n    /**\r\n     * The value associated with the item. This can be of any type.\r\n     */\r\n    public readonly value = input<any>();\r\n\r\n    /**\r\n     * The id of the item.\r\n     */\r\n    public readonly id = input<any>();\r\n\r\n    /**\r\n     * Reference to the parent list component\r\n     */\r\n    public readonly list = inject(ListComponent);\r\n\r\n    /**\r\n     * Reference to the host element\r\n     */\r\n    public readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n    /**\r\n     * Indicates whether the item is active.\r\n     * @returns True if the item is active, false otherwise.\r\n     */\r\n    public isActive() {\r\n        return this.list.isActive(this);\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the item is selected.\r\n     * @returns True if the item is selected, false otherwise.\r\n     */\r\n    public isSelected() {\r\n        return this.list.isSelected(this.value());\r\n    }\r\n\r\n    /**\r\n     * Selects the item.\r\n     * @returns \r\n     */\r\n    public select() {\r\n        return this.list.select(this.value());\r\n    }\r\n\r\n    /**\r\n     * Deselects the item.\r\n     * @returns \r\n     */\r\n    public deselect() {\r\n        this.list.deselect(this);\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the item.\r\n     * @returns void\r\n     */\r\n    public toggle() {\r\n        this.list.toggle(this.value());\r\n    }\r\n\r\n    // /**\r\n    //  * Indicates whether the item is disabled. Default is false.\r\n    //  */\r\n    // public readonly disabled = input(false, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Scrolls the item into view within its parent container.\r\n     * @param position The vertical alignment of the item after scrolling.\r\n     *                 Can be 'start', 'center', 'end', or 'nearest'.\r\n     *                 Default is 'nearest'.\r\n     * @param behavior The scrolling behavior.\r\n     */\r\n    public scrollIntoView(position?: ScrollLogicalPosition, behavior?: ScrollBehavior) {\r\n        this.elementRef.nativeElement.scrollIntoView({ block: position, behavior: behavior });\r\n    }\r\n\r\n    /**\r\n     * Sets focus on the item.\r\n     */\r\n    public focus() {\r\n        this.elementRef.nativeElement.focus();\r\n    }\r\n\r\n    private _getTabIndex() {\r\n        let focus = this.list.focusMode();\r\n        // if (this.list.isDisabled()) {\r\n        //     return undefined;\r\n        // }\r\n\r\n        if (focus == 'none' || focus == 'activeDescendant') {\r\n            return undefined;\r\n        } else {\r\n            // focus: roving\r\n            return this.isActive() ? 0 : -1\r\n        }\r\n    }\r\n}\r\n","import { Component, ElementRef, input, signal, HostListener, inject, forwardRef, TemplateRef, ContentChild, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef, effect, EventEmitter, Output, computed, ViewChildren, QueryList, ViewEncapsulation, ViewContainerRef, HostBinding, OnInit, AfterViewInit, untracked, model, Renderer2 } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { dataSourceAttribute, DataRequest, DataSource, DataSourceLike } from '@bootkit/ng0/data';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { objectFormatterAttribute, defaultFormatter, LocalizationService } from '@bootkit/ng0/localization';\r\nimport { ListItem } from \"./list-item\";\r\nimport {\r\n    CssClassAttribute, defaultEqualityComparer, equalityComparerAttribute, valueWriterAttribute,\r\n    defaultValueWriter, filterPredicateAttribute, noopFilter, IdGeneratorAttribute, TrackByAttribute, trackByIndex, IfDirective\r\n} from '@bootkit/ng0/common';\r\n\r\n/** \r\n * ListComponent is a versatile component that displays a list of items with support for single or multiple selection,\r\n * custom item templates, filtering, and keyboard navigation.\r\n */\r\n@Component({\r\n    selector: 'ng0-list, ng0-select-list',\r\n    exportAs: 'ng0List',\r\n    templateUrl: './list.component.html',\r\n    styleUrl: './list.component.scss',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    imports: [\r\n        CommonModule,\r\n        IfDirective,\r\n        ListItem\r\n    ],\r\n    providers: [{\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => ListComponent),\r\n        multi: true\r\n    }],\r\n    host: {\r\n        '[class.ng0-list-loading]': 'source().isLoading()',\r\n        '[attr.aria-activedescendant]': '_hostAriaActiveDescendant()',\r\n        '[attr.disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.aria-disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.tabindex]': '_hostTabIndex()',\r\n    }\r\n})\r\nexport class ListComponent implements ControlValueAccessor {\r\n    private _localizationService = inject(LocalizationService);\r\n    private _changeDetector = inject(ChangeDetectorRef);\r\n    private _changeCallback?: (value: any) => void;\r\n    private _touchCallback?: () => void;\r\n    private readonly _selectedItems = new Set<any>();\r\n\r\n    protected readonly _sourceItems = signal<any[]>([]);\r\n    @ContentChild(TemplateRef) protected _itemTemplate?: TemplateRef<any>;\r\n    protected readonly _activeItem = signal<ListItem | undefined>(undefined);\r\n    protected readonly _isDisabled = signal<boolean>(false);\r\n    private readonly _value = signal<any>(undefined);\r\n    private _renderer = inject(Renderer2);\r\n\r\n    /**\r\n     * A list of all visible list items.\r\n     */\r\n    @ViewChildren(ListItem) public readonly listItems?: QueryList<ListItem>;\r\n\r\n    /**\r\n     * Reference to the host element\r\n     */\r\n    public elementRef = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\r\n\r\n    /**\r\n     * The data source for the select component.\r\n     * This can be an array of data, a function that returns an observable of data,\r\n     * or an instance of DataSource.\r\n     */\r\n    public readonly source = input.required<DataSource<any>, DataSourceLike<any>>({\r\n        transform: v => dataSourceAttribute(v)\r\n    });\r\n\r\n    /** \r\n     * Indicates whether multi selection is enabled or not.\r\n     */\r\n    public readonly multiple = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether to show selection indicator (checkbox/radio) next to each item.\r\n     * Default is false.\r\n     */\r\n    public readonly showSelectionIndicator = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n    * A comparer to compare items for selection.\r\n    * Default uses strict equality (===).\r\n    */\r\n    public readonly compareBy = input(defaultEqualityComparer, {\r\n        transform: equalityComparerAttribute\r\n    });\r\n\r\n    /**\r\n     * A fromatter to convert each item to a string for display.\r\n     * Default converts the item to a string using its toString method.\r\n     */\r\n    public readonly formatBy = input(defaultFormatter, {\r\n        transform: objectFormatterAttribute(this._localizationService.get())\r\n    });\r\n\r\n    /**\r\n     * Custom value writer to extract the value of any object while writing values.\r\n     */\r\n    public readonly writeBy = input(defaultValueWriter, {\r\n        transform: valueWriterAttribute\r\n    });\r\n\r\n    /**\r\n     * Custom filter function to filter items.\r\n     * Default is a noop filter that does not filter any items.\r\n     */\r\n    public readonly filterBy = input(noopFilter, {\r\n        transform: filterPredicateAttribute\r\n    });\r\n\r\n    /**\r\n     * A function that uniquely identifies each item in the list.\r\n     * If set to a function, it will be called with the index and item as arguments to generate the unique id.\r\n     * If set to a string, it will be used as the property name to extract the unique id from each item.\r\n     * Two predifined trackBy options are available:\r\n     * - '@index': uses the index of the item as its unique id.\r\n     * - '@item': uses the item itself as its unique id.\r\n     * @example\r\n     * trackBy=\"@index\"\r\n     * trackBy=\"@item\"\r\n     * trackBy=\"objectFieldName\"\r\n     * [trackBy]=\"customTrackByFunction\"\r\n     * @default trackByIndex\r\n     */\r\n    public readonly trackBy = input(trackByIndex, {\r\n        transform: TrackByAttribute\r\n    });\r\n\r\n    /**\r\n     * CSS class or classes to apply to the list container.\r\n     * Default is undefined.\r\n     */\r\n    public readonly itemClass = input(undefined, {\r\n        transform: CssClassAttribute\r\n    });\r\n\r\n    /**\r\n     * Defines the focus behavior of the list component.\r\n     * - 'none': No keyboard interaction is possible. The list cannot be focused.\r\n     * - 'roving': Roving tabindex is enabled. The list can be focused and the active item is tabbable.\r\n     * - 'activeDescendant': The list can be focused, but no item is tabbable. The active item is indicated using aria-activedescendant.\r\n     * @default 'activeDescendant'.\r\n     */\r\n    public readonly focusMode = input<'none' | 'roving' | 'activeDescendant'>('activeDescendant');\r\n\r\n    /**\r\n     * A function that generates unique ids for each item in the list.\r\n     * If set to a function, it will be called with the item as an argument to generate the id.\r\n     * If set to undefined, no ids will be generated for the items.\r\n     * @default undefined\r\n     */\r\n    public readonly idGenerator = input(undefined, {\r\n        transform: IdGeneratorAttribute\r\n    });\r\n\r\n    /**\r\n     * Event emitted when the selection state of an item changes by user interaction.\r\n     */\r\n    @Output() public readonly selectionChange = new EventEmitter<ListSelectionChangeEvent>();\r\n\r\n    /**\r\n     * The template to use for each item in the list.\r\n     */\r\n    public readonly itemTemplate = input<TemplateRef<any> | undefined>(undefined);\r\n\r\n    constructor() {\r\n        effect(() => {\r\n            this.source().load(new DataRequest()).subscribe(res => {\r\n                untracked(() => {\r\n                    this._activeItem.set(undefined);\r\n                    this._sourceItems.set(res.data);\r\n                    this._updateSelectedItems();\r\n                    this._activateFirstSelectedItem();\r\n                });\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Indicates whether an item is active.\r\n     * @param item  \r\n     * @returns \r\n     */\r\n    public isActive(item: ListItem): boolean {\r\n        return item === this._activeItem();\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the given value is selected.\r\n     * @param item \r\n     * @returns \r\n     */\r\n    public isSelected(value: any): boolean {\r\n        return this._selectedItems.has(value);\r\n    }\r\n\r\n    /**\r\n     * Selects the given value.\r\n     * @param item \r\n     */\r\n    public select(value: any): void {\r\n        if (this.multiple()) {\r\n            if (!this._selectedItems.has(value)) {\r\n                this._selectedItems.add(value);\r\n                this._updateValue();\r\n                this._changeCallback?.(this._value())\r\n            }\r\n        } else {\r\n            this._selectedItems.clear();\r\n            this._selectedItems.add(value);\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value())\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects the given value.\r\n     * @param item \r\n     */\r\n    public deselect(value: any): void {\r\n        this._selectedItems.delete(value);\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the given value.\r\n     * @param item\r\n     */\r\n    public toggle(value: any): void {\r\n        if (this.isSelected(value)) {\r\n            this.deselect(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects all items in the list.\r\n     */\r\n    public deselectAll(): void {\r\n        this._selectedItems.clear();\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Selects all items in the list. Only applicable in multiple selection mode.\r\n     */\r\n    public selectAll(): void {\r\n        if (this.multiple()) {\r\n            this._selectedItems.clear();\r\n            this._sourceItems().forEach(i => this._selectedItems.add(i));\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value());\r\n        } else {\r\n            throw new Error('selectAll is only available in multiple selection mode.');\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Gets the current value(s) of the list.\r\n     */\r\n    public get value(): ReadonlyArray<any | any[]> {\r\n        return this._value();\r\n    }\r\n\r\n    /**\r\n     * Gets the current items in the list.\r\n     */\r\n    public get items(): ReadonlyArray<any[]> {\r\n        return this._sourceItems();\r\n    }\r\n\r\n    writeValue(value: any): void {\r\n        if (this.multiple()) {\r\n            if (value === null || value === undefined) {\r\n                value = [];\r\n            } else if (!Array.isArray(value)) {\r\n                throw Error('invalid value. Expected an array in multiple selection mode.');\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n        this._updateSelectedItems();\r\n        this._activateFirstSelectedItem();\r\n        this._changeDetector.markForCheck();\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._changeCallback = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._touchCallback = fn;\r\n    }\r\n\r\n    setDisabledState?(isDisabled: boolean): void {\r\n        this._isDisabled.set(isDisabled);\r\n    }\r\n\r\n    protected _handleUserSelection(item: ListItem, index: number) {\r\n        let value = item.value();\r\n\r\n        if (this.multiple()) {\r\n            this.toggle(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n\r\n        this._activeItem.set(item);\r\n        this.selectionChange.emit({ index, value: item.value(), item: item, list: this });\r\n        this._changeDetector.detectChanges();\r\n    }\r\n\r\n    protected _showLoadingSppiner = computed(() => {\r\n        let source = this.source();\r\n        return source.isLoading() && source.type == 'remote';\r\n    });\r\n\r\n    private _updateSelectedItems(): void {\r\n        let value = this._value();\r\n        let compareBy = this.compareBy();\r\n        let findAndSelect = (v: any) => {\r\n            let index = this._sourceItems().findIndex(i => compareBy(i, v));\r\n            if (index > -1) {\r\n                let item = this._sourceItems().at(index)!;\r\n                this._selectedItems.add(item);\r\n            }\r\n\r\n            return index;\r\n        };\r\n\r\n        this._selectedItems.clear();\r\n        if (this.multiple()) {\r\n            if (Array.isArray(value)) {\r\n                (value as any[]).forEach(v => findAndSelect(v));\r\n            }\r\n        } else {\r\n            findAndSelect(value);\r\n        }\r\n    }\r\n\r\n    private _activateFirstSelectedItem(): void {\r\n        if (this._selectedItems.size > 0) {\r\n            let value = this._selectedItems.values().next().value;\r\n            let item = this.listItems?.find(i => i.value() === value);\r\n            if (item) {\r\n                this._activeItem.set(item);\r\n            }\r\n        }\r\n    }\r\n\r\n    private _updateValue(): void {\r\n        let value: any;\r\n\r\n        if (this.multiple()) {\r\n            let values: any[] = [];\r\n            this._selectedItems.forEach(v => {\r\n                values.push(this.writeBy()(v));\r\n            });\r\n            value = values;\r\n        } else {\r\n            if (this._selectedItems.size > 0) {\r\n                let first = this._selectedItems.values().next().value;\r\n                value = this.writeBy()(first);\r\n            } else {\r\n                value = undefined;\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n    }\r\n\r\n    private _hostAriaActiveDescendant = computed(() => {\r\n        if (this._activeItem() && !this._isDisabled() && this.focusMode() == 'activeDescendant') {\r\n            return this._activeItem()!.id();\r\n        }\r\n\r\n        return undefined;\r\n    });\r\n\r\n    private _hostTabIndex = computed(() => {\r\n        let isDisabled = this._isDisabled(); // track the value\r\n        let activeItem = this._activeItem(); // track the value\r\n\r\n        if (isDisabled) {\r\n            return undefined;\r\n        }\r\n\r\n        switch (this.focusMode()) {\r\n            case 'none':\r\n                return undefined;\r\n            case 'activeDescendant':\r\n                return 0;\r\n            case 'roving':\r\n\r\n                return activeItem ? undefined : 0;\r\n        }\r\n    });\r\n\r\n    @HostListener('blur')\r\n    private _onHostBlur() {\r\n        this._touchCallback?.();\r\n    }\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    private _onKeydown(e: KeyboardEvent) {\r\n        if (this._isDisabled())\r\n            return;\r\n\r\n        let listLength = this.listItems!.length;\r\n        if (listLength == 0) {\r\n            return;\r\n        }\r\n\r\n        let activeItem = this._activeItem();\r\n        let activeItemindex = activeItem ? this.listItems!.toArray().findIndex(i => i === activeItem) : -1;\r\n\r\n        switch (e.key) {\r\n            case 'ArrowDown':\r\n                if (activeItemindex < listLength - 1) {\r\n                    const next = this.listItems!.get(activeItemindex + 1);\r\n                    this._activeItem.set(next);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'ArrowUp':\r\n                if (activeItemindex == -1) {\r\n                    const last = this.listItems!.get(listLength - 1);\r\n                    this._activeItem.set(last);\r\n                } else if (activeItemindex > 0) {\r\n                    const previous = this.listItems!.get(activeItemindex - 1);\r\n                    this._activeItem.set(previous);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'Enter':\r\n                if (activeItem) {\r\n                    this._handleUserSelection(activeItem, activeItemindex);\r\n                }\r\n                break;\r\n            case 'Home':\r\n                const first = this.listItems!.get(0);\r\n                this._activeItem.set(first);\r\n                e.preventDefault();\r\n                break;\r\n            case 'End':\r\n                const last = this.listItems!.get(listLength - 1);\r\n                this._activeItem.set(last);\r\n                e.preventDefault();\r\n                break;\r\n        }\r\n\r\n        this._activeItem()?.scrollIntoView('nearest', listLength > 100 ? 'instant' : 'smooth');\r\n        if (this.focusMode() === 'roving') {\r\n            this._activeItem()?.focus();\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/**\r\n * Event emitted when the selection state of the list changes by user interaction.\r\n */\r\nexport interface ListSelectionChangeEvent {\r\n    /**\r\n     * The index of the item that was selected or deselected.\r\n     * This is the index of the item in the list and ignores any items that are not currently visible.\r\n     */\r\n    index: number;\r\n\r\n    /**\r\n     * The value of the item that was selected or deselected.\r\n     */\r\n    value: any;\r\n\r\n    /**\r\n     * The item that was selected or deselected.\r\n     */\r\n    readonly item: ListItem;\r\n\r\n    /**\r\n     * The list component that emitted the event.\r\n     */\r\n    readonly list: ListComponent\r\n}\r\n","@let filter = filterBy();\r\n@let formatter = formatBy();\r\n\r\n@for (item of _sourceItems(); track trackBy()($index, item)) {\r\n\r\n<ng0-list-item #listItem=\"ng0ListItem\"\r\n               *ng0If=\"!filter || filter(item)\"\r\n               [value]=\"item\"\r\n               [id]=\"idGenerator()?.(item)\"\r\n               [class.active]=\"isActive(listItem)\"\r\n               [class.selected]=\"isSelected(item)\"\r\n               [ngClass]=\"itemClass()?.(item)\"\r\n               (click)=\"_handleUserSelection(listItem, $index);\">\r\n\r\n       @if(itemTemplate() || _itemTemplate) {\r\n       @let template = itemTemplate() || _itemTemplate;\r\n       <ng-container *ngTemplateOutlet=\"template; context: { $implicit: {item: listItem, value: item}}\" />\r\n       } @else {\r\n       @if(showSelectionIndicator()) {\r\n       <input class=\"form-check-input ng0-selection-indicator\"\r\n              tabindex=\"-1\"\r\n              [checked]=\"isSelected(item)\"\r\n              [attr.type]=\"multiple() ? 'checkbox' : 'radio'\">\r\n       }\r\n\r\n       {{formatter(item)}}\r\n       }\r\n</ng0-list-item>\r\n}\r\n\r\n@if(_showLoadingSppiner()) {\r\n@if(_sourceItems().length == 0) {\r\n<div style=\"text-align: center; padding: 0.5rem 0;\">\r\n       <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n</div>\r\n}@else {\r\n<div class=\"ng0-list-loading-cover\">\r\n       <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n</div>\r\n}\r\n}\r\n\r\n<ng-template #spinner>\r\n       <div class=\"spinner-border spinner-sm text-primary ng0-list-loading-indicator\" role=\"status\">\r\n              <span class=\"visually-hidden\">Loading...</span>\r\n       </div>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { ListComponent } from './list.component';\r\n\r\nconst Items = [ListComponent]\r\n\r\n/**\r\n * List module.\r\n */\r\n@NgModule({\r\n    imports: Items,\r\n    exports: Items\r\n})\r\nexport class ListModule { }\r\n","// export  *  from './types';\r\nexport * from './list.component';\r\nexport * from './list.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAGA;;AAEG;MAUU,QAAQ,CAAA;AACjB;;AAEG;IACa,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAO;AAEpC;;AAEG;IACa,EAAE,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAO;AAEjC;;AAEG;AACa,IAAA,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC;AAE5C;;AAEG;AACa,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AAExE;;;AAGG;IACI,QAAQ,GAAA;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IACnC;AAEA;;;AAGG;IACI,UAAU,GAAA;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAC7C;AAEA;;;AAGG;IACI,MAAM,GAAA;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACzC;AAEA;;;AAGG;IACI,QAAQ,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC5B;AAEA;;;AAGG;IACI,MAAM,GAAA;QACT,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAClC;;;;;AAOA;;;;;;AAMG;IACI,cAAc,CAAC,QAAgC,EAAE,QAAyB,EAAA;AAC7E,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACzF;AAEA;;AAEG;IACI,KAAK,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE;IACzC;IAEQ,YAAY,GAAA;QAChB,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;;;;QAKjC,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,kBAAkB,EAAE;AAChD,YAAA,OAAO,SAAS;QACpB;aAAO;;AAEH,YAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACnC;IACJ;uGAhGS,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBATpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,iBAAiB,EAAE;AACtB;AACJ,iBAAA;;;ACHD;;;AAGG;MA2BU,aAAa,CAAA;AACd,IAAA,oBAAoB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAClD,IAAA,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC3C,IAAA,eAAe;AACf,IAAA,cAAc;AACL,IAAA,cAAc,GAAG,IAAI,GAAG,EAAO;AAE7B,IAAA,YAAY,GAAG,MAAM,CAAQ,EAAE,wDAAC;AACd,IAAA,aAAa;AAC/B,IAAA,WAAW,GAAG,MAAM,CAAuB,SAAS,uDAAC;AACrD,IAAA,WAAW,GAAG,MAAM,CAAU,KAAK,uDAAC;AACtC,IAAA,MAAM,GAAG,MAAM,CAAM,SAAS,kDAAC;AACxC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAErC;;AAEG;AACqC,IAAA,SAAS;AAEjD;;AAEG;AACI,IAAA,UAAU,GAAG,MAAM,EAA0B,UAAuB,EAAC;AAE5E;;;;AAIG;AACa,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,yCACnC,SAAS,EAAE,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAA,CAAA,GAAA,CADoC;YAC1E,SAAS,EAAE,CAAC,IAAI,mBAAmB,CAAC,CAAC;AACxC,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;IACa,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAClC,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADS;AACpC,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGG;IACa,sBAAsB,GAAG,KAAK,CAAC,KAAK,0DAChD,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADuB;AAClD,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGE;IACc,SAAS,GAAG,KAAK,CAAC,uBAAuB,6CACrD,SAAS,EAAE,yBAAyB,EAAA,CAAA,GAAA,CADmB;AACvD,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,gBAAgB,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAC7C,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE,CAAC,EAAA,CAAA,GAAA,CADrB;YAC/C,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE;AACtE,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;IACa,OAAO,GAAG,KAAK,CAAC,kBAAkB,2CAC9C,SAAS,EAAE,oBAAoB,EAAA,CAAA,GAAA,CADiB;AAChD,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGG;IACa,QAAQ,GAAG,KAAK,CAAC,UAAU,4CACvC,SAAS,EAAE,wBAAwB,EAAA,CAAA,GAAA,CADM;AACzC,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;;;;;;;;;;;AAaG;IACa,OAAO,GAAG,KAAK,CAAC,YAAY,2CACxC,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADe;AAC1C,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGG;IACa,SAAS,GAAG,KAAK,CAAC,SAAS,6CACvC,SAAS,EAAE,iBAAiB,EAAA,CAAA,GAAA,CADa;AACzC,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;;;;AAMG;AACa,IAAA,SAAS,GAAG,KAAK,CAAyC,kBAAkB,qDAAC;AAE7F;;;;;AAKG;IACa,WAAW,GAAG,KAAK,CAAC,SAAS,+CACzC,SAAS,EAAE,oBAAoB,EAAA,CAAA,GAAA,CADY;AAC3C,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;AACuB,IAAA,eAAe,GAAG,IAAI,YAAY,EAA4B;AAExF;;AAEG;AACa,IAAA,YAAY,GAAG,KAAK,CAA+B,SAAS,wDAAC;AAE7E,IAAA,WAAA,GAAA;QACI,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,IAAG;gBAClD,SAAS,CAAC,MAAK;AACX,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC;oBAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;oBAC/B,IAAI,CAAC,oBAAoB,EAAE;oBAC3B,IAAI,CAAC,0BAA0B,EAAE;AACrC,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;IACN;AAEA;;;;AAIG;AACI,IAAA,QAAQ,CAAC,IAAc,EAAA;AAC1B,QAAA,OAAO,IAAI,KAAK,IAAI,CAAC,WAAW,EAAE;IACtC;AAEA;;;;AAIG;AACI,IAAA,UAAU,CAAC,KAAU,EAAA;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;IACzC;AAEA;;;AAGG;AACI,IAAA,MAAM,CAAC,KAAU,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AACjC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC9B,IAAI,CAAC,YAAY,EAAE;gBACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YACzC;QACJ;aAAO;AACH,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;AAC3B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACzC;IACJ;AAEA;;;AAGG;AACI,IAAA,QAAQ,CAAC,KAAU,EAAA;AACtB,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC;AAEA;;;AAGG;AACI,IAAA,MAAM,CAAC,KAAU,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACxB;aAAO;AACH,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACtB;IACJ;AAEA;;AAEG;IACI,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAC3B,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC;AAEA;;AAEG;IACI,SAAS,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;AAC3B,YAAA,IAAI,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC5D,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACzC;aAAO;AACH,YAAA,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC;QAC9E;IACJ;AAEA;;AAEG;AACH,IAAA,IAAW,KAAK,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE;IACxB;AAEA;;AAEG;AACH,IAAA,IAAW,KAAK,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE;IAC9B;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvC,KAAK,GAAG,EAAE;YACd;iBAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC9B,gBAAA,MAAM,KAAK,CAAC,8DAA8D,CAAC;YAC/E;QACJ;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,IAAI,CAAC,oBAAoB,EAAE;QAC3B,IAAI,CAAC,0BAA0B,EAAE;AACjC,QAAA,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE;IACvC;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE;IAC7B;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;IAC5B;AAEA,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AACjC,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC;IACpC;IAEU,oBAAoB,CAAC,IAAc,EAAE,KAAa,EAAA;AACxD,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAExB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACtB;aAAO;AACH,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACtB;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACjF,QAAA,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE;IACxC;AAEU,IAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAK;AAC1C,QAAA,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;QAC1B,OAAO,MAAM,CAAC,SAAS,EAAE,IAAI,MAAM,CAAC,IAAI,IAAI,QAAQ;AACxD,IAAA,CAAC,+DAAC;IAEM,oBAAoB,GAAA;AACxB,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAChC,QAAA,IAAI,aAAa,GAAG,CAAC,CAAM,KAAI;YAC3B,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/D,YAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;gBACZ,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,KAAK,CAAE;AACzC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;YACjC;AAEA,YAAA,OAAO,KAAK;AAChB,QAAA,CAAC;AAED,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;AAC3B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACrB,gBAAA,KAAe,CAAC,OAAO,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;YACnD;QACJ;aAAO;YACH,aAAa,CAAC,KAAK,CAAC;QACxB;IACJ;IAEQ,0BAA0B,GAAA;QAC9B,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,EAAE;AAC9B,YAAA,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;AACrD,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC;YACzD,IAAI,IAAI,EAAE;AACN,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;YAC9B;QACJ;IACJ;IAEQ,YAAY,GAAA;AAChB,QAAA,IAAI,KAAU;AAEd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,MAAM,GAAU,EAAE;AACtB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAG;gBAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AAClC,YAAA,CAAC,CAAC;YACF,KAAK,GAAG,MAAM;QAClB;aAAO;YACH,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,EAAE;AAC9B,gBAAA,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;gBACrD,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC;YACjC;iBAAO;gBACH,KAAK,GAAG,SAAS;YACrB;QACJ;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;IAC1B;AAEQ,IAAA,yBAAyB,GAAG,QAAQ,CAAC,MAAK;AAC9C,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,kBAAkB,EAAE;AACrF,YAAA,OAAO,IAAI,CAAC,WAAW,EAAG,CAAC,EAAE,EAAE;QACnC;AAEA,QAAA,OAAO,SAAS;AACpB,IAAA,CAAC,qEAAC;AAEM,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;QAClC,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAEpC,IAAI,UAAU,EAAE;AACZ,YAAA,OAAO,SAAS;QACpB;AAEA,QAAA,QAAQ,IAAI,CAAC,SAAS,EAAE;AACpB,YAAA,KAAK,MAAM;AACP,gBAAA,OAAO,SAAS;AACpB,YAAA,KAAK,kBAAkB;AACnB,gBAAA,OAAO,CAAC;AACZ,YAAA,KAAK,QAAQ;gBAET,OAAO,UAAU,GAAG,SAAS,GAAG,CAAC;;AAE7C,IAAA,CAAC,yDAAC;IAGM,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,cAAc,IAAI;IAC3B;AAGQ,IAAA,UAAU,CAAC,CAAgB,EAAA;QAC/B,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB;AAEJ,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,SAAU,CAAC,MAAM;AACvC,QAAA,IAAI,UAAU,IAAI,CAAC,EAAE;YACjB;QACJ;AAEA,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,IAAI,eAAe,GAAG,UAAU,GAAG,IAAI,CAAC,SAAU,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,GAAG,CAAC,CAAC;AAElG,QAAA,QAAQ,CAAC,CAAC,GAAG;AACT,YAAA,KAAK,WAAW;AACZ,gBAAA,IAAI,eAAe,GAAG,UAAU,GAAG,CAAC,EAAE;AAClC,oBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,CAAC;AACrD,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;gBAC9B;gBACA,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,SAAS;AACV,gBAAA,IAAI,eAAe,IAAI,CAAC,CAAC,EAAE;AACvB,oBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC;AAChD,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;gBAC9B;AAAO,qBAAA,IAAI,eAAe,GAAG,CAAC,EAAE;AAC5B,oBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,CAAC;AACzD,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAClC;gBACA,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,OAAO;gBACR,IAAI,UAAU,EAAE;AACZ,oBAAA,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,eAAe,CAAC;gBAC1D;gBACA;AACJ,YAAA,KAAK,MAAM;gBACP,MAAM,KAAK,GAAG,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC3B,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,KAAK;AACN,gBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAU,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC;AAChD,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;gBAC1B,CAAC,CAAC,cAAc,EAAE;gBAClB;;QAGR,IAAI,CAAC,WAAW,EAAE,EAAE,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,GAAG,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtF,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,QAAQ,EAAE;AAC/B,YAAA,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE;QAC/B;IACJ;uGA3aS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,ijEAbX,CAAC;AACR,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa,CAAC;AAC5C,gBAAA,KAAK,EAAE;aACV,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAiBY,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EASX,QAAQ,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1D1B,ksDA8Cc,EAAA,MAAA,EAAA,CAAA,2yDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDtBN,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,WAAW,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,QAAQ,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAeH,aAAa,EAAA,UAAA,EAAA,CAAA;kBA1BzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,QAAA,EAC3B,SAAS,EAAA,UAAA,EAGP,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;wBACL,YAAY;wBACZ,WAAW;wBACX;AACH,qBAAA,EAAA,SAAA,EACU,CAAC;AACR,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,mBAAmB,CAAC;AAC5C,4BAAA,KAAK,EAAE;AACV,yBAAA,CAAC,EAAA,IAAA,EACI;AACF,wBAAA,0BAA0B,EAAE,sBAAsB;AAClD,wBAAA,8BAA8B,EAAE,6BAA6B;AAC7D,wBAAA,iBAAiB,EAAE,gCAAgC;AACnD,wBAAA,sBAAsB,EAAE,gCAAgC;AACxD,wBAAA,iBAAiB,EAAE,iBAAiB;AACvC,qBAAA,EAAA,QAAA,EAAA,ksDAAA,EAAA,MAAA,EAAA,CAAA,2yDAAA,CAAA,EAAA;wDAUoC,aAAa,EAAA,CAAA;sBAAjD,YAAY;uBAAC,WAAW;gBASe,SAAS,EAAA,CAAA;sBAAhD,YAAY;uBAAC,QAAQ;gBA8GI,eAAe,EAAA,CAAA;sBAAxC;gBAoPO,WAAW,EAAA,CAAA;sBADlB,YAAY;uBAAC,MAAM;gBAMZ,UAAU,EAAA,CAAA;sBADjB,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;AE7ZvC,MAAM,KAAK,GAAG,CAAC,aAAa,CAAC;AAE7B;;AAEG;MAKU,UAAU,CAAA;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAV,UAAU,EAAA,OAAA,EAAA,CATR,aAAa,CAAA,EAAA,OAAA,EAAA,CAAb,aAAa,CAAA,EAAA,CAAA;AASf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAHV,KAAK,CAAA,EAAA,CAAA;;2FAGL,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,OAAO,EAAE;AACZ,iBAAA;;;ACXD;;ACAA;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-components-list.mjs","sources":["../../../projects/ng0/components/list/list-item.ts","../../../projects/ng0/components/list/list.component.ts","../../../projects/ng0/components/list/list.component.html","../../../projects/ng0/components/list/list.module.ts","../../../projects/ng0/components/list/public-api.ts","../../../projects/ng0/components/list/bootkit-ng0-components-list.ts"],"sourcesContent":["import { inject, input, ElementRef, Directive } from '@angular/core';\r\nimport { ListComponent } from './list.component';\r\n\r\n/**\r\n * ListItem represents an individual item within a ListComponent.\r\n */\r\n@Directive({\r\n    selector: 'ng0-list-item',\r\n    exportAs: 'ng0ListItem',\r\n    standalone: true,\r\n    host: {\r\n        '[attr.id]': 'id()',\r\n        '[attr.tabIndex]': '_getTabIndex()'\r\n    }\r\n})\r\nexport class ListItem {\r\n    /**\r\n     * The value associated with the item. This can be of any type.\r\n     */\r\n    public readonly value = input<any>();\r\n\r\n    /**\r\n     * The id of the item.\r\n     */\r\n    public readonly id = input<any>();\r\n\r\n    /**\r\n     * Reference to the parent list component\r\n     */\r\n    public readonly list = inject(ListComponent);\r\n\r\n    /**\r\n     * Reference to the host element\r\n     */\r\n    public readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n    /**\r\n     * Indicates whether the item is active.\r\n     * @returns True if the item is active, false otherwise.\r\n     */\r\n    public isActive() {\r\n        return this.list.isActive(this);\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the item is selected.\r\n     * @returns True if the item is selected, false otherwise.\r\n     */\r\n    public isSelected() {\r\n        return this.list.isSelected(this.value());\r\n    }\r\n\r\n    /**\r\n     * Selects the item.\r\n     * @returns \r\n     */\r\n    public select() {\r\n        return this.list.select(this.value());\r\n    }\r\n\r\n    /**\r\n     * Deselects the item.\r\n     * @returns \r\n     */\r\n    public deselect() {\r\n        this.list.deselect(this);\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the item.\r\n     * @returns void\r\n     */\r\n    public toggle() {\r\n        this.list.toggle(this.value());\r\n    }\r\n\r\n    // /**\r\n    //  * Indicates whether the item is disabled. Default is false.\r\n    //  */\r\n    // public readonly disabled = input(false, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Scrolls the item into view within its parent container.\r\n     * @param position The vertical alignment of the item after scrolling.\r\n     *                 Can be 'start', 'center', 'end', or 'nearest'.\r\n     *                 Default is 'nearest'.\r\n     * @param behavior The scrolling behavior.\r\n     */\r\n    public scrollIntoView(position?: ScrollLogicalPosition, behavior?: ScrollBehavior) {\r\n        this.elementRef.nativeElement.scrollIntoView({ block: position, behavior: behavior });\r\n    }\r\n\r\n    /**\r\n     * Sets focus on the item.\r\n     */\r\n    public focus() {\r\n        this.elementRef.nativeElement.focus();\r\n    }\r\n\r\n    private _getTabIndex() {\r\n        let focus = this.list.focusMode();\r\n        // if (this.list.isDisabled()) {\r\n        //     return undefined;\r\n        // }\r\n\r\n        if (focus == 'none' || focus == 'activeDescendant') {\r\n            return undefined;\r\n        } else {\r\n            // focus: roving\r\n            return this.isActive() ? 0 : -1\r\n        }\r\n    }\r\n}\r\n","import { Component, ElementRef, input, signal, HostListener, inject, forwardRef, TemplateRef, ContentChild, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef, effect, EventEmitter, Output, computed, ViewChildren, QueryList, ViewEncapsulation, ViewContainerRef, HostBinding, OnInit, AfterViewInit, untracked, model, Renderer2 } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { dataSourceAttribute, DataRequest, DataSource, DataSourceLike } from '@bootkit/ng0/data';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { objectFormatterAttribute, defaultFormatter, LocalizationService } from '@bootkit/ng0/localization';\r\nimport { ListItem } from \"./list-item\";\r\nimport {\r\n    CssClassAttribute, defaultEqualityComparer, equalityComparerAttribute, valueWriterAttribute,\r\n    defaultValueWriter, filterPredicateAttribute, noopFilter, IdGeneratorAttribute, TrackByAttribute, trackByIndex, IfDirective\r\n} from '@bootkit/ng0/common';\r\n\r\n/** \r\n * ListComponent is a versatile component that displays a list of items with support for single or multiple selection,\r\n * custom item templates, filtering, and keyboard navigation.\r\n */\r\n@Component({\r\n    selector: 'ng0-list, ng0-select-list',\r\n    exportAs: 'ng0List',\r\n    templateUrl: './list.component.html',\r\n    styleUrl: './list.component.scss',\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    imports: [\r\n        CommonModule,\r\n        IfDirective,\r\n        ListItem\r\n    ],\r\n    providers: [{\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => ListComponent),\r\n        multi: true\r\n    }],\r\n    host: {\r\n        '[class.ng0-list-loading]': 'source().isLoading()',\r\n        '[attr.aria-activedescendant]': '_hostAriaActiveDescendant()',\r\n        '[attr.disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.aria-disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.tabindex]': '_hostTabIndex()',\r\n    }\r\n})\r\nexport class ListComponent implements ControlValueAccessor {\r\n    private _localizationService = inject(LocalizationService);\r\n    private _changeDetector = inject(ChangeDetectorRef);\r\n    private _changeCallback?: (value: any) => void;\r\n    private _touchCallback?: () => void;\r\n    private readonly _selectedItems = new Set<any>();\r\n\r\n    protected readonly _sourceItems = signal<any[]>([]);\r\n    @ContentChild(TemplateRef) protected _itemTemplate?: TemplateRef<any>;\r\n    protected readonly _activeItem = signal<ListItem | undefined>(undefined);\r\n    protected readonly _isDisabled = signal<boolean>(false);\r\n    private readonly _value = signal<any>(undefined);\r\n    private _renderer = inject(Renderer2);\r\n\r\n    /**\r\n     * A list of all visible list items.\r\n     */\r\n    @ViewChildren(ListItem) public readonly listItems?: QueryList<ListItem>;\r\n\r\n    /**\r\n     * Reference to the host element\r\n     */\r\n    public elementRef = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\r\n\r\n    /**\r\n     * The data source for the select component.\r\n     * This can be an array of data, a function that returns an observable of data,\r\n     * or an instance of DataSource.\r\n     */\r\n    public readonly source = input.required<DataSource<any>, DataSourceLike<any>>({\r\n        transform: v => dataSourceAttribute(v)\r\n    });\r\n\r\n    /** \r\n     * Indicates whether multi selection is enabled or not.\r\n     */\r\n    public readonly multiple = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether to show selection indicator (checkbox/radio) next to each item.\r\n     * Default is false.\r\n     */\r\n    public readonly showSelectionIndicator = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n    * A comparer to compare items for selection.\r\n    * Default uses strict equality (===).\r\n    */\r\n    public readonly compareBy = input(defaultEqualityComparer, {\r\n        transform: equalityComparerAttribute\r\n    });\r\n\r\n    /**\r\n     * A fromatter to convert each item to a string for display.\r\n     * Default converts the item to a string using its toString method.\r\n     */\r\n    public readonly formatBy = input(defaultFormatter, {\r\n        transform: objectFormatterAttribute(this._localizationService.get())\r\n    });\r\n\r\n    /**\r\n     * Custom value writer to extract the value of any object while writing values.\r\n     */\r\n    public readonly writeBy = input(defaultValueWriter, {\r\n        transform: valueWriterAttribute\r\n    });\r\n\r\n    /**\r\n     * Custom filter function to filter items.\r\n     * Default is a noop filter that does not filter any items.\r\n     */\r\n    public readonly filterBy = input(noopFilter, {\r\n        transform: filterPredicateAttribute\r\n    });\r\n\r\n    /**\r\n     * A function that uniquely identifies each item in the list.\r\n     * If set to a function, it will be called with the index and item as arguments to generate the unique id.\r\n     * If set to a string, it will be used as the property name to extract the unique id from each item.\r\n     * Two predifined trackBy options are available:\r\n     * - '@index': uses the index of the item as its unique id.\r\n     * - '@item': uses the item itself as its unique id.\r\n     * @example\r\n     * trackBy=\"@index\"\r\n     * trackBy=\"@item\"\r\n     * trackBy=\"objectFieldName\"\r\n     * [trackBy]=\"customTrackByFunction\"\r\n     * @default trackByIndex\r\n     */\r\n    public readonly trackBy = input(trackByIndex, {\r\n        transform: TrackByAttribute\r\n    });\r\n\r\n    /**\r\n     * CSS class or classes to apply to the list container.\r\n     * Default is undefined.\r\n     */\r\n    public readonly itemClass = input(undefined, {\r\n        transform: CssClassAttribute\r\n    });\r\n\r\n    /**\r\n     * Defines the focus behavior of the list component.\r\n     * - 'none': No keyboard interaction is possible. The list cannot be focused.\r\n     * - 'roving': Roving tabindex is enabled. The list can be focused and the active item is tabbable.\r\n     * - 'activeDescendant': The list can be focused, but no item is tabbable. The active item is indicated using aria-activedescendant.\r\n     * @default 'activeDescendant'.\r\n     */\r\n    public readonly focusMode = input<'none' | 'roving' | 'activeDescendant'>('activeDescendant');\r\n\r\n    /**\r\n     * A function that generates unique ids for each item in the list.\r\n     * If set to a function, it will be called with the item as an argument to generate the id.\r\n     * If set to undefined, no ids will be generated for the items.\r\n     * @default undefined\r\n     */\r\n    public readonly idGenerator = input(undefined, {\r\n        transform: IdGeneratorAttribute\r\n    });\r\n\r\n    /**\r\n     * Event emitted when the selection state of an item changes by user interaction.\r\n     */\r\n    @Output() public readonly itemSelect = new EventEmitter<ListItemSelectEvent>();\r\n\r\n    /**\r\n     * The template to use for each item in the list.\r\n     */\r\n    public readonly itemTemplate = input<TemplateRef<any> | undefined>(undefined);\r\n\r\n    constructor() {\r\n        effect(() => {\r\n            this.source().load(new DataRequest()).subscribe(res => {\r\n                untracked(() => {\r\n                    this._activeItem.set(undefined);\r\n                    this._sourceItems.set(res.data);\r\n                    this._updateSelectedItems();\r\n                    this._activateFirstSelectedItem();\r\n                });\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Indicates whether an item is active.\r\n     * @param item  \r\n     * @returns \r\n     */\r\n    public isActive(item: ListItem): boolean {\r\n        return item === this._activeItem();\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the given value is selected.\r\n     * @param item \r\n     * @returns \r\n     */\r\n    public isSelected(value: any): boolean {\r\n        return this._selectedItems.has(value);\r\n    }\r\n\r\n    /**\r\n     * Selects the given value.\r\n     * @param item \r\n     */\r\n    public select(value: any): void {\r\n        if (this.multiple()) {\r\n            if (!this._selectedItems.has(value)) {\r\n                this._selectedItems.add(value);\r\n                this._updateValue();\r\n                this._changeCallback?.(this._value())\r\n            }\r\n        } else {\r\n            this._selectedItems.clear();\r\n            this._selectedItems.add(value);\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value())\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects the given value.\r\n     * @param item \r\n     */\r\n    public deselect(value: any): void {\r\n        this._selectedItems.delete(value);\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the given value.\r\n     * @param item\r\n     */\r\n    public toggle(value: any): void {\r\n        if (this.isSelected(value)) {\r\n            this.deselect(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects all items in the list.\r\n     */\r\n    public deselectAll(): void {\r\n        this._selectedItems.clear();\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Selects all items in the list. Only applicable in multiple selection mode.\r\n     */\r\n    public selectAll(): void {\r\n        if (this.multiple()) {\r\n            this._selectedItems.clear();\r\n            this._sourceItems().forEach(i => this._selectedItems.add(i));\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value());\r\n        } else {\r\n            throw new Error('selectAll is only available in multiple selection mode.');\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Gets the current value(s) of the list.\r\n     */\r\n    public get value(): ReadonlyArray<any | any[]> {\r\n        return this._value();\r\n    }\r\n\r\n    /**\r\n     * Gets the current items in the list.\r\n     */\r\n    public get items(): ReadonlyArray<any[]> {\r\n        return this._sourceItems();\r\n    }\r\n\r\n    writeValue(value: any): void {\r\n        if (this.multiple()) {\r\n            if (value === null || value === undefined) {\r\n                value = [];\r\n            } else if (!Array.isArray(value)) {\r\n                throw Error('invalid value. Expected an array in multiple selection mode.');\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n        this._updateSelectedItems();\r\n        this._activateFirstSelectedItem();\r\n        this._changeDetector.markForCheck();\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._changeCallback = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._touchCallback = fn;\r\n    }\r\n\r\n    setDisabledState?(isDisabled: boolean): void {\r\n        this._isDisabled.set(isDisabled);\r\n    }\r\n\r\n    protected _handleUserSelection(item: ListItem, index: number) {\r\n        let value = item.value();\r\n\r\n        if (this.multiple()) {\r\n            this.toggle(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n\r\n        this._activeItem.set(item);\r\n        this.itemSelect.emit({ value: item.value(), item: item, list: this });\r\n        this._changeDetector.detectChanges();\r\n    }\r\n\r\n    protected _showLoadingSppiner = computed(() => {\r\n        let source = this.source();\r\n        return source.isLoading() && source.type == 'remote';\r\n    });\r\n\r\n    private _updateSelectedItems(): void {\r\n        let value = this._value();\r\n        let compareBy = this.compareBy();\r\n        let findAndSelect = (v: any) => {\r\n            let index = this._sourceItems().findIndex(i => compareBy(i, v));\r\n            if (index > -1) {\r\n                let item = this._sourceItems().at(index)!;\r\n                this._selectedItems.add(item);\r\n            }\r\n\r\n            return index;\r\n        };\r\n\r\n        this._selectedItems.clear();\r\n        if (this.multiple()) {\r\n            if (Array.isArray(value)) {\r\n                (value as any[]).forEach(v => findAndSelect(v));\r\n            }\r\n        } else {\r\n            findAndSelect(value);\r\n        }\r\n    }\r\n\r\n    private _activateFirstSelectedItem(): void {\r\n        if (this._selectedItems.size > 0) {\r\n            let value = this._selectedItems.values().next().value;\r\n            let item = this.listItems?.find(i => i.value() === value);\r\n            if (item) {\r\n                this._activeItem.set(item);\r\n            }\r\n        }\r\n    }\r\n\r\n    private _updateValue(): void {\r\n        let value: any;\r\n\r\n        if (this.multiple()) {\r\n            let values: any[] = [];\r\n            this._selectedItems.forEach(v => {\r\n                values.push(this.writeBy()(v));\r\n            });\r\n            value = values;\r\n        } else {\r\n            if (this._selectedItems.size > 0) {\r\n                let first = this._selectedItems.values().next().value;\r\n                value = this.writeBy()(first);\r\n            } else {\r\n                value = undefined;\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n    }\r\n\r\n    private _hostAriaActiveDescendant = computed(() => {\r\n        if (this._activeItem() && !this._isDisabled() && this.focusMode() == 'activeDescendant') {\r\n            return this._activeItem()!.id();\r\n        }\r\n\r\n        return undefined;\r\n    });\r\n\r\n    private _hostTabIndex = computed(() => {\r\n        let isDisabled = this._isDisabled(); // track the value\r\n        let activeItem = this._activeItem(); // track the value\r\n\r\n        if (isDisabled) {\r\n            return undefined;\r\n        }\r\n\r\n        switch (this.focusMode()) {\r\n            case 'none':\r\n                return undefined;\r\n            case 'activeDescendant':\r\n                return 0;\r\n            case 'roving':\r\n\r\n                return activeItem ? undefined : 0;\r\n        }\r\n    });\r\n\r\n    @HostListener('blur')\r\n    private _onHostBlur() {\r\n        this._touchCallback?.();\r\n    }\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    private _onKeydown(e: KeyboardEvent) {\r\n        if (this._isDisabled())\r\n            return;\r\n\r\n        let listLength = this.listItems!.length;\r\n        if (listLength == 0) {\r\n            return;\r\n        }\r\n\r\n        let activeItem = this._activeItem();\r\n        let activeItemindex = activeItem ? this.listItems!.toArray().findIndex(i => i === activeItem) : -1;\r\n\r\n        switch (e.key) {\r\n            case 'ArrowDown':\r\n                if (activeItemindex < listLength - 1) {\r\n                    const next = this.listItems!.get(activeItemindex + 1);\r\n                    this._activeItem.set(next);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'ArrowUp':\r\n                if (activeItemindex == -1) {\r\n                    const last = this.listItems!.get(listLength - 1);\r\n                    this._activeItem.set(last);\r\n                } else if (activeItemindex > 0) {\r\n                    const previous = this.listItems!.get(activeItemindex - 1);\r\n                    this._activeItem.set(previous);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'Enter':\r\n                if (activeItem) {\r\n                    this._handleUserSelection(activeItem, activeItemindex);\r\n                }\r\n                break;\r\n            case 'Home':\r\n                const first = this.listItems!.get(0);\r\n                this._activeItem.set(first);\r\n                e.preventDefault();\r\n                break;\r\n            case 'End':\r\n                const last = this.listItems!.get(listLength - 1);\r\n                this._activeItem.set(last);\r\n                e.preventDefault();\r\n                break;\r\n        }\r\n\r\n        this._activeItem()?.scrollIntoView('nearest', listLength > 100 ? 'instant' : 'smooth');\r\n        if (this.focusMode() === 'roving') {\r\n            this._activeItem()?.focus();\r\n        }\r\n    }\r\n}\r\n\r\n\r\n/**\r\n * Event emitted when the selection state of the list changes by user interaction.\r\n */\r\nexport interface ListItemSelectEvent {\r\n    /**\r\n     * The value of the item that was selected or deselected.\r\n     */\r\n    value: any;\r\n\r\n    /**\r\n     * The item that was selected or deselected.\r\n     */\r\n    readonly item: ListItem;\r\n\r\n    /**\r\n     * The list component that emitted the event.\r\n     */\r\n    readonly list: ListComponent\r\n}\r\n","@let filter = filterBy();\r\n@let formatter = formatBy();\r\n\r\n@for (item of _sourceItems(); track trackBy()($index, item)) {\r\n\r\n<ng0-list-item #listItem=\"ng0ListItem\"\r\n               *ng0If=\"!filter || filter(item)\"\r\n               [value]=\"item\"\r\n               [id]=\"idGenerator()?.(item)\"\r\n               [class.active]=\"isActive(listItem)\"\r\n               [class.selected]=\"isSelected(item)\"\r\n               [ngClass]=\"itemClass()?.(item)\"\r\n               (click)=\"_handleUserSelection(listItem, $index);\">\r\n\r\n       @if(itemTemplate() || _itemTemplate) {\r\n       @let template = itemTemplate() || _itemTemplate;\r\n       <ng-container *ngTemplateOutlet=\"template; context: { $implicit: {item: listItem, value: item}}\" />\r\n       } @else {\r\n       @if(showSelectionIndicator()) {\r\n       <input class=\"form-check-input ng0-selection-indicator\"\r\n              tabindex=\"-1\"\r\n              [checked]=\"isSelected(item)\"\r\n              [attr.type]=\"multiple() ? 'checkbox' : 'radio'\">\r\n       }\r\n\r\n       {{formatter(item)}}\r\n       }\r\n</ng0-list-item>\r\n}\r\n\r\n@if(_showLoadingSppiner()) {\r\n@if(_sourceItems().length == 0) {\r\n<div style=\"text-align: center; padding: 0.5rem 0;\">\r\n       <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n</div>\r\n}@else {\r\n<div class=\"ng0-list-loading-cover\">\r\n       <ng-container *ngTemplateOutlet=\"spinner\"></ng-container>\r\n</div>\r\n}\r\n}\r\n\r\n<ng-template #spinner>\r\n       <div class=\"spinner-border spinner-sm text-primary ng0-list-loading-indicator\" role=\"status\">\r\n              <span class=\"visually-hidden\">Loading...</span>\r\n       </div>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { ListComponent } from './list.component';\r\n\r\nconst Items = [ListComponent]\r\n\r\n/**\r\n * List module.\r\n */\r\n@NgModule({\r\n    imports: Items,\r\n    exports: Items\r\n})\r\nexport class ListModule { }\r\n","// export  *  from './types';\r\nexport * from './list.component';\r\nexport * from './list.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/bootkit-ng0-components-select.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, inject, ElementRef, Renderer2, ChangeDetectorRef, input, booleanAttribute, model, effect, untracked, computed, TemplateRef, forwardRef, HostListener, ContentChild, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { signal, inject, ElementRef, Renderer2, ChangeDetectorRef, input, booleanAttribute, model, EventEmitter, effect, untracked, computed, TemplateRef, forwardRef, HostListener, Output, ContentChild, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { dataSourceAttribute, DataRequest } from '@bootkit/ng0/data';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -110,6 +110,10 @@ class SelectComponent {
     idGenerator = input(undefined, ...(ngDevMode ? [{ debugName: "idGenerator", transform: IdGeneratorAttribute }] : [{
             transform: IdGeneratorAttribute
         }]));
+    /**
+     * Event emitted when the selected value changes.
+     */
+    valueChange = new EventEmitter();
     constructor() {
         ['ng0-select', 'form-select'].forEach(c => this._renderer.addClass(this._elementRef.nativeElement, c));
         this._scrollStrategy = this._overlay.scrollStrategies.block();
@@ -263,7 +267,7 @@ class SelectComponent {
         else {
             this.select(value);
         }
-        // this.selectionChange.emit({ item: item, list: this });
+        this.valueChange.emit({ value: e.value, select: this });
         this._changeDetectorRef.detectChanges();
         if (!this.multiple()) {
             this.open.set(false);
@@ -314,6 +318,16 @@ class SelectComponent {
             this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);
             return;
         }
+        else {
+            if (e.key == 'Enter') {
+                this.open.set(true);
+                e.preventDefault();
+                return;
+            }
+        }
+        if (this.multiple()) {
+            return;
+        }
         let selectedItemindex;
         if (this._selectedItems.size == 0) {
             selectedItemindex = -1;
@@ -322,37 +336,41 @@ class SelectComponent {
             let firstValue = this._selectedItems.values().next().value;
             selectedItemindex = sourceItems.findIndex(i => i === firstValue);
         }
+        let newItemIndex = selectedItemindex;
         switch (e.key) {
             case 'ArrowDown':
                 if (selectedItemindex < itemsCount - 1) {
-                    this.select(sourceItems[selectedItemindex + 1]);
+                    newItemIndex = selectedItemindex + 1;
+                    this.select(sourceItems[newItemIndex]);
                 }
                 e.preventDefault();
                 break;
             case 'ArrowUp':
                 if (selectedItemindex > 0) {
-                    this.select(sourceItems[selectedItemindex - 1]);
+                    newItemIndex = selectedItemindex - 1;
+                    this.select(sourceItems[newItemIndex]);
                 }
                 e.preventDefault();
                 break;
-            case 'Enter':
-                this.open.set(true);
-                e.preventDefault();
-                break;
             case 'Home':
                 if (itemsCount > 0) {
+                    newItemIndex = 0;
                     this.select(sourceItems[0]);
                 }
                 e.preventDefault();
                 break;
             case 'End':
                 if (itemsCount > 0) {
-                    this.select(sourceItems[itemsCount - 1]);
+                    newItemIndex = itemsCount - 1;
+                    this.select(sourceItems[newItemIndex]);
                 }
                 e.preventDefault();
                 break;
         }
-        this._changeDetectorRef.markForCheck();
+        if (selectedItemindex != newItemIndex) {
+            this.valueChange.emit({ value: sourceItems[newItemIndex], select: this });
+            this._changeDetectorRef.markForCheck();
+        }
     }
     _onHostClick(e) {
         if (this._isDisabled() || this.source().isLoading()) {
@@ -362,11 +380,11 @@ class SelectComponent {
         this._touchCallback?.();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: SelectComponent, isStandalone: true, selector: "ng0-select", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showSelectionIndicator: { classPropertyName: "showSelectionIndicator", publicName: "showSelectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, compareBy: { classPropertyName: "compareBy", publicName: "compareBy", isSignal: true, isRequired: false, transformFunction: null }, formatBy: { classPropertyName: "formatBy", publicName: "formatBy", isSignal: true, isRequired: false, transformFunction: null }, writeBy: { classPropertyName: "writeBy", publicName: "writeBy", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, idGenerator: { classPropertyName: "idGenerator", publicName: "idGenerator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { listeners: { "keydown": "_onHostKeydown($event)", "click": "_onHostClick($event)" }, properties: { "class.ng0-select-open": "open()", "class.ng0-select-filterable": "filterable()", "class.ng0-select-loading": "source().isLoading()", "attr.disabled": "_isDisabled() ? \"\" : undefined", "attr.aria-disabled": "_isDisabled() ? \"\" : undefined", "attr.tabindex": "_isDisabled() ? undefined : 0" } }, providers: [{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: SelectComponent, isStandalone: true, selector: "ng0-select", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showSelectionIndicator: { classPropertyName: "showSelectionIndicator", publicName: "showSelectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, compareBy: { classPropertyName: "compareBy", publicName: "compareBy", isSignal: true, isRequired: false, transformFunction: null }, formatBy: { classPropertyName: "formatBy", publicName: "formatBy", isSignal: true, isRequired: false, transformFunction: null }, writeBy: { classPropertyName: "writeBy", publicName: "writeBy", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, itemClass: { classPropertyName: "itemClass", publicName: "itemClass", isSignal: true, isRequired: false, transformFunction: null }, idGenerator: { classPropertyName: "idGenerator", publicName: "idGenerator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", valueChange: "valueChange" }, host: { listeners: { "keydown": "_onHostKeydown($event)", "click": "_onHostClick($event)" }, properties: { "class.ng0-select-open": "open()", "class.ng0-select-filterable": "filterable()", "class.ng0-select-loading": "source().isLoading()", "attr.disabled": "_isDisabled() ? \"\" : undefined", "attr.aria-disabled": "_isDisabled() ? \"\" : undefined", "attr.tabindex": "_isDisabled() ? undefined : 0" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SelectComponent),
                 multi: true
-            }], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "_filterElementRef", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "_listComponent", first: true, predicate: ListComponent, descendants: true }], exportAs: ["ng0Select"], ngImport: i0, template: "@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (selectionChange)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>", styles: ["ng0-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;display:flex!important;align-items:center}ng0-select[disabled],ng0-select.disabled{opacity:.5;pointer-events:none}ng0-select:empty:before{content:\" \";white-space:pre}ng0-select:focus,ng0-select:focus-visible,ng0-select.ng0-select-open.ng0-select-filterable{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.ng0-select-dropdown{display:flex;flex-direction:column;background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow-y:auto;margin:var(--bs-focus-ring-width, 0) 0}.ng0-select-filter-container{padding:.5rem;background-color:inherit}.ng0-select-filter-container .ng0-select-filter-input{width:100%;border:1px solid var(--bs-border-color);border-radius:.2rem;padding:.25rem}.ng0-select-filter-container .ng0-select-filter-input:focus,.ng0-select-filter-container .ng0-select-filter-input:focus-visible{outline:0}ng0-select-list{flex-grow:1;overflow-y:auto}ng0-select-list ng0-list-item{padding:.5rem;display:flex}ng0-select-list ng0-list-item.selected{background-color:var(--bs-primary);color:var(--bs-light)}ng0-select-list ng0-list-item.active:not(.selected){background-color:color-mix(in srgb,var(--bs-primary),white 85%)}ng0-select-list ng0-list-item:hover:not(.selected):not(.disabled):not(.active){background-color:color-mix(in srgb,var(--bs-primary),white 95%)}ng0-select-list ng0-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}ng0-select-list ng0-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}ng0-select-list ng0-list-item .ng0-selection-indicator{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ListModule }, { kind: "component", type: i1.ListComponent, selector: "ng0-list, ng0-select-list", inputs: ["source", "multiple", "showSelectionIndicator", "compareBy", "formatBy", "writeBy", "filterBy", "trackBy", "itemClass", "focusMode", "idGenerator", "itemTemplate"], outputs: ["selectionChange"], exportAs: ["ng0List"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+            }], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "_filterElementRef", first: true, predicate: ["filterInput"], descendants: true }, { propertyName: "_listComponent", first: true, predicate: ListComponent, descendants: true }], exportAs: ["ng0Select"], ngImport: i0, template: "@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (itemSelect)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>", styles: ["ng0-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;display:flex!important;align-items:center}ng0-select[disabled],ng0-select.disabled{opacity:.5;pointer-events:none}ng0-select:empty:before{content:\" \";white-space:pre}ng0-select:focus,ng0-select:focus-visible,ng0-select.ng0-select-open.ng0-select-filterable{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.ng0-select-dropdown{display:flex;flex-direction:column;background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow-y:auto;margin:var(--bs-focus-ring-width, 0) 0}.ng0-select-filter-container{padding:.5rem;background-color:inherit}.ng0-select-filter-container .ng0-select-filter-input{width:100%;border:1px solid var(--bs-border-color);border-radius:.2rem;padding:.25rem}.ng0-select-filter-container .ng0-select-filter-input:focus,.ng0-select-filter-container .ng0-select-filter-input:focus-visible{outline:0}ng0-select-list{flex-grow:1;overflow-y:auto}ng0-select-list ng0-list-item{padding:.5rem;display:flex}ng0-select-list ng0-list-item.selected{background-color:var(--bs-primary);color:var(--bs-light)}ng0-select-list ng0-list-item.active:not(.selected){background-color:color-mix(in srgb,var(--bs-primary),white 85%)}ng0-select-list ng0-list-item:hover:not(.selected):not(.disabled):not(.active){background-color:color-mix(in srgb,var(--bs-primary),white 95%)}ng0-select-list ng0-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}ng0-select-list ng0-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}ng0-select-list ng0-list-item .ng0-selection-indicator{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ListModule }, { kind: "component", type: i1.ListComponent, selector: "ng0-list, ng0-select-list", inputs: ["source", "multiple", "showSelectionIndicator", "compareBy", "formatBy", "writeBy", "filterBy", "trackBy", "itemClass", "focusMode", "idGenerator", "itemTemplate"], outputs: ["itemSelect"], exportAs: ["ng0List"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
@@ -381,7 +399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                         '[attr.disabled]': '_isDisabled() ? "" : undefined',
                         '[attr.aria-disabled]': '_isDisabled() ? "" : undefined',
                         '[attr.tabindex]': '_isDisabled() ? undefined : 0',
-                    }, template: "@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (selectionChange)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>", styles: ["ng0-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;display:flex!important;align-items:center}ng0-select[disabled],ng0-select.disabled{opacity:.5;pointer-events:none}ng0-select:empty:before{content:\" \";white-space:pre}ng0-select:focus,ng0-select:focus-visible,ng0-select.ng0-select-open.ng0-select-filterable{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.ng0-select-dropdown{display:flex;flex-direction:column;background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow-y:auto;margin:var(--bs-focus-ring-width, 0) 0}.ng0-select-filter-container{padding:.5rem;background-color:inherit}.ng0-select-filter-container .ng0-select-filter-input{width:100%;border:1px solid var(--bs-border-color);border-radius:.2rem;padding:.25rem}.ng0-select-filter-container .ng0-select-filter-input:focus,.ng0-select-filter-container .ng0-select-filter-input:focus-visible{outline:0}ng0-select-list{flex-grow:1;overflow-y:auto}ng0-select-list ng0-list-item{padding:.5rem;display:flex}ng0-select-list ng0-list-item.selected{background-color:var(--bs-primary);color:var(--bs-light)}ng0-select-list ng0-list-item.active:not(.selected){background-color:color-mix(in srgb,var(--bs-primary),white 85%)}ng0-select-list ng0-list-item:hover:not(.selected):not(.disabled):not(.active){background-color:color-mix(in srgb,var(--bs-primary),white 95%)}ng0-select-list ng0-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}ng0-select-list ng0-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}ng0-select-list ng0-list-item .ng0-selection-indicator{margin-inline-end:.5rem}\n"] }]
+                    }, template: "@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (itemSelect)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>", styles: ["ng0-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;display:flex!important;align-items:center}ng0-select[disabled],ng0-select.disabled{opacity:.5;pointer-events:none}ng0-select:empty:before{content:\" \";white-space:pre}ng0-select:focus,ng0-select:focus-visible,ng0-select.ng0-select-open.ng0-select-filterable{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.ng0-select-dropdown{display:flex;flex-direction:column;background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow-y:auto;margin:var(--bs-focus-ring-width, 0) 0}.ng0-select-filter-container{padding:.5rem;background-color:inherit}.ng0-select-filter-container .ng0-select-filter-input{width:100%;border:1px solid var(--bs-border-color);border-radius:.2rem;padding:.25rem}.ng0-select-filter-container .ng0-select-filter-input:focus,.ng0-select-filter-container .ng0-select-filter-input:focus-visible{outline:0}ng0-select-list{flex-grow:1;overflow-y:auto}ng0-select-list ng0-list-item{padding:.5rem;display:flex}ng0-select-list ng0-list-item.selected{background-color:var(--bs-primary);color:var(--bs-light)}ng0-select-list ng0-list-item.active:not(.selected){background-color:color-mix(in srgb,var(--bs-primary),white 85%)}ng0-select-list ng0-list-item:hover:not(.selected):not(.disabled):not(.active){background-color:color-mix(in srgb,var(--bs-primary),white 95%)}ng0-select-list ng0-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}ng0-select-list ng0-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}ng0-select-list ng0-list-item .ng0-selection-indicator{margin-inline-end:.5rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _filterElementRef: [{
                 type: ViewChild,
                 args: ['filterInput']
@@ -391,6 +409,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
             }], itemTemplate: [{
                 type: ContentChild,
                 args: [TemplateRef]
+            }], valueChange: [{
+                type: Output
             }], _onHostKeydown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]

package/fesm2022/bootkit-ng0-components-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-select.mjs","sources":["../../../projects/ng0/components/select/select.component.ts","../../../projects/ng0/components/select/select.component.html","../../../projects/ng0/components/select/select.module.ts","../../../projects/ng0/components/select/public-api.ts","../../../projects/ng0/components/select/bootkit-ng0-components-select.ts"],"sourcesContent":["import { Component, ElementRef, Renderer2, input, signal, model, HostListener, inject, forwardRef, ViewChild, TemplateRef, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef, effect, computed, untracked } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { dataSourceAttribute, DataSource, DataSourceLike, DataRequest } from '@bootkit/ng0/data';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { FlexibleConnectedPositionStrategy, Overlay, OverlayModule, ScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';\r\nimport { Subscription } from 'rxjs';\r\nimport { objectFormatterAttribute, defaultFormatter, LocalizationService } from '@bootkit/ng0/localization';\r\nimport { ListComponent, ListModule, ListSelectionChangeEvent } from '@bootkit/ng0/components/list';\r\nimport {\r\n    CssClassAttribute, equalityComparerAttribute, defaultEqualityComparer, valueWriterAttribute, defaultValueWriter,\r\n    IdGeneratorAttribute, defaultFilter, filterPredicateAttribute\r\n} from '@bootkit/ng0/common';\r\n\r\n/**\r\n * Select component that allows users to choose an option from a dropdown list.\r\n */\r\n@Component({\r\n    selector: 'ng0-select',\r\n    exportAs: 'ng0Select',\r\n    templateUrl: './select.component.html',\r\n    styleUrl: './select.component.scss',\r\n    standalone: true,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule, ListModule, OverlayModule],\r\n    providers: [{\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => SelectComponent),\r\n        multi: true\r\n    }],\r\n    host: {\r\n        '[class.ng0-select-open]': 'open()',\r\n        '[class.ng0-select-filterable]': 'filterable()',\r\n        '[class.ng0-select-loading]': 'source().isLoading()',\r\n        '[attr.disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.aria-disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.tabindex]': '_isDisabled() ? undefined : 0',\r\n    }\r\n})\r\nexport class SelectComponent implements ControlValueAccessor {\r\n    // private _resizeObserver?: ResizeObserver;\r\n    private _viewpoerRulerSubscription?: Subscription;\r\n    @ViewChild('filterInput') private _filterElementRef?: ElementRef;\r\n    @ViewChild(ListComponent) private _listComponent?: ListComponent;\r\n    private _changeCallback!: (value: any) => void;\r\n    private _touchCallback!: () => void;\r\n    protected readonly _sourceItems = signal<any[] | undefined>(undefined);\r\n    protected readonly _selectedItems = new Set<any>();\r\n    protected readonly _isDisabled = signal<boolean>(false);\r\n    protected _positionStrategy!: FlexibleConnectedPositionStrategy;\r\n    protected _scrollStrategy!: ScrollStrategy;\r\n    private _overlay = inject(Overlay);\r\n    private _localizationService = inject(LocalizationService);\r\n    protected _elementRef = inject(ElementRef<HTMLDivElement>);\r\n    protected readonly _filterValue = signal('');\r\n    private _renderer = inject(Renderer2);\r\n    private _viewportRuler = inject(ViewportRuler);\r\n    private _changeDetectorRef = inject(ChangeDetectorRef);\r\n    private readonly _value = signal<any>(undefined);\r\n\r\n    /**\r\n     * Template for rendering each item in the select component.\r\n     */\r\n    @ContentChild(TemplateRef) public itemTemplate?: TemplateRef<any>;\r\n\r\n    /**\r\n     * The data source for the select component.\r\n     * This can be an array of data, a function that returns an observable of data,\r\n     * or an instance of DataSource.\r\n     */\r\n    public readonly source = input.required<DataSource<any>, DataSourceLike<any>>({\r\n        transform: v => dataSourceAttribute(v)\r\n    });\r\n\r\n    /** \r\n     * Indicates whether multi selection is enabled or not.\r\n     */\r\n    public readonly multiple = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether to show selection indicator (checkbox/radio) next to each item.\r\n     * Default is false.\r\n     */\r\n    public readonly showSelectionIndicator = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /** \r\n     * Indicates whether the dropdown is open or closed.\r\n     */\r\n    public readonly open = model(false);\r\n\r\n    /**\r\n    * A comparer to compare items for selection.\r\n    */\r\n    public readonly compareBy = input(defaultEqualityComparer, {\r\n        transform: equalityComparerAttribute\r\n    });\r\n\r\n    /**\r\n     * A fromatter to convert each item to a string for display.\r\n     */\r\n    public readonly formatBy = input(defaultFormatter, {\r\n        transform: objectFormatterAttribute(this._localizationService.get())\r\n    });\r\n\r\n    /**\r\n     * Custom value writer to extract the value of any object while writing values.\r\n     */\r\n    public readonly writeBy = input(defaultValueWriter, {\r\n        transform: valueWriterAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether the select component is filterable.\r\n     */\r\n    public readonly filterable = input(false, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Custom filter function to filter items based on a filter value.\r\n     * Default checks if the item contains the filter value (case-insensitive).\r\n     */\r\n    public readonly filterBy = input(defaultFilter, {\r\n        transform: filterPredicateAttribute\r\n    });\r\n\r\n    /**\r\n     * Placeholder text for the filter input field.\r\n     */\r\n    public readonly filterPlaceholder = input<string | undefined>(undefined);\r\n\r\n    /**\r\n     * CSS class or classes to apply to the items.\r\n     */\r\n    public readonly itemClass = input(undefined, {\r\n        transform: CssClassAttribute\r\n    });\r\n\r\n    /**\r\n     * A function that generates unique ids for each item in the list.\r\n     * If set to a function, it will be called with the item as an argument to generate the id.\r\n     * If set to undefined, no ids will be generated for the items.\r\n     * @default undefined\r\n     */\r\n    public readonly idGenerator = input(undefined, {\r\n        transform: IdGeneratorAttribute\r\n    });\r\n\r\n    constructor() {\r\n        ['ng0-select', 'form-select'].forEach(c => this._renderer.addClass(this._elementRef.nativeElement, c));\r\n        this._scrollStrategy = this._overlay.scrollStrategies.block();\r\n\r\n        effect(() => {\r\n            let source = this.source();\r\n            source.load(new DataRequest()).subscribe(res => {\r\n                untracked(() => {\r\n                    this._sourceItems.set(res.data);\r\n                    this._findAndSelectItems();\r\n                    this._changeDetectorRef.markForCheck();\r\n                })\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the given value is selected.\r\n     * @param item \r\n     * @returns \r\n     */\r\n    public isSelected(value: any): boolean {\r\n        return this._selectedItems.has(value);\r\n    }\r\n\r\n    /**\r\n     * Selects the given value.\r\n     * @param item \r\n     */\r\n    public select(value: any): void {\r\n        if (this.multiple()) {\r\n            if (!this._selectedItems.has(value)) {\r\n                this._selectedItems.add(value);\r\n                this._updateValue();\r\n                this._changeCallback?.(this._value());\r\n            }\r\n        } else {\r\n            this._selectedItems.clear();\r\n            this._selectedItems.add(value);\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value());\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects the given value.\r\n     * @param item \r\n     */\r\n    public deselect(value: any): void {\r\n        this._selectedItems.delete(value);\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the given value.\r\n     * @param item\r\n    */\r\n    public toggle(value: any): void {\r\n        if (this.isSelected(value)) {\r\n            this.deselect(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n    }\r\n\r\n    writeValue(obj: any): void {\r\n        if (this.multiple()) {\r\n            if (obj === null || obj === undefined) {\r\n                obj = [];\r\n            } else if (!Array.isArray(obj)) {\r\n                throw Error('invalid value. Expected an array in multiple selection mode.');\r\n            }\r\n        }\r\n\r\n        this._value.set(obj);\r\n        this._findAndSelectItems();\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._changeCallback = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._touchCallback = fn;\r\n    }\r\n\r\n    setDisabledState?(isDisabled: boolean): void {\r\n        this._isDisabled.set(isDisabled);\r\n    }\r\n\r\n    private _findAndSelectItems(): void {\r\n        let value = this._value();\r\n        let compareBy = this.compareBy();\r\n        let sourceItems = this._sourceItems();\r\n        if (sourceItems == undefined) {\r\n            return;\r\n        }\r\n\r\n        let findAndSelect = (v: any) => {\r\n            let index = sourceItems.findIndex(sourceItem => compareBy(sourceItem, v));\r\n            if (index > -1) {\r\n                let item = sourceItems.at(index)!;\r\n                this._selectedItems.add(item);\r\n            }\r\n        };\r\n\r\n        if (this.multiple()) {\r\n            if (Array.isArray(value)) {\r\n                (value as any[]).forEach(v => findAndSelect(v));\r\n            }\r\n        } else {\r\n            findAndSelect(value);\r\n        }\r\n    }\r\n\r\n    private _updateValue(): void {\r\n        let value: any;\r\n\r\n        if (this.multiple()) {\r\n            let values: any[] = [];\r\n            this._selectedItems.forEach(v => {\r\n                values.push(this.writeBy()(v));\r\n            });\r\n            value = values;\r\n        } else {\r\n            if (this._selectedItems.size > 0) {\r\n                let first = this._selectedItems.values().next().value;\r\n                value = this.writeBy()(first);\r\n            } else {\r\n                value = undefined;\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n    }\r\n\r\n    protected _onOverlayAttach() {\r\n        this._listenToResizeEvents();\r\n\r\n        setTimeout(() => {\r\n            if (this.filterable()) {\r\n                this._filterElementRef?.nativeElement.focus();\r\n            }\r\n\r\n            this._listComponent!.writeValue(this._value());\r\n            // if (this._activeOptionIndex() > -1) {\r\n            //     this._listComponent?.active(this._activeOptionIndex());\r\n            // }\r\n        }, 0);\r\n    }\r\n\r\n    protected _onOverlayDetach() {\r\n        this._unlistenFromResizeEvents();\r\n        this._elementRef!.nativeElement.focus();\r\n        this._filterValue.set('');\r\n        this.open.set(false);\r\n    }\r\n\r\n    protected _onListSelectionChange(e: ListSelectionChangeEvent) {\r\n        let value = e.item.value();\r\n\r\n        if (this.multiple()) {\r\n            this.toggle(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n\r\n        // this.selectionChange.emit({ item: item, list: this });\r\n        this._changeDetectorRef.detectChanges();\r\n        if (!this.multiple()) {\r\n            this.open.set(false);\r\n        }\r\n    }\r\n\r\n    protected _filterPredicate = computed(() => {\r\n        let filterValue = this._filterValue();\r\n        let filterBy = this.filterBy();\r\n\r\n        return (item: any) => filterBy(item, filterValue);\r\n    })\r\n\r\n    protected _onFilterKeydown(e: KeyboardEvent) {\r\n        let keys = ['ArrowDown', 'ArrowUp', 'Enter', 'Home', 'End'];\r\n\r\n        if (e.key === 'Tab') {\r\n            e.preventDefault();\r\n            this.open.set(false);\r\n        }\r\n\r\n        if (keys.includes(e.key)) {\r\n            e.preventDefault();\r\n            const newEvent = new KeyboardEvent(e.type, e);\r\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\r\n        }\r\n    }\r\n\r\n    private _listenToResizeEvents() {\r\n        this._viewportRuler.change().subscribe(x => {\r\n            this.open.set(false);\r\n        });\r\n\r\n        // this._resizeObserver = new ResizeObserver(e => {\r\n        //     // update overlay size\r\n        //     // const width = (e[0].target as HTMLDivElement).offsetWidth;\r\n        //     // this._connectedOverlay.overlayRef.updateSize({ width });\r\n        // });\r\n\r\n        // this._resizeObserver.observe(this._elementRef.nativeElement);\r\n    }\r\n\r\n    private _unlistenFromResizeEvents() {\r\n        this._viewpoerRulerSubscription?.unsubscribe();\r\n        this._viewpoerRulerSubscription = undefined;\r\n\r\n        // this._resizeObserver?.disconnect();\r\n        // this._resizeObserver = undefined;\r\n    }\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    private _onHostKeydown(e: KeyboardEvent) {\r\n        let sourceItems = this._sourceItems()\r\n        let itemsCount = sourceItems?.length || 0;\r\n\r\n        if (this._isDisabled() || !sourceItems || itemsCount === 0) {\r\n            return;\r\n        }\r\n\r\n        if (this.open()) {\r\n            const newEvent = new KeyboardEvent(e.type, e);\r\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\r\n            return;\r\n        }\r\n\r\n        let selectedItemindex: number;\r\n        if (this._selectedItems.size == 0) {\r\n            selectedItemindex = -1\r\n        } else {\r\n            let firstValue = this._selectedItems.values().next().value;\r\n            selectedItemindex = sourceItems.findIndex(i => i === firstValue);\r\n        }\r\n\r\n        switch (e.key) {\r\n            case 'ArrowDown':\r\n                if (selectedItemindex < itemsCount - 1) {\r\n                    this.select(sourceItems[selectedItemindex + 1]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'ArrowUp':\r\n                if (selectedItemindex > 0) {\r\n                    this.select(sourceItems[selectedItemindex - 1]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'Enter':\r\n                this.open.set(true);\r\n                e.preventDefault();\r\n                break;\r\n            case 'Home':\r\n                if (itemsCount > 0) {\r\n                    this.select(sourceItems[0]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'End':\r\n                if (itemsCount > 0) {\r\n                    this.select(sourceItems[itemsCount - 1]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n        }\r\n\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    private _onHostClick(e: MouseEvent) {\r\n        if (this._isDisabled() || this.source().isLoading()) {\r\n            return;\r\n        }\r\n\r\n        this.open.update(x => !x);\r\n        this._touchCallback?.();\r\n    }\r\n}\r\n","@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (selectionChange)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { SelectComponent } from './select.component';\r\n\r\nconst Items = [SelectComponent]\r\n\r\n/**\r\n * Select module.\r\n */\r\n@NgModule({\r\n    imports: Items,\r\n    exports: Items\r\n})\r\nexport class SelectModule { }\r\n","// export  *  from './types';\r\nexport * from './select.component';\r\nexport * from './select.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AAaA;;AAEG;MAwBU,eAAe,CAAA;;AAEhB,IAAA,0BAA0B;AACA,IAAA,iBAAiB;AACjB,IAAA,cAAc;AACxC,IAAA,eAAe;AACf,IAAA,cAAc;AACH,IAAA,YAAY,GAAG,MAAM,CAAoB,SAAS,wDAAC;AACnD,IAAA,cAAc,GAAG,IAAI,GAAG,EAAO;AAC/B,IAAA,WAAW,GAAG,MAAM,CAAU,KAAK,uDAAC;AAC7C,IAAA,iBAAiB;AACjB,IAAA,eAAe;AACjB,IAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAC1B,IAAA,oBAAoB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAChD,IAAA,WAAW,GAAG,MAAM,EAAC,UAA0B,EAAC;AACvC,IAAA,YAAY,GAAG,MAAM,CAAC,EAAE,wDAAC;AACpC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAC7B,IAAA,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC;AACtC,IAAA,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACrC,IAAA,MAAM,GAAG,MAAM,CAAM,SAAS,kDAAC;AAEhD;;AAEG;AAC+B,IAAA,YAAY;AAE9C;;;;AAIG;AACa,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,yCACnC,SAAS,EAAE,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAA,CAAA,GAAA,CADoC;YAC1E,SAAS,EAAE,CAAC,IAAI,mBAAmB,CAAC,CAAC;AACxC,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;IACa,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAClC,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADS;AACpC,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;AAGG;IACa,sBAAsB,GAAG,KAAK,CAAC,KAAK,0DAChD,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADuB;AAClD,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;AACa,IAAA,IAAI,GAAG,KAAK,CAAC,KAAK,gDAAC;AAEnC;;AAEE;IACc,SAAS,GAAG,KAAK,CAAC,uBAAuB,6CACrD,SAAS,EAAE,yBAAyB,EAAA,CAAA,GAAA,CADmB;AACvD,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;AACa,IAAA,QAAQ,GAAG,KAAK,CAAC,gBAAgB,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAC7C,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE,CAAC,EAAA,CAAA,GAAA,CADrB;YAC/C,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,EAAE;AACtE,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;IACa,OAAO,GAAG,KAAK,CAAC,kBAAkB,2CAC9C,SAAS,EAAE,oBAAoB,EAAA,CAAA,GAAA,CADiB;AAChD,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;AACa,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAE1E;;;AAGG;IACa,QAAQ,GAAG,KAAK,CAAC,aAAa,4CAC1C,SAAS,EAAE,wBAAwB,EAAA,CAAA,GAAA,CADS;AAC5C,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;AAEG;AACa,IAAA,iBAAiB,GAAG,KAAK,CAAqB,SAAS,6DAAC;AAExE;;AAEG;IACa,SAAS,GAAG,KAAK,CAAC,SAAS,6CACvC,SAAS,EAAE,iBAAiB,EAAA,CAAA,GAAA,CADa;AACzC,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF;;;;;AAKG;IACa,WAAW,GAAG,KAAK,CAAC,SAAS,+CACzC,SAAS,EAAE,oBAAoB,EAAA,CAAA,GAAA,CADY;AAC3C,YAAA,SAAS,EAAE;AACd,SAAA,CAAA,CAAA,CAAC;AAEF,IAAA,WAAA,GAAA;QACI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACtG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE;QAE7D,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC1B,YAAA,MAAM,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,IAAG;gBAC3C,SAAS,CAAC,MAAK;oBACX,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;oBAC/B,IAAI,CAAC,mBAAmB,EAAE;AAC1B,oBAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;AAC1C,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;IACN;AAEA;;;;AAIG;AACI,IAAA,UAAU,CAAC,KAAU,EAAA;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;IACzC;AAEA;;;AAGG;AACI,IAAA,MAAM,CAAC,KAAU,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AACjC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;gBAC9B,IAAI,CAAC,YAAY,EAAE;gBACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YACzC;QACJ;aAAO;AACH,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;AAC3B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACzC;IACJ;AAEA;;;AAGG;AACI,IAAA,QAAQ,CAAC,KAAU,EAAA;AACtB,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC;AAEA;;;AAGE;AACK,IAAA,MAAM,CAAC,KAAU,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACxB;aAAO;AACH,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACtB;IACJ;AAEA,IAAA,UAAU,CAAC,GAAQ,EAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE;gBACnC,GAAG,GAAG,EAAE;YACZ;iBAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC5B,gBAAA,MAAM,KAAK,CAAC,8DAA8D,CAAC;YAC/E;QACJ;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QACpB,IAAI,CAAC,mBAAmB,EAAE;AAC1B,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;IAC1C;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE;IAC7B;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;IAC5B;AAEA,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AACjC,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC;IACpC;IAEQ,mBAAmB,GAAA;AACvB,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAChC,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;AACrC,QAAA,IAAI,WAAW,IAAI,SAAS,EAAE;YAC1B;QACJ;AAEA,QAAA,IAAI,aAAa,GAAG,CAAC,CAAM,KAAI;AAC3B,YAAA,IAAI,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;AACzE,YAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;gBACZ,IAAI,IAAI,GAAG,WAAW,CAAC,EAAE,CAAC,KAAK,CAAE;AACjC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;YACjC;AACJ,QAAA,CAAC;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACrB,gBAAA,KAAe,CAAC,OAAO,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;YACnD;QACJ;aAAO;YACH,aAAa,CAAC,KAAK,CAAC;QACxB;IACJ;IAEQ,YAAY,GAAA;AAChB,QAAA,IAAI,KAAU;AAEd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,MAAM,GAAU,EAAE;AACtB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAG;gBAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AAClC,YAAA,CAAC,CAAC;YACF,KAAK,GAAG,MAAM;QAClB;aAAO;YACH,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,EAAE;AAC9B,gBAAA,IAAI,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;gBACrD,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC;YACjC;iBAAO;gBACH,KAAK,GAAG,SAAS;YACrB;QACJ;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;IAC1B;IAEU,gBAAgB,GAAA;QACtB,IAAI,CAAC,qBAAqB,EAAE;QAE5B,UAAU,CAAC,MAAK;AACZ,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACnB,gBAAA,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,KAAK,EAAE;YACjD;YAEA,IAAI,CAAC,cAAe,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;;;;QAIlD,CAAC,EAAE,CAAC,CAAC;IACT;IAEU,gBAAgB,GAAA;QACtB,IAAI,CAAC,yBAAyB,EAAE;AAChC,QAAA,IAAI,CAAC,WAAY,CAAC,aAAa,CAAC,KAAK,EAAE;AACvC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;IACxB;AAEU,IAAA,sBAAsB,CAAC,CAA2B,EAAA;QACxD,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;AAE1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACtB;aAAO;AACH,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QACtB;;AAGA,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE;AACvC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACxB;IACJ;AAEU,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;AACrC,QAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;QAE9B,OAAO,CAAC,IAAS,KAAK,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;AACrD,IAAA,CAAC,4DAAC;AAEQ,IAAA,gBAAgB,CAAC,CAAgB,EAAA;AACvC,QAAA,IAAI,IAAI,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC;AAE3D,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;QACxB;QAEA,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE;YAClB,MAAM,QAAQ,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YAC7C,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;QACzE;IACJ;IAEQ,qBAAqB,GAAA;QACzB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,IAAG;AACvC,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,QAAA,CAAC,CAAC;;;;;;;IASN;IAEQ,yBAAyB,GAAA;AAC7B,QAAA,IAAI,CAAC,0BAA0B,EAAE,WAAW,EAAE;AAC9C,QAAA,IAAI,CAAC,0BAA0B,GAAG,SAAS;;;IAI/C;AAGQ,IAAA,cAAc,CAAC,CAAgB,EAAA;AACnC,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;AACrC,QAAA,IAAI,UAAU,GAAG,WAAW,EAAE,MAAM,IAAI,CAAC;AAEzC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,CAAC,EAAE;YACxD;QACJ;AAEA,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;YACb,MAAM,QAAQ,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YAC7C,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;YACrE;QACJ;AAEA,QAAA,IAAI,iBAAyB;QAC7B,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,EAAE;YAC/B,iBAAiB,GAAG,CAAC,CAAC;QAC1B;aAAO;AACH,YAAA,IAAI,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;AAC1D,YAAA,iBAAiB,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC;QACpE;AAEA,QAAA,QAAQ,CAAC,CAAC,GAAG;AACT,YAAA,KAAK,WAAW;AACZ,gBAAA,IAAI,iBAAiB,GAAG,UAAU,GAAG,CAAC,EAAE;oBACpC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;gBACnD;gBACA,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,SAAS;AACV,gBAAA,IAAI,iBAAiB,GAAG,CAAC,EAAE;oBACvB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;gBACnD;gBACA,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,OAAO;AACR,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBACnB,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,MAAM;AACP,gBAAA,IAAI,UAAU,GAAG,CAAC,EAAE;oBAChB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/B;gBACA,CAAC,CAAC,cAAc,EAAE;gBAClB;AACJ,YAAA,KAAK,KAAK;AACN,gBAAA,IAAI,UAAU,GAAG,CAAC,EAAE;oBAChB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;gBAC5C;gBACA,CAAC,CAAC,cAAc,EAAE;gBAClB;;AAGR,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;IAC1C;AAGQ,IAAA,YAAY,CAAC,CAAa,EAAA;AAC9B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE;YACjD;QACJ;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,cAAc,IAAI;IAC3B;uGA5YS,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,4kEAdb,CAAC;AACR,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,eAAe,CAAC;AAC9C,gBAAA,KAAK,EAAE;aACV,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAkCY,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EApBd,aAAa,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3C5B,y1EAwDc,EAAA,MAAA,EAAA,CAAA,sxDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhCA,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,qEAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,EAAA,8BAAA,EAAA,qCAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,8BAAA,EAAA,kCAAA,EAAA,+BAAA,EAAA,mCAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,iCAAA,EAAA,sCAAA,EAAA,gCAAA,EAAA,iCAAA,EAAA,uCAAA,EAAA,kCAAA,EAAA,yBAAA,EAAA,wCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAexC,eAAe,EAAA,UAAA,EAAA,CAAA;kBAvB3B,SAAS;+BACI,YAAY,EAAA,QAAA,EACZ,WAAW,EAAA,UAAA,EAGT,IAAI,iBACD,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,EAAE,UAAU,EAAE,aAAa,CAAC,EAAA,SAAA,EACvC,CAAC;AACR,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC;AAC9C,4BAAA,KAAK,EAAE;AACV,yBAAA,CAAC,EAAA,IAAA,EACI;AACF,wBAAA,yBAAyB,EAAE,QAAQ;AACnC,wBAAA,+BAA+B,EAAE,cAAc;AAC/C,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,iBAAiB,EAAE,gCAAgC;AACnD,wBAAA,sBAAsB,EAAE,gCAAgC;AACxD,wBAAA,iBAAiB,EAAE,+BAA+B;AACrD,qBAAA,EAAA,QAAA,EAAA,y1EAAA,EAAA,MAAA,EAAA,CAAA,sxDAAA,CAAA,EAAA;wDAKiC,iBAAiB,EAAA,CAAA;sBAAlD,SAAS;uBAAC,aAAa;gBACU,cAAc,EAAA,CAAA;sBAA/C,SAAS;uBAAC,aAAa;gBAoBU,YAAY,EAAA,CAAA;sBAA7C,YAAY;uBAAC,WAAW;gBAoTjB,cAAc,EAAA,CAAA;sBADrB,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;gBA0D3B,YAAY,EAAA,CAAA;sBADnB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AExarC,MAAM,KAAK,GAAG,CAAC,eAAe,CAAC;AAE/B;;AAEG;MAKU,YAAY,CAAA;uGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAZ,YAAY,EAAA,OAAA,EAAA,CATV,eAAe,CAAA,EAAA,OAAA,EAAA,CAAf,eAAe,CAAA,EAAA,CAAA;AASjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAHZ,KAAK,CAAA,EAAA,CAAA;;2FAGL,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,KAAK;AACd,oBAAA,OAAO,EAAE;AACZ,iBAAA;;;ACXD;;ACAA;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-components-select.mjs","sources":["../../../projects/ng0/components/select/select.component.ts","../../../projects/ng0/components/select/select.component.html","../../../projects/ng0/components/select/select.module.ts","../../../projects/ng0/components/select/public-api.ts","../../../projects/ng0/components/select/bootkit-ng0-components-select.ts"],"sourcesContent":["import { Component, ElementRef, Renderer2, input, signal, model, HostListener, inject, forwardRef, ViewChild, TemplateRef, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef, effect, computed, untracked, Output, EventEmitter } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { dataSourceAttribute, DataSource, DataSourceLike, DataRequest } from '@bootkit/ng0/data';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { FlexibleConnectedPositionStrategy, Overlay, OverlayModule, ScrollStrategy, ViewportRuler } from '@angular/cdk/overlay';\r\nimport { Subscription } from 'rxjs';\r\nimport { objectFormatterAttribute, defaultFormatter, LocalizationService } from '@bootkit/ng0/localization';\r\nimport { ListComponent, ListModule, ListItemSelectEvent } from '@bootkit/ng0/components/list';\r\nimport {\r\n    CssClassAttribute, equalityComparerAttribute, defaultEqualityComparer, valueWriterAttribute, defaultValueWriter,\r\n    IdGeneratorAttribute, defaultFilter, filterPredicateAttribute\r\n} from '@bootkit/ng0/common';\r\n\r\n/**\r\n * Select component that allows users to choose an option from a dropdown list.\r\n */\r\n@Component({\r\n    selector: 'ng0-select',\r\n    exportAs: 'ng0Select',\r\n    templateUrl: './select.component.html',\r\n    styleUrl: './select.component.scss',\r\n    standalone: true,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule, ListModule, OverlayModule],\r\n    providers: [{\r\n        provide: NG_VALUE_ACCESSOR,\r\n        useExisting: forwardRef(() => SelectComponent),\r\n        multi: true\r\n    }],\r\n    host: {\r\n        '[class.ng0-select-open]': 'open()',\r\n        '[class.ng0-select-filterable]': 'filterable()',\r\n        '[class.ng0-select-loading]': 'source().isLoading()',\r\n        '[attr.disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.aria-disabled]': '_isDisabled() ? \"\" : undefined',\r\n        '[attr.tabindex]': '_isDisabled() ? undefined : 0',\r\n    }\r\n})\r\nexport class SelectComponent implements ControlValueAccessor {\r\n    // private _resizeObserver?: ResizeObserver;\r\n    private _viewpoerRulerSubscription?: Subscription;\r\n    @ViewChild('filterInput') private _filterElementRef?: ElementRef;\r\n    @ViewChild(ListComponent) private _listComponent?: ListComponent;\r\n    private _changeCallback!: (value: any) => void;\r\n    private _touchCallback!: () => void;\r\n    protected readonly _sourceItems = signal<any[] | undefined>(undefined);\r\n    protected readonly _selectedItems = new Set<any>();\r\n    protected readonly _isDisabled = signal<boolean>(false);\r\n    protected _positionStrategy!: FlexibleConnectedPositionStrategy;\r\n    protected _scrollStrategy!: ScrollStrategy;\r\n    private _overlay = inject(Overlay);\r\n    private _localizationService = inject(LocalizationService);\r\n    protected _elementRef = inject(ElementRef<HTMLDivElement>);\r\n    protected readonly _filterValue = signal('');\r\n    private _renderer = inject(Renderer2);\r\n    private _viewportRuler = inject(ViewportRuler);\r\n    private _changeDetectorRef = inject(ChangeDetectorRef);\r\n    private readonly _value = signal<any>(undefined);\r\n\r\n    /**\r\n     * Template for rendering each item in the select component.\r\n     */\r\n    @ContentChild(TemplateRef) public itemTemplate?: TemplateRef<any>;\r\n\r\n    /**\r\n     * The data source for the select component.\r\n     * This can be an array of data, a function that returns an observable of data,\r\n     * or an instance of DataSource.\r\n     */\r\n    public readonly source = input.required<DataSource<any>, DataSourceLike<any>>({\r\n        transform: v => dataSourceAttribute(v)\r\n    });\r\n\r\n    /** \r\n     * Indicates whether multi selection is enabled or not.\r\n     */\r\n    public readonly multiple = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether to show selection indicator (checkbox/radio) next to each item.\r\n     * Default is false.\r\n     */\r\n    public readonly showSelectionIndicator = input(false, {\r\n        transform: booleanAttribute\r\n    });\r\n\r\n    /** \r\n     * Indicates whether the dropdown is open or closed.\r\n     */\r\n    public readonly open = model(false);\r\n\r\n    /**\r\n    * A comparer to compare items for selection.\r\n    */\r\n    public readonly compareBy = input(defaultEqualityComparer, {\r\n        transform: equalityComparerAttribute\r\n    });\r\n\r\n    /**\r\n     * A fromatter to convert each item to a string for display.\r\n     */\r\n    public readonly formatBy = input(defaultFormatter, {\r\n        transform: objectFormatterAttribute(this._localizationService.get())\r\n    });\r\n\r\n    /**\r\n     * Custom value writer to extract the value of any object while writing values.\r\n     */\r\n    public readonly writeBy = input(defaultValueWriter, {\r\n        transform: valueWriterAttribute\r\n    });\r\n\r\n    /**\r\n     * Indicates whether the select component is filterable.\r\n     */\r\n    public readonly filterable = input(false, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Custom filter function to filter items based on a filter value.\r\n     * Default checks if the item contains the filter value (case-insensitive).\r\n     */\r\n    public readonly filterBy = input(defaultFilter, {\r\n        transform: filterPredicateAttribute\r\n    });\r\n\r\n    /**\r\n     * Placeholder text for the filter input field.\r\n     */\r\n    public readonly filterPlaceholder = input<string | undefined>(undefined);\r\n\r\n    /**\r\n     * CSS class or classes to apply to the items.\r\n     */\r\n    public readonly itemClass = input(undefined, {\r\n        transform: CssClassAttribute\r\n    });\r\n\r\n    /**\r\n     * A function that generates unique ids for each item in the list.\r\n     * If set to a function, it will be called with the item as an argument to generate the id.\r\n     * If set to undefined, no ids will be generated for the items.\r\n     * @default undefined\r\n     */\r\n    public readonly idGenerator = input(undefined, {\r\n        transform: IdGeneratorAttribute\r\n    });\r\n\r\n    /**\r\n     * Event emitted when the selected value changes.\r\n     */\r\n    @Output() public readonly valueChange = new EventEmitter<SelectItemEvent>();\r\n\r\n    constructor() {\r\n        ['ng0-select', 'form-select'].forEach(c => this._renderer.addClass(this._elementRef.nativeElement, c));\r\n        this._scrollStrategy = this._overlay.scrollStrategies.block();\r\n\r\n        effect(() => {\r\n            let source = this.source();\r\n            source.load(new DataRequest()).subscribe(res => {\r\n                untracked(() => {\r\n                    this._sourceItems.set(res.data);\r\n                    this._findAndSelectItems();\r\n                    this._changeDetectorRef.markForCheck();\r\n                })\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Indicates whether the given value is selected.\r\n     * @param item \r\n     * @returns \r\n     */\r\n    public isSelected(value: any): boolean {\r\n        return this._selectedItems.has(value);\r\n    }\r\n\r\n    /**\r\n     * Selects the given value.\r\n     * @param item \r\n     */\r\n    public select(value: any): void {\r\n        if (this.multiple()) {\r\n            if (!this._selectedItems.has(value)) {\r\n                this._selectedItems.add(value);\r\n                this._updateValue();\r\n                this._changeCallback?.(this._value());\r\n            }\r\n        } else {\r\n            this._selectedItems.clear();\r\n            this._selectedItems.add(value);\r\n            this._updateValue();\r\n            this._changeCallback?.(this._value());\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Deselects the given value.\r\n     * @param item \r\n     */\r\n    public deselect(value: any): void {\r\n        this._selectedItems.delete(value);\r\n        this._updateValue();\r\n        this._changeCallback?.(this._value());\r\n    }\r\n\r\n    /**\r\n     * Toggles the selection state of the given value.\r\n     * @param item\r\n    */\r\n    public toggle(value: any): void {\r\n        if (this.isSelected(value)) {\r\n            this.deselect(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n    }\r\n\r\n    writeValue(obj: any): void {\r\n        if (this.multiple()) {\r\n            if (obj === null || obj === undefined) {\r\n                obj = [];\r\n            } else if (!Array.isArray(obj)) {\r\n                throw Error('invalid value. Expected an array in multiple selection mode.');\r\n            }\r\n        }\r\n\r\n        this._value.set(obj);\r\n        this._findAndSelectItems();\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._changeCallback = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._touchCallback = fn;\r\n    }\r\n\r\n    setDisabledState?(isDisabled: boolean): void {\r\n        this._isDisabled.set(isDisabled);\r\n    }\r\n\r\n    private _findAndSelectItems(): void {\r\n        let value = this._value();\r\n        let compareBy = this.compareBy();\r\n        let sourceItems = this._sourceItems();\r\n        if (sourceItems == undefined) {\r\n            return;\r\n        }\r\n\r\n        let findAndSelect = (v: any) => {\r\n            let index = sourceItems.findIndex(sourceItem => compareBy(sourceItem, v));\r\n            if (index > -1) {\r\n                let item = sourceItems.at(index)!;\r\n                this._selectedItems.add(item);\r\n            }\r\n        };\r\n\r\n        if (this.multiple()) {\r\n            if (Array.isArray(value)) {\r\n                (value as any[]).forEach(v => findAndSelect(v));\r\n            }\r\n        } else {\r\n            findAndSelect(value);\r\n        }\r\n    }\r\n\r\n    private _updateValue(): void {\r\n        let value: any;\r\n\r\n        if (this.multiple()) {\r\n            let values: any[] = [];\r\n            this._selectedItems.forEach(v => {\r\n                values.push(this.writeBy()(v));\r\n            });\r\n            value = values;\r\n        } else {\r\n            if (this._selectedItems.size > 0) {\r\n                let first = this._selectedItems.values().next().value;\r\n                value = this.writeBy()(first);\r\n            } else {\r\n                value = undefined;\r\n            }\r\n        }\r\n\r\n        this._value.set(value);\r\n    }\r\n\r\n    protected _onOverlayAttach() {\r\n        this._listenToResizeEvents();\r\n\r\n        setTimeout(() => {\r\n            if (this.filterable()) {\r\n                this._filterElementRef?.nativeElement.focus();\r\n            }\r\n\r\n            this._listComponent!.writeValue(this._value());\r\n            // if (this._activeOptionIndex() > -1) {\r\n            //     this._listComponent?.active(this._activeOptionIndex());\r\n            // }\r\n        }, 0);\r\n    }\r\n\r\n    protected _onOverlayDetach() {\r\n        this._unlistenFromResizeEvents();\r\n        this._elementRef!.nativeElement.focus();\r\n        this._filterValue.set('');\r\n        this.open.set(false);\r\n    }\r\n\r\n    protected _onListSelectionChange(e: ListItemSelectEvent) {\r\n        let value = e.item.value();\r\n\r\n        if (this.multiple()) {\r\n            this.toggle(value);\r\n        } else {\r\n            this.select(value);\r\n        }\r\n\r\n        this.valueChange.emit({ value: e.value, select: this });\r\n        this._changeDetectorRef.detectChanges();\r\n        if (!this.multiple()) {\r\n            this.open.set(false);\r\n        }\r\n    }\r\n\r\n    protected _filterPredicate = computed(() => {\r\n        let filterValue = this._filterValue();\r\n        let filterBy = this.filterBy();\r\n\r\n        return (item: any) => filterBy(item, filterValue);\r\n    })\r\n\r\n    protected _onFilterKeydown(e: KeyboardEvent) {\r\n        let keys = ['ArrowDown', 'ArrowUp', 'Enter', 'Home', 'End'];\r\n\r\n        if (e.key === 'Tab') {\r\n            e.preventDefault();\r\n            this.open.set(false);\r\n        }\r\n\r\n        if (keys.includes(e.key)) {\r\n            e.preventDefault();\r\n            const newEvent = new KeyboardEvent(e.type, e);\r\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\r\n        }\r\n    }\r\n\r\n    private _listenToResizeEvents() {\r\n        this._viewportRuler.change().subscribe(x => {\r\n            this.open.set(false);\r\n        });\r\n\r\n        // this._resizeObserver = new ResizeObserver(e => {\r\n        //     // update overlay size\r\n        //     // const width = (e[0].target as HTMLDivElement).offsetWidth;\r\n        //     // this._connectedOverlay.overlayRef.updateSize({ width });\r\n        // });\r\n\r\n        // this._resizeObserver.observe(this._elementRef.nativeElement);\r\n    }\r\n\r\n    private _unlistenFromResizeEvents() {\r\n        this._viewpoerRulerSubscription?.unsubscribe();\r\n        this._viewpoerRulerSubscription = undefined;\r\n\r\n        // this._resizeObserver?.disconnect();\r\n        // this._resizeObserver = undefined;\r\n    }\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    private _onHostKeydown(e: KeyboardEvent) {\r\n        let sourceItems = this._sourceItems()\r\n        let itemsCount = sourceItems?.length || 0;\r\n\r\n        if (this._isDisabled() || !sourceItems || itemsCount === 0) {\r\n            return;\r\n        }\r\n\r\n        if (this.open()) {\r\n            const newEvent = new KeyboardEvent(e.type, e);\r\n            this._listComponent?.elementRef.nativeElement.dispatchEvent(newEvent);\r\n            return;\r\n        } else {\r\n            if (e.key == 'Enter') {\r\n                this.open.set(true);\r\n                e.preventDefault();\r\n                return;\r\n            }\r\n        }\r\n\r\n        if (this.multiple()) {\r\n            return;\r\n        }\r\n\r\n        let selectedItemindex: number;\r\n        if (this._selectedItems.size == 0) {\r\n            selectedItemindex = -1\r\n        } else {\r\n            let firstValue = this._selectedItems.values().next().value;\r\n            selectedItemindex = sourceItems.findIndex(i => i === firstValue);\r\n        }\r\n\r\n        let newItemIndex = selectedItemindex;\r\n\r\n        switch (e.key) {\r\n            case 'ArrowDown':\r\n                if (selectedItemindex < itemsCount - 1) {\r\n                    newItemIndex = selectedItemindex + 1;\r\n                    this.select(sourceItems[newItemIndex]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'ArrowUp':\r\n                if (selectedItemindex > 0) {\r\n                    newItemIndex = selectedItemindex - 1;\r\n                    this.select(sourceItems[newItemIndex]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'Home':\r\n                if (itemsCount > 0) {\r\n                    newItemIndex = 0;\r\n                    this.select(sourceItems[0]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n            case 'End':\r\n                if (itemsCount > 0) {\r\n                    newItemIndex = itemsCount - 1;\r\n                    this.select(sourceItems[newItemIndex]);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n        }\r\n\r\n        if (selectedItemindex != newItemIndex!) {\r\n            this.valueChange.emit({ value: sourceItems[newItemIndex], select: this });\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    private _onHostClick(e: MouseEvent) {\r\n        if (this._isDisabled() || this.source().isLoading()) {\r\n            return;\r\n        }\r\n\r\n        this.open.update(x => !x);\r\n        this._touchCallback?.();\r\n    }\r\n}\r\n\r\n\r\n/**\r\n * Event emitted when the selection state of the select component changes by user interaction.\r\n */\r\nexport interface SelectItemEvent {\r\n    /**\r\n     * The value of the item that was selected or deselected.\r\n     */\r\n    value: any;\r\n\r\n    /**\r\n     * The select component that emitted the event.\r\n     */\r\n    readonly select: SelectComponent\r\n}\r\n","@if(multiple()) {\r\n\r\n@for(item of _selectedItems.values(); track $index; let last=$last) {\r\n{{formatBy()(item)}}@if(!last) {,}\r\n}\r\n\r\n} @else {\r\n@if(_selectedItems.size > 0) {\r\n{{formatBy()(_selectedItems.values().next().value)}}\r\n}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-grow text-secondary spinner-grow-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n\r\n&nbsp; <!-- This space is required to prevent layout shift after loading indicator hides. -->\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_elementRef.nativeElement\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown']\"\r\n             [cdkConnectedOverlayWidth]=\"_elementRef.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"this.open.set(false)\"\r\n             (attach)=\"_onOverlayAttach();\"\r\n             (detach)=\"_onOverlayDetach()\">\r\n\r\n    @if(filterable()) {\r\n    <div class=\"ng0-select-filter-container\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (input)=\"_filterValue.set($event.target.value)\"\r\n               (keydown)=\"_onFilterKeydown($event)\">\r\n    </div>\r\n    }\r\n\r\n    <ng0-select-list #list\r\n                     [source]=\"_sourceItems()\"\r\n                     [multiple]=\"multiple()\"\r\n                     [formatBy]=\"formatBy()\"\r\n                     [compareBy]=\"compareBy()\"\r\n                     [itemClass]=\"itemClass()\"\r\n                     [showSelectionIndicator]=\"showSelectionIndicator()\"\r\n                     [itemTemplate]=\"itemTemplate\"\r\n                     [filterBy]=\"_filterPredicate()\"\r\n                     focusMode=\"none\"\r\n                     (mousedown)=\"$event.preventDefault(); $event.stopImmediatePropagation()\"\r\n                     (itemSelect)=\"_onListSelectionChange($event)\">\r\n    </ng0-select-list>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { SelectComponent } from './select.component';\r\n\r\nconst Items = [SelectComponent]\r\n\r\n/**\r\n * Select module.\r\n */\r\n@NgModule({\r\n    imports: Items,\r\n    exports: Items\r\n})\r\nexport class SelectModule { }\r\n","// export  *  from './types';\r\nexport * from './select.component';\r\nexport * from './select.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.27",
+  "version": "0.0.0-alpha.28",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",
@@ -63,14 +63,14 @@
       "types": "./localization/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-localization.mjs"
     },
-    "./script": {
-      "types": "./script/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-script.mjs"
-    },
     "./routing": {
       "types": "./routing/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-routing.mjs"
     },
+    "./script": {
+      "types": "./script/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-script.mjs"
+    },
     "./security": {
       "types": "./security/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-security.mjs"
@@ -111,17 +111,13 @@
       "types": "./components/form-field/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-form-field.mjs"
     },
-    "./components/list": {
-      "types": "./components/list/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-list.mjs"
-    },
     "./components/modal": {
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-modal.mjs"
     },
-    "./components/nav": {
-      "types": "./components/nav/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-nav.mjs"
+    "./components/list": {
+      "types": "./components/list/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-list.mjs"
     },
     "./components/offcanvas": {
       "types": "./components/offcanvas/index.d.ts",
@@ -131,6 +127,10 @@
       "types": "./components/overlay/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-overlay.mjs"
     },
+    "./components/nav": {
+      "types": "./components/nav/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-nav.mjs"
+    },
     "./components/pagination": {
       "types": "./components/pagination/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-pagination.mjs"