@bootkit/ng0 0.0.0-alpha.17 → 0.0.0-alpha.19

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

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-popover.mjs","sources":["../../../projects/ng0/components/popover/popover-wrapper/popover-wrapper.component.ts","../../../projects/ng0/components/popover/popover-wrapper/popover-wrapper.component.html","../../../projects/ng0/components/popover/popover.directive.ts","../../../projects/ng0/components/popover/bootkit-ng0-components-popover.ts"],"sourcesContent":["import { Component, ElementRef, Renderer2, ChangeDetectionStrategy, OnInit, TemplateRef } from '@angular/core';\nimport { PopoverContent, PopoverPlacement } from '../types';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n    selector: 'jss-popover-wrapper',\n    exportAs: 'jssPopoverWrapper',\n    styleUrls: ['./popover-wrapper.component.scss'],\n    templateUrl: './popover-wrapper.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [CommonModule]\n})\nexport class PopoverWrapperComponent implements OnInit {\n    placement!: PopoverPlacement;\n    header?: string;\n    content: PopoverContent;\n    protected _hasTemplate!: boolean;\n\n    constructor(private _elementRef: ElementRef, private _renderer: Renderer2,) {\n    }\n\n    ngOnInit(): void {\n        this._hasTemplate = this.content instanceof TemplateRef;\n        const e = this._elementRef.nativeElement;\n        this._renderer.setAttribute(e, 'role', 'tooltip');\n        ['popover', 'fade', 'show', 'bs-popover-' + this.placement].forEach(c => this._renderer.addClass(e, c));\n    }\n}\n","<div class=\"popover-arrow\"></div>\n<h3 class=\"popover-header\" *ngIf=\"header\">{{header}}</h3>\n<div class=\"popover-body\">\n    @if(_hasTemplate) {\n        <ng-container [ngTemplateOutlet]=\"$any(content)\"></ng-container>\n    }@else{\n        {{content}}\n    }\n</div>","import {\n    Directive, TemplateRef, ViewContainerRef, OnDestroy, ElementRef, HostListener, OnInit,\n    input\n} from '@angular/core';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { PopoverWrapperComponent } from './popover-wrapper/popover-wrapper.component';\nimport { PopoverContent, PopoverPlacement, PopoverTrigger } from './types';\n\n@Directive({\n    selector: '[ng0Popover]',\n    exportAs: 'ng0Popover',\n    standalone: true\n})\nexport class PopoverDirective implements OnInit, OnDestroy {\n    public header = input<string>();\n    public content = input<PopoverContent>(undefined, { alias: 'ng0Popover' });\n    public placement = input<PopoverPlacement>('bottom');\n    public triggerBy = input<PopoverTrigger>('click');\n\n    private _portal!: ComponentPortal<PopoverWrapperComponent>;\n    private _overlayRef?: OverlayRef;\n\n    constructor(\n        private _overlayService: Overlay,\n        private _elementRef: ElementRef,\n        private _viewRef: ViewContainerRef) {\n    }\n\n    ngOnInit(): void {\n        this._portal = new ComponentPortal(PopoverWrapperComponent, this._viewRef);\n    }\n\n    private _createOverlay(): void {\n        let wrapperInstance: PopoverWrapperComponent;\n\n        const scrollStrategy = this._overlayService.scrollStrategies.reposition();\n        const positionStrategy = this._overlayService.position()\n            .flexibleConnectedTo(this._elementRef)\n            .withPositions(this._getPositions());\n\n        positionStrategy.positionChanges.subscribe(p => {\n            // wrapperInstance.placement = (p.connectionPair as any).key;\n        });\n\n        this._overlayRef = this._overlayService.create({ scrollStrategy, positionStrategy });\n\n        wrapperInstance = this._overlayRef.attach(this._portal).instance;\n        wrapperInstance.header = this.header();\n        wrapperInstance.content = this.content();\n        wrapperInstance.placement = this.placement();\n    }\n\n    private _disposeOverlay(): void {\n        if (this._overlayRef) {\n            this._overlayRef.dispose();\n            this._overlayRef = undefined;\n        }\n    }\n\n    private _toggleOverlay() {\n        if (this._overlayRef) {\n            this._disposeOverlay();\n        } else {\n            this._createOverlay();\n        }\n    }\n\n    private _getPositions(): any[] {\n        const c = 'center', t = 'top', b = 'bottom', s = 'start', e = 'end';\n        const top = { key: t, originX: c, originY: t, overlayX: c, overlayY: b, };\n        const bottom = { key: b, originX: c, originY: b, overlayX: c, overlayY: t, };\n        const start = { key: s, originX: s, originY: c, overlayX: e, overlayY: c, };\n        const end = { key: e, originX: e, originY: c, overlayX: s, overlayY: c, };\n\n        let positions: Array<any>;\n\n        switch (this.placement()) {\n            case 'bottom':\n                positions = [bottom, top];\n                break;\n            case 'start':\n                positions = [start, start];\n                break;\n            case 'end':\n                positions = [end, start];\n                break;\n            case 'top':\n                positions = [top, bottom];\n                break;\n            default:\n                positions = [bottom, top];\n        }\n\n        return positions;\n    }\n\n    @HostListener('click') private _onClick(): void {\n        if (this.triggerBy() === 'click') {\n            this._toggleOverlay()\n        }\n    }\n\n    @HostListener('dblclick') private _onDblclick(): void {\n        if (this.triggerBy() === 'dblclick') {\n            this._toggleOverlay()\n        }\n    }\n\n    @HostListener('mouseenter') private _onMouseEnter(): void {\n        if (this.triggerBy() === 'hover') {\n            this._toggleOverlay()\n        }\n    }\n\n    @HostListener('mouseleave') private _onMouseLeave(): void {\n        if (this.triggerBy() === 'hover') {\n            this._toggleOverlay()\n        }\n    }\n\n    @HostListener('focus') private _onFocus(): void {\n        if (this.triggerBy() === 'focus') {\n            this._toggleOverlay()\n        }\n    }\n\n    @HostListener('focusout') private _onFocusout(): void {\n        if (this.triggerBy() === 'focus') {\n            this._toggleOverlay()\n        }\n    }\n\n    ngOnDestroy(): void {\n        this._disposeOverlay();\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"bootkit-ng0-components-popover.mjs","sources":["../../../projects/ng0/components/popover/popover-wrapper/popover-wrapper.component.ts","../../../projects/ng0/components/popover/popover-wrapper/popover-wrapper.component.html","../../../projects/ng0/components/popover/popover.directive.ts","../../../projects/ng0/components/popover/bootkit-ng0-components-popover.ts"],"sourcesContent":["import { Component, ElementRef, Renderer2, ChangeDetectionStrategy, OnInit, TemplateRef } from '@angular/core';\r\nimport { PopoverContent, PopoverPlacement } from '../types';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'jss-popover-wrapper',\r\n    exportAs: 'jssPopoverWrapper',\r\n    styleUrls: ['./popover-wrapper.component.scss'],\r\n    templateUrl: './popover-wrapper.component.html',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: true,\r\n    imports: [CommonModule]\r\n})\r\nexport class PopoverWrapperComponent implements OnInit {\r\n    placement!: PopoverPlacement;\r\n    header?: string;\r\n    content: PopoverContent;\r\n    protected _hasTemplate!: boolean;\r\n\r\n    constructor(private _elementRef: ElementRef, private _renderer: Renderer2,) {\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._hasTemplate = this.content instanceof TemplateRef;\r\n        const e = this._elementRef.nativeElement;\r\n        this._renderer.setAttribute(e, 'role', 'tooltip');\r\n        ['popover', 'fade', 'show', 'bs-popover-' + this.placement].forEach(c => this._renderer.addClass(e, c));\r\n    }\r\n}\r\n","<div class=\"popover-arrow\"></div>\r\n<h3 class=\"popover-header\" *ngIf=\"header\">{{header}}</h3>\r\n<div class=\"popover-body\">\r\n    @if(_hasTemplate) {\r\n        <ng-container [ngTemplateOutlet]=\"$any(content)\"></ng-container>\r\n    }@else{\r\n        {{content}}\r\n    }\r\n</div>","import {\r\n    Directive, TemplateRef, ViewContainerRef, OnDestroy, ElementRef, HostListener, OnInit,\r\n    input\r\n} from '@angular/core';\r\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { PopoverWrapperComponent } from './popover-wrapper/popover-wrapper.component';\r\nimport { PopoverContent, PopoverPlacement, PopoverTrigger } from './types';\r\n\r\n@Directive({\r\n    selector: '[ng0Popover]',\r\n    exportAs: 'ng0Popover',\r\n    standalone: true\r\n})\r\nexport class PopoverDirective implements OnInit, OnDestroy {\r\n    public header = input<string>();\r\n    public content = input<PopoverContent>(undefined, { alias: 'ng0Popover' });\r\n    public placement = input<PopoverPlacement>('bottom');\r\n    public triggerBy = input<PopoverTrigger>('click');\r\n\r\n    private _portal!: ComponentPortal<PopoverWrapperComponent>;\r\n    private _overlayRef?: OverlayRef;\r\n\r\n    constructor(\r\n        private _overlayService: Overlay,\r\n        private _elementRef: ElementRef,\r\n        private _viewRef: ViewContainerRef) {\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._portal = new ComponentPortal(PopoverWrapperComponent, this._viewRef);\r\n    }\r\n\r\n    private _createOverlay(): void {\r\n        let wrapperInstance: PopoverWrapperComponent;\r\n\r\n        const scrollStrategy = this._overlayService.scrollStrategies.reposition();\r\n        const positionStrategy = this._overlayService.position()\r\n            .flexibleConnectedTo(this._elementRef)\r\n            .withPositions(this._getPositions());\r\n\r\n        positionStrategy.positionChanges.subscribe(p => {\r\n            // wrapperInstance.placement = (p.connectionPair as any).key;\r\n        });\r\n\r\n        this._overlayRef = this._overlayService.create({ scrollStrategy, positionStrategy });\r\n\r\n        wrapperInstance = this._overlayRef.attach(this._portal).instance;\r\n        wrapperInstance.header = this.header();\r\n        wrapperInstance.content = this.content();\r\n        wrapperInstance.placement = this.placement();\r\n    }\r\n\r\n    private _disposeOverlay(): void {\r\n        if (this._overlayRef) {\r\n            this._overlayRef.dispose();\r\n            this._overlayRef = undefined;\r\n        }\r\n    }\r\n\r\n    private _toggleOverlay() {\r\n        if (this._overlayRef) {\r\n            this._disposeOverlay();\r\n        } else {\r\n            this._createOverlay();\r\n        }\r\n    }\r\n\r\n    private _getPositions(): any[] {\r\n        const c = 'center', t = 'top', b = 'bottom', s = 'start', e = 'end';\r\n        const top = { key: t, originX: c, originY: t, overlayX: c, overlayY: b, };\r\n        const bottom = { key: b, originX: c, originY: b, overlayX: c, overlayY: t, };\r\n        const start = { key: s, originX: s, originY: c, overlayX: e, overlayY: c, };\r\n        const end = { key: e, originX: e, originY: c, overlayX: s, overlayY: c, };\r\n\r\n        let positions: Array<any>;\r\n\r\n        switch (this.placement()) {\r\n            case 'bottom':\r\n                positions = [bottom, top];\r\n                break;\r\n            case 'start':\r\n                positions = [start, start];\r\n                break;\r\n            case 'end':\r\n                positions = [end, start];\r\n                break;\r\n            case 'top':\r\n                positions = [top, bottom];\r\n                break;\r\n            default:\r\n                positions = [bottom, top];\r\n        }\r\n\r\n        return positions;\r\n    }\r\n\r\n    @HostListener('click') private _onClick(): void {\r\n        if (this.triggerBy() === 'click') {\r\n            this._toggleOverlay()\r\n        }\r\n    }\r\n\r\n    @HostListener('dblclick') private _onDblclick(): void {\r\n        if (this.triggerBy() === 'dblclick') {\r\n            this._toggleOverlay()\r\n        }\r\n    }\r\n\r\n    @HostListener('mouseenter') private _onMouseEnter(): void {\r\n        if (this.triggerBy() === 'hover') {\r\n            this._toggleOverlay()\r\n        }\r\n    }\r\n\r\n    @HostListener('mouseleave') private _onMouseLeave(): void {\r\n        if (this.triggerBy() === 'hover') {\r\n            this._toggleOverlay()\r\n        }\r\n    }\r\n\r\n    @HostListener('focus') private _onFocus(): void {\r\n        if (this.triggerBy() === 'focus') {\r\n            this._toggleOverlay()\r\n        }\r\n    }\r\n\r\n    @HostListener('focusout') private _onFocusout(): void {\r\n        if (this.triggerBy() === 'focus') {\r\n            this._toggleOverlay()\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._disposeOverlay();\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

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

@@ -0,0 +1,394 @@
+import * as i0 from '@angular/core';
+import { inject, DOCUMENT, ChangeDetectorRef, signal, input, model, booleanAttribute, TemplateRef, forwardRef, HostListener, ContentChild, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { dataSourceAttribute, defaultValueExtractor, ValueExtractorAttribute, stringFilter, DataRequest } from '@bootkit/ng0/data';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i2 from '@angular/cdk/overlay';
+import { ViewportRuler, Overlay, OverlayModule } from '@angular/cdk/overlay';
+import { _IdGenerator } from '@bootkit/ng0/common';
+import { LocalizationService, defaultValueFormatter, ValueFormatterAttribute } from '@bootkit/ng0/localization';
+
+/**
+ * Select component that allows users to choose an option from a dropdown list.
+ */
+class SelectComponent {
+    _el;
+    _renderer;
+    _destroyRef;
+    _viewportRuler = inject(ViewportRuler);
+    _overlay = inject(Overlay);
+    _document = inject(DOCUMENT);
+    _ls = inject(LocalizationService);
+    _changeDetector = inject(ChangeDetectorRef);
+    _resizeObserver;
+    _resizeObserverInitialized = false;
+    _viewpoerRulerSubscription;
+    _value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _filterElementRef;
+    _onChangeCallback;
+    _onTouchedCallback;
+    _options = signal([], ...(ngDevMode ? [{ debugName: "_options" }] : []));
+    _isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : []));
+    _selectedOptionIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_selectedOptionIndex" }] : []));
+    _activeOptionIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_activeOptionIndex" }] : []));
+    _optionTemplate;
+    _positionStrategy;
+    _scrollStrategy;
+    /**
+     * The data source for the select component.
+     * This can be an array of data, a function that returns an observable of data,
+     * or an instance of DataSource.
+     */
+    source = input.required(...(ngDevMode ? [{ debugName: "source", transform: v => dataSourceAttribute(v) }] : [{
+            transform: v => dataSourceAttribute(v)
+        }]));
+    /**
+     * Indicates whether the dropdown is open or closed.
+     */
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /**
+     * Custom compare function to determine equality between two items.
+     * Default is a simple equality check.
+     */
+    // public readonly compareFunction = input<ValueComparerFunction>(defaultValueComparer);
+    /**
+     * Custom value extractor function to extract the value of any object.
+     */
+    extractBy = input(defaultValueExtractor, ...(ngDevMode ? [{ debugName: "extractBy", transform: ValueExtractorAttribute }] : [{
+            transform: ValueExtractorAttribute
+        }]));
+    /**
+     * Custom format function to convert an item to a string for display.
+     * Default converts the item to a string using its toString method.
+     */
+    formatBy = input(defaultValueFormatter, ...(ngDevMode ? [{ debugName: "formatBy", transform: ValueFormatterAttribute(this._ls.get()) }] : [{
+            transform: ValueFormatterAttribute(this._ls.get())
+        }]));
+    /**
+     * Indicates whether the dropdown is filterable.
+     */
+    filterable = input(false, ...(ngDevMode ? [{ debugName: "filterable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Placeholder text for the filter input field.
+     */
+    filterPlaceholder = input('', ...(ngDevMode ? [{ debugName: "filterPlaceholder" }] : []));
+    /**
+     * Custom filter function to filter items based on a filter value.
+     * Default checks if the item contains the filter value (case-insensitive).
+     */
+    filterBy = input(stringFilter, ...(ngDevMode ? [{ debugName: "filterBy" }] : []));
+    constructor(_el, _renderer, _destroyRef) {
+        this._el = _el;
+        this._renderer = _renderer;
+        this._destroyRef = _destroyRef;
+        this._renderer.addClass(this._el.nativeElement, 'form-select');
+        this._renderer.setAttribute(this._el.nativeElement, 'tabindex', '0');
+        this._scrollStrategy = this._overlay.scrollStrategies.block();
+    }
+    ngOnInit() {
+        var r = new DataRequest();
+        this.source().load(r).pipe(takeUntilDestroyed(this._destroyRef)).subscribe(res => {
+            this._insertOptions(0, ...res.data);
+        });
+        this._handleDataSourceChange();
+    }
+    _handleDataSourceChange() {
+        let options = this._options();
+        this.source().change.subscribe(e => {
+            e.changes.forEach(change => {
+                switch (change.type) {
+                    case 'insert':
+                        this._insertOptions(change.index, ...change.items);
+                        break;
+                    case 'replace':
+                        options[change.index].value = change.value;
+                        break;
+                    case 'remove':
+                        options.splice(change.index, change.count);
+                }
+            });
+        });
+    }
+    /**
+     * Selects an option by index
+     */
+    _selectByIndex(index) {
+        let optionsCount = this._options().length;
+        if (optionsCount == 0 || index < 0 || index > optionsCount - 1) {
+            throw new Error('Index out of range');
+        }
+        if (index == this._selectedOptionIndex()) {
+            return;
+        }
+        let option = this._options()[index];
+        this._value.set(this.extractBy()(option.value));
+        this._onChangeCallback(this._value());
+    }
+    isSelected(value) {
+        let v = this.extractBy()(value);
+        return v === this._value();
+    }
+    /**
+     * Sets an option as active
+     */
+    active(index) {
+        if (index < 0) {
+            throw Error();
+        }
+        this._activeOptionIndex.set(index);
+        if (this.open()) {
+            this.scrollItemIntoView(this._activeOptionIndex(), 'nearest');
+        }
+    }
+    /**
+     * Scrolls the item at the specified index into view within the dropdown list.
+     * @param index The index of the item to scroll into view.
+     * @param position The vertical alignment of the item after scrolling.
+     *                 Can be 'start', 'center', 'end', or 'nearest'.
+     *                 Default is 'nearest'.
+     * @param behavior The scrolling behavior.
+     */
+    scrollItemIntoView(index, position, behavior) {
+        let item = this._options()[index];
+        let elm = this._document.getElementById(item.id);
+        elm.scrollIntoView({ block: position, behavior: behavior });
+    }
+    _insertOptions(index, ...items) {
+        // let filter = this.filterBy()()
+        var options = items.map(x => ({
+            id: this._getNextOptionId(),
+            value: x,
+            show: true
+        }));
+        if (Number.isInteger(index)) {
+            this._options().splice(index, 0, ...options);
+        }
+        else {
+            this._options().push(...options);
+        }
+        this._changeDetector.markForCheck();
+    }
+    writeValue(obj) {
+        let value = this.extractBy()(obj);
+        this._value.set(value);
+    }
+    registerOnChange(fn) {
+        this._onChangeCallback = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouchedCallback = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._isDisabled.set(isDisabled);
+    }
+    _onKeydown(e, firedByFilter = false) {
+        let open = this.open();
+        if (this._isDisabled())
+            return;
+        let optionsCount = this._options().length;
+        if (optionsCount == 0) {
+            return;
+        }
+        switch (e.key) {
+            case 'ArrowDown':
+                if (open) {
+                    if (this._activeOptionIndex() < optionsCount - 1) {
+                        this.active(this._activeOptionIndex() + 1);
+                    }
+                }
+                else {
+                    if (this._selectedOptionIndex() < optionsCount - 1) {
+                        this._selectByIndex(this._selectedOptionIndex() + 1);
+                    }
+                }
+                e.preventDefault();
+                break;
+            case 'ArrowUp':
+                if (open) {
+                    if (this._activeOptionIndex() > 0) {
+                        this.active(this._activeOptionIndex() - 1);
+                    }
+                }
+                else {
+                    if (this._selectedOptionIndex() > 0) {
+                        this._selectByIndex(this._selectedOptionIndex() - 1);
+                    }
+                }
+                e.preventDefault();
+                break;
+            case 'Enter':
+                if (open) {
+                    if (this._activeOptionIndex() == this._selectedOptionIndex()) {
+                        this.open.set(false);
+                    }
+                    else {
+                        this._selectByIndex(this._activeOptionIndex());
+                        this.open.set(false);
+                    }
+                }
+                else {
+                    this.open.set(true);
+                }
+                e.preventDefault();
+                break;
+            case ' ':
+                if (!open) {
+                    this.open.set(true);
+                }
+                e.preventDefault();
+                break;
+            case 'Escape':
+                this.open.set(false);
+                e.preventDefault();
+                break;
+            case 'Home':
+                if (open) {
+                    this.active(0);
+                }
+                else {
+                    this._selectByIndex(0);
+                }
+                e.preventDefault();
+                break;
+            case 'End':
+                if (open) {
+                    this.active(optionsCount - 1);
+                }
+                else {
+                    this._selectByIndex(optionsCount - 1);
+                }
+                e.preventDefault();
+                break;
+        }
+    }
+    _onFilterBlur() {
+        // use setTimeout to allow next element receives the focus.
+        setTimeout(() => {
+            if (!this._el.nativeElement.matches(':focus')) {
+                this.open.set(false);
+            }
+        }, 0);
+    }
+    _filterItems(filter) {
+        let filterFunc = this.filterBy();
+        this._options().forEach(x => x.show = filterFunc(x.value, filter));
+    }
+    _onOverlayAttach() {
+        this._activeOptionIndex.set(this._selectedOptionIndex());
+        this._listenToResizeEvents();
+        if (this.filterable()) {
+            setTimeout(() => {
+                this._filterElementRef?.nativeElement.focus();
+            }, 0);
+        }
+        if (this._selectedOptionIndex() > -1) {
+            this.scrollItemIntoView(this._selectedOptionIndex(), 'start', 'instant');
+        }
+    }
+    _onOverlayDetach() {
+        this._unlistenFromResizeEvents();
+        if (this.filterable()) {
+            this._el?.nativeElement.focus();
+            this._options().forEach(x => x.show = false);
+        }
+    }
+    _getNextOptionId() {
+        return `ng0-select-item-${_IdGenerator.next().toString()}`;
+    }
+    _listenToResizeEvents() {
+        this._viewportRuler.change().subscribe(x => {
+            this.open.set(false);
+        });
+        this._resizeObserver = new ResizeObserver(e => {
+            // Sterategy 1: close overlay
+            if (!this._resizeObserverInitialized) {
+                this._resizeObserverInitialized = true;
+                return;
+            }
+            else {
+                this.open.set(false);
+                this._resizeObserver?.disconnect();
+            }
+            // Sterategy 2: update overlay size
+            // const width = (e[0].target as HTMLDivElement).offsetWidth;
+            // this._connectedOverlay.overlayRef.updateSize({ width });
+        });
+        this._resizeObserver.observe(this._el.nativeElement);
+    }
+    _unlistenFromResizeEvents() {
+        this._viewpoerRulerSubscription?.unsubscribe();
+        this._viewpoerRulerSubscription = undefined;
+        this._resizeObserver?.disconnect();
+        this._resizeObserver = undefined;
+        this._resizeObserverInitialized = false;
+    }
+    _onHostClick(e) {
+        if (this._isDisabled())
+            return;
+        this.open.update(x => !x);
+        // this._onTouchedCallback?.(this._selectedValue());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.DestroyRef }], 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 }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, extractBy: { classPropertyName: "extractBy", publicName: "extractBy", isSignal: true, isRequired: false, transformFunction: null }, formatBy: { classPropertyName: "formatBy", publicName: "formatBy", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { listeners: { "keydown": "_onKeydown($event)", "click": "_onHostClick($event)" }, properties: { "class.ng0-select-open": "open()", "class.ng0-select-loading": "source().isLoading()", "attr.aria-activedescendant": "_activeOptionIndex() > -1 ? (_options()[_activeOptionIndex()].id) : undefined", "attr.disabled": "_isDisabled()", "attr.aria-disabled": "_isDisabled()" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectComponent),
+                multi: true
+            }], queries: [{ propertyName: "_optionTemplate", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "_filterElementRef", first: true, predicate: ["filterInput"], descendants: true }], exportAs: ["ng0Select"], ngImport: i0, template: "@let formattedValue = formatBy()(_value());\r\n\r\n@if(formattedValue == null || formattedValue == '') {\r\n&nbsp;\r\n}@else {\r\n{{formattedValue}}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-border text-success spinner-border-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_el.nativeElement\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown-container', 'shadow']\"\r\n             [cdkConnectedOverlayWidth]=\"_el.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"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 border-bottom\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input form-control form-control-sm\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (keydown)=\"_onKeydown($event, true)\"\r\n               (blur)=\"_onFilterBlur()\"\r\n               (input)=\"_filterItems($event.target.value)\">\r\n    </div>\r\n    }\r\n\r\n    <ul class=\"ng0-select-dropdown\"\r\n        [attr.tabindex]=\"_isDisabled() ? undefined : -1\"\r\n        [class.is-open]=\"open()\">\r\n\r\n        @for (option of _options(); track $index) {\r\n        <li\r\n            [attr.id]=\"option.id\"\r\n            class=\"ng0-select-option\"\r\n            [class.ng0-select-option-active]=\"$index == _activeOptionIndex()\"\r\n            [class.ng0-select-option-selected]=\"isSelected(option.value)\"\r\n            [class.ng0-select-option-filtered]=\"!option.show\"\r\n            (click)=\"_selectByIndex($index); open.set(false)\"\r\n            (keyup.enter)=\"open.set(false)\">\r\n            @if(_optionTemplate) {\r\n            <ng-container *ngTemplateOutlet=\"_optionTemplate; context: { $implicit: option}\" />\r\n            } @else {\r\n            @let v = formatBy()(option.value);\r\n            @if(v) {\r\n            {{v}}\r\n            }@else {\r\n            &nbsp;\r\n            }\r\n            }\r\n        </li>\r\n        }\r\n    </ul>\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{background-color:var(--bs-secondary-bg)}.ng0-select-dropdown-container{display:flex;flex-direction:column;background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius);padding:.5rem var(--bs-dropdown-padding-x);--ng0-select-item-padding-x: 1rem;--ng0-select-item-padding-y: .25rem}.ng0-select-dropdown-container ul.ng0-select-dropdown{list-style:none;border-start-start-radius:0;border-start-end-radius:0;padding:0!important;margin:0;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.4) transparent}.ng0-select-dropdown-container ul.ng0-select-dropdown.is-open{border-top:none}.ng0-select-dropdown-container ul.ng0-select-dropdown li{overflow:hidden;cursor:pointer;padding:var(--ng0-select-item-padding-y) var(--ng0-select-item-padding-x)}.ng0-select-dropdown-container ul.ng0-select-dropdown li:hover{background-color:var(--bs-tertiary-bg)}.ng0-select-dropdown-container ul.ng0-select-dropdown li.ng0-select-option-selected{background-color:var(--bs-primary);color:var(--bs-light)}.ng0-select-dropdown-container ul.ng0-select-dropdown li.ng0-select-option-active:not(.ng0-select-option-selected){background-color:var(--bs-gray-300);color:var(--bs-body)}.ng0-select-dropdown-container ul.ng0-select-dropdown li.ng0-select-option-filtered{display:none!important}.ng0-select-dropdown-container .ng0-select-filter-container{padding:1rem var(--ng0-select-item-padding-x);background-color:inherit}.ng0-select-dropdown-container .ng0-select-filter-container .ng0-select-filter-input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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,
+            args: [{ selector: 'ng0-select', exportAs: 'ng0Select', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        OverlayModule,
+                    ], providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectComponent),
+                            multi: true
+                        }], host: {
+                        '[class.ng0-select-open]': 'open()',
+                        '[class.ng0-select-loading]': 'source().isLoading()',
+                        '[attr.aria-activedescendant]': '_activeOptionIndex() > -1 ? (_options()[_activeOptionIndex()].id) : undefined',
+                        '[attr.disabled]': '_isDisabled()',
+                        '[attr.aria-disabled]': '_isDisabled()'
+                    }, template: "@let formattedValue = formatBy()(_value());\r\n\r\n@if(formattedValue == null || formattedValue == '') {\r\n&nbsp;\r\n}@else {\r\n{{formattedValue}}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-border text-success spinner-border-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_el.nativeElement\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown-container', 'shadow']\"\r\n             [cdkConnectedOverlayWidth]=\"_el.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"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 border-bottom\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input form-control form-control-sm\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (keydown)=\"_onKeydown($event, true)\"\r\n               (blur)=\"_onFilterBlur()\"\r\n               (input)=\"_filterItems($event.target.value)\">\r\n    </div>\r\n    }\r\n\r\n    <ul class=\"ng0-select-dropdown\"\r\n        [attr.tabindex]=\"_isDisabled() ? undefined : -1\"\r\n        [class.is-open]=\"open()\">\r\n\r\n        @for (option of _options(); track $index) {\r\n        <li\r\n            [attr.id]=\"option.id\"\r\n            class=\"ng0-select-option\"\r\n            [class.ng0-select-option-active]=\"$index == _activeOptionIndex()\"\r\n            [class.ng0-select-option-selected]=\"isSelected(option.value)\"\r\n            [class.ng0-select-option-filtered]=\"!option.show\"\r\n            (click)=\"_selectByIndex($index); open.set(false)\"\r\n            (keyup.enter)=\"open.set(false)\">\r\n            @if(_optionTemplate) {\r\n            <ng-container *ngTemplateOutlet=\"_optionTemplate; context: { $implicit: option}\" />\r\n            } @else {\r\n            @let v = formatBy()(option.value);\r\n            @if(v) {\r\n            {{v}}\r\n            }@else {\r\n            &nbsp;\r\n            }\r\n            }\r\n        </li>\r\n        }\r\n    </ul>\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{background-color:var(--bs-secondary-bg)}.ng0-select-dropdown-container{display:flex;flex-direction:column;background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius);padding:.5rem var(--bs-dropdown-padding-x);--ng0-select-item-padding-x: 1rem;--ng0-select-item-padding-y: .25rem}.ng0-select-dropdown-container ul.ng0-select-dropdown{list-style:none;border-start-start-radius:0;border-start-end-radius:0;padding:0!important;margin:0;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.4) transparent}.ng0-select-dropdown-container ul.ng0-select-dropdown.is-open{border-top:none}.ng0-select-dropdown-container ul.ng0-select-dropdown li{overflow:hidden;cursor:pointer;padding:var(--ng0-select-item-padding-y) var(--ng0-select-item-padding-x)}.ng0-select-dropdown-container ul.ng0-select-dropdown li:hover{background-color:var(--bs-tertiary-bg)}.ng0-select-dropdown-container ul.ng0-select-dropdown li.ng0-select-option-selected{background-color:var(--bs-primary);color:var(--bs-light)}.ng0-select-dropdown-container ul.ng0-select-dropdown li.ng0-select-option-active:not(.ng0-select-option-selected){background-color:var(--bs-gray-300);color:var(--bs-body)}.ng0-select-dropdown-container ul.ng0-select-dropdown li.ng0-select-option-filtered{display:none!important}.ng0-select-dropdown-container .ng0-select-filter-container{padding:1rem var(--ng0-select-item-padding-x);background-color:inherit}.ng0-select-dropdown-container .ng0-select-filter-container .ng0-select-filter-input{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.DestroyRef }], propDecorators: { _filterElementRef: [{
+                type: ViewChild,
+                args: ['filterInput']
+            }], _optionTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], _onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], _onHostClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+const Items = [SelectComponent];
+/**
+ * Select module.
+ */
+class SelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: SelectModule, imports: [SelectComponent], exports: [SelectComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SelectModule, imports: [Items] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: SelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: Items,
+                    exports: Items
+                }]
+        }] });
+
+// export  *  from './types';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectComponent, SelectModule };
+//# sourceMappingURL=bootkit-ng0-components-select.mjs.map

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

@@ -0,0 +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, OnInit, DestroyRef, signal, model, HostListener, inject, forwardRef, ViewChild, TemplateRef, ContentChild, ViewEncapsulation, DOCUMENT, ChangeDetectionStrategy, booleanAttribute, ChangeDetectorRef } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { dataSourceAttribute, DataRequest, DataSource, DataSourceLike, ValueExtractorAttribute, defaultValueExtractor, stringFilter, FilterPredicate } from '@bootkit/ng0/data';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\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 { SelectOption, _IdGenerator } from '@bootkit/ng0/common';\r\nimport { ValueFormatterAttribute, defaultValueFormatter, LocalizationService } from '@bootkit/ng0/localization';\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: [\r\n        CommonModule,\r\n        OverlayModule,\r\n    ],\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-loading]': 'source().isLoading()',\r\n        '[attr.aria-activedescendant]': '_activeOptionIndex() > -1 ? (_options()[_activeOptionIndex()].id) : undefined',\r\n        '[attr.disabled]': '_isDisabled()',\r\n        '[attr.aria-disabled]': '_isDisabled()'\r\n    }\r\n})\r\nexport class SelectComponent implements OnInit, ControlValueAccessor {\r\n    private _viewportRuler = inject(ViewportRuler);\r\n    private _overlay = inject(Overlay);\r\n    private _document = inject(DOCUMENT);\r\n    private _ls = inject(LocalizationService);\r\n    private _changeDetector = inject(ChangeDetectorRef);\r\n    private _resizeObserver?: ResizeObserver;\r\n    private _resizeObserverInitialized = false;\r\n    private _viewpoerRulerSubscription?: Subscription;\r\n    protected _value = signal<any>(undefined);\r\n    @ViewChild('filterInput') private _filterElementRef?: ElementRef;\r\n    private _onChangeCallback!: (value: any) => void;\r\n    private _onTouchedCallback!: (value: any) => void;\r\n\r\n    protected readonly _options = signal<SelectOption[]>([]);\r\n    protected readonly _isDisabled = signal<boolean>(false);\r\n    protected readonly _selectedOptionIndex = signal<number>(-1);\r\n    protected readonly _activeOptionIndex = signal<number>(-1);\r\n    @ContentChild(TemplateRef) protected _optionTemplate?: TemplateRef<any>;\r\n    protected _positionStrategy!: FlexibleConnectedPositionStrategy;\r\n    protected _scrollStrategy!: ScrollStrategy;\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 the dropdown is open or closed.\r\n     */\r\n    public readonly open = model(false);\r\n\r\n    /**\r\n     * Custom compare function to determine equality between two items.\r\n     * Default is a simple equality check.\r\n     */\r\n    // public readonly compareFunction = input<ValueComparerFunction>(defaultValueComparer);\r\n\r\n    /**\r\n     * Custom value extractor function to extract the value of any object.\r\n     */\r\n    public readonly extractBy = input(defaultValueExtractor, {\r\n        transform: ValueExtractorAttribute\r\n    });\r\n\r\n    /**\r\n     * Custom format function to convert an 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(defaultValueFormatter, {\r\n        transform: ValueFormatterAttribute(this._ls.get())\r\n    });\r\n\r\n    /**\r\n     * Indicates whether the dropdown is filterable.\r\n     */\r\n    public readonly filterable = input(false, { transform: booleanAttribute });\r\n\r\n    /**\r\n     * Placeholder text for the filter input field.\r\n     */\r\n    public readonly filterPlaceholder = input('');\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<FilterPredicate>(stringFilter);\r\n\r\n    constructor(protected _el: ElementRef<HTMLDivElement>, private _renderer: Renderer2, private _destroyRef: DestroyRef) {\r\n        this._renderer.addClass(this._el.nativeElement, 'form-select');\r\n        this._renderer.setAttribute(this._el.nativeElement, 'tabindex', '0');\r\n        this._scrollStrategy = this._overlay.scrollStrategies.block();\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        var r = new DataRequest();\r\n        this.source().load(r).pipe(takeUntilDestroyed(this._destroyRef)).subscribe(res => {\r\n            this._insertOptions(0, ...res.data)\r\n        })\r\n\r\n        this._handleDataSourceChange();\r\n    }\r\n\r\n    private _handleDataSourceChange() {\r\n        let options = this._options();\r\n        this.source().change.subscribe(e => {\r\n            e.changes.forEach(change => {\r\n                switch (change.type) {\r\n                    case 'insert':\r\n                        this._insertOptions(change.index!, ...change.items);\r\n                        break;\r\n                    case 'replace':\r\n                        options[change.index].value = change.value;\r\n                        break;\r\n                    case 'remove':\r\n                        options.splice(change.index, change.count);\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Selects an option by index\r\n     */\r\n    protected _selectByIndex(index: number) {\r\n        let optionsCount = this._options().length;\r\n        if (optionsCount == 0 || index < 0 || index > optionsCount - 1) {\r\n            throw new Error('Index out of range');\r\n        }\r\n\r\n        if (index == this._selectedOptionIndex()) {\r\n            return;\r\n        }\r\n\r\n        let option = this._options()[index];\r\n        this._value.set(this.extractBy()(option.value));\r\n        this._onChangeCallback(this._value());\r\n    }\r\n\r\n    public isSelected(value: any) {\r\n        let v = this.extractBy()(value);\r\n        return v === this._value();\r\n    }\r\n\r\n    /**\r\n     * Sets an option as active\r\n     */\r\n    public active(index: number) {\r\n        if (index < 0) {\r\n            throw Error();\r\n        }\r\n\r\n        this._activeOptionIndex.set(index);\r\n        if (this.open()) {\r\n            this.scrollItemIntoView(this._activeOptionIndex(), 'nearest');\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Scrolls the item at the specified index into view within the dropdown list.\r\n     * @param index The index of the item to scroll into view.\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 scrollItemIntoView(index: number, position?: ScrollLogicalPosition, behavior?: ScrollBehavior) {\r\n        let item = this._options()[index];\r\n        let elm = this._document.getElementById(item.id) as HTMLUListElement;\r\n        elm!.scrollIntoView({ block: position, behavior: behavior });\r\n    }\r\n\r\n    protected _insertOptions(index?: number, ...items: any[]) {\r\n        // let filter = this.filterBy()()\r\n        var options = items.map(x => ({\r\n            id: this._getNextOptionId(),\r\n            value: x,\r\n            show: true\r\n        }) as SelectOption)\r\n\r\n        if (Number.isInteger(index)) {\r\n            this._options().splice(index!, 0, ...options);\r\n        } else {\r\n            this._options().push(...options);\r\n        }\r\n\r\n        this._changeDetector.markForCheck();\r\n    }\r\n\r\n    writeValue(obj: any): void {\r\n        let value = this.extractBy()(obj)\r\n        this._value.set(value);\r\n    }\r\n\r\n    registerOnChange(fn: any): void {\r\n        this._onChangeCallback = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: any): void {\r\n        this._onTouchedCallback = fn;\r\n    }\r\n\r\n    setDisabledState?(isDisabled: boolean): void {\r\n        this._isDisabled.set(isDisabled);\r\n    }\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    protected _onKeydown(e: KeyboardEvent, firedByFilter: boolean = false) {\r\n        let open = this.open();\r\n\r\n        if (this._isDisabled())\r\n            return;\r\n\r\n        let optionsCount = this._options().length;\r\n        if (optionsCount == 0) {\r\n            return;\r\n        }\r\n\r\n        switch (e.key) {\r\n            case 'ArrowDown':\r\n                if (open) {\r\n                    if (this._activeOptionIndex() < optionsCount - 1) {\r\n                        this.active(this._activeOptionIndex() + 1);\r\n                    }\r\n                } else {\r\n                    if (this._selectedOptionIndex()! < optionsCount - 1) {\r\n                        this._selectByIndex(this._selectedOptionIndex() + 1)\r\n                    }\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n\r\n            case 'ArrowUp':\r\n                if (open) {\r\n                    if (this._activeOptionIndex() > 0) {\r\n                        this.active(this._activeOptionIndex()! - 1);\r\n                    }\r\n                } else {\r\n                    if (this._selectedOptionIndex() > 0) {\r\n                        this._selectByIndex(this._selectedOptionIndex()! - 1)\r\n                    }\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n\r\n            case 'Enter':\r\n                if (open) {\r\n                    if (this._activeOptionIndex() == this._selectedOptionIndex()) {\r\n                        this.open.set(false);\r\n                    } else {\r\n                        this._selectByIndex(this._activeOptionIndex());\r\n                        this.open.set(false);\r\n                    }\r\n                } else {\r\n                    this.open.set(true);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n\r\n            case ' ':\r\n                if (!open) {\r\n                    this.open.set(true);\r\n                }\r\n                e.preventDefault();\r\n                break;\r\n\r\n            case 'Escape':\r\n                this.open.set(false);\r\n                e.preventDefault();\r\n                break;\r\n\r\n            case 'Home':\r\n                if (open) {\r\n                    this.active(0);\r\n                } else {\r\n                    this._selectByIndex(0)\r\n                }\r\n\r\n                e.preventDefault();\r\n                break;\r\n\r\n            case 'End':\r\n                if (open) {\r\n                    this.active(optionsCount - 1);\r\n                } else {\r\n                    this._selectByIndex(optionsCount - 1);\r\n                }\r\n\r\n                e.preventDefault();\r\n                break;\r\n        }\r\n    }\r\n\r\n    protected _onFilterBlur() {\r\n        // use setTimeout to allow next element receives the focus.\r\n        setTimeout(() => {\r\n            if (!this._el.nativeElement.matches(':focus')) {\r\n                this.open.set(false);\r\n            }\r\n        }, 0);\r\n    }\r\n\r\n    protected _filterItems(filter: string) {\r\n        let filterFunc = this.filterBy();\r\n        this._options().forEach(x => x.show = filterFunc(x.value, filter));\r\n    }\r\n\r\n    protected _onOverlayAttach() {\r\n        this._activeOptionIndex.set(this._selectedOptionIndex())\r\n\r\n        this._listenToResizeEvents();\r\n\r\n        if (this.filterable()) {\r\n            setTimeout(() => {\r\n                this._filterElementRef?.nativeElement.focus();\r\n            }, 0);\r\n        }\r\n\r\n        if (this._selectedOptionIndex() > -1) {\r\n            this.scrollItemIntoView(this._selectedOptionIndex(), 'start', 'instant');\r\n        }\r\n    }\r\n\r\n    protected _onOverlayDetach() {\r\n        this._unlistenFromResizeEvents();\r\n        if (this.filterable()) {\r\n            this._el?.nativeElement.focus();\r\n            this._options().forEach(x => x.show = false);\r\n        }\r\n    }\r\n\r\n    private _getNextOptionId() {\r\n        return `ng0-select-item-${_IdGenerator.next().toString()}`;\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            // Sterategy 1: close overlay\r\n            if (!this._resizeObserverInitialized) {\r\n                this._resizeObserverInitialized = true;\r\n                return;\r\n            } else {\r\n                this.open.set(false);\r\n                this._resizeObserver?.disconnect();\r\n            }\r\n\r\n            // Sterategy 2: 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._el.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        this._resizeObserverInitialized = false;\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    private _onHostClick(e: MouseEvent) {\r\n        if (this._isDisabled())\r\n            return;\r\n\r\n        this.open.update(x => !x);\r\n        // this._onTouchedCallback?.(this._selectedValue());\r\n    }\r\n}\r\n","@let formattedValue = formatBy()(_value());\r\n\r\n@if(formattedValue == null || formattedValue == '') {\r\n&nbsp;\r\n}@else {\r\n{{formattedValue}}\r\n}\r\n\r\n@if(source().isLoading()) {\r\n<div class=\"spinner-border text-success spinner-border-sm ng0-select-spinner\" role=\"status\">\r\n    <span class=\"visually-hidden\">Loading...</span>\r\n</div>\r\n}\r\n\r\n<ng-template cdkConnectedOverlay\r\n             [cdkConnectedOverlayOrigin]=\"_el.nativeElement\"\r\n             [cdkConnectedOverlayScrollStrategy]=\"_scrollStrategy\"\r\n             [cdkConnectedOverlayOpen]=\"open()\"\r\n             [cdkConnectedOverlayPush]=\"false\"\r\n             [cdkConnectedOverlayFlexibleDimensions]=\"true\"\r\n             [cdkConnectedOverlayPanelClass]=\"['ng0-select-dropdown-container', 'shadow']\"\r\n             [cdkConnectedOverlayWidth]=\"_el.nativeElement.clientWidth\"\r\n             (overlayOutsideClick)=\"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 border-bottom\">\r\n        <input #filterInput\r\n               type=\"text\"\r\n               class=\"ng0-select-filter-input form-control form-control-sm\"\r\n               [attr.placeholder]=\"filterPlaceholder()\"\r\n               (keydown)=\"_onKeydown($event, true)\"\r\n               (blur)=\"_onFilterBlur()\"\r\n               (input)=\"_filterItems($event.target.value)\">\r\n    </div>\r\n    }\r\n\r\n    <ul class=\"ng0-select-dropdown\"\r\n        [attr.tabindex]=\"_isDisabled() ? undefined : -1\"\r\n        [class.is-open]=\"open()\">\r\n\r\n        @for (option of _options(); track $index) {\r\n        <li\r\n            [attr.id]=\"option.id\"\r\n            class=\"ng0-select-option\"\r\n            [class.ng0-select-option-active]=\"$index == _activeOptionIndex()\"\r\n            [class.ng0-select-option-selected]=\"isSelected(option.value)\"\r\n            [class.ng0-select-option-filtered]=\"!option.show\"\r\n            (click)=\"_selectByIndex($index); open.set(false)\"\r\n            (keyup.enter)=\"open.set(false)\">\r\n            @if(_optionTemplate) {\r\n            <ng-container *ngTemplateOutlet=\"_optionTemplate; context: { $implicit: option}\" />\r\n            } @else {\r\n            @let v = formatBy()(option.value);\r\n            @if(v) {\r\n            {{v}}\r\n            }@else {\r\n            &nbsp;\r\n            }\r\n            }\r\n        </li>\r\n        }\r\n    </ul>\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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"}