@anglr/select 10.0.0 → 11.0.1-beta.20220222062944

package/es2015/src/plugins/keyboardHandler/edit/editKeyboardHandler.component.js

@@ -0,0 +1,196 @@
+import { Component, ChangeDetectionStrategy, Inject, Optional, ElementRef } from '@angular/core';
+import { extend } from '@jscrpt/common';
+import { NG_SELECT_PLUGIN_INSTANCES } from '../../../components/select/types';
+import { KEYBOARD_HANDLER_OPTIONS } from '../types';
+import { POPUP } from '../../popup/types';
+import { PluginBus } from '../../../misc/pluginBus/pluginBus';
+import { VALUE_HANDLER } from '../../valueHandler/types';
+import { LIVE_SEARCH } from '../../liveSearch/types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../misc/pluginBus/pluginBus";
+/**
+ * Default options for keyboard handler
+ * @internal
+ */
+const defaultOptions = {};
+/**
+ * Component used for obtaining edit keyboard handler html element
+ */
+export class EditKeyboardHandlerComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, options) {
+        this.ngSelectPlugins = ngSelectPlugins;
+        this.pluginBus = pluginBus;
+        this.pluginElement = pluginElement;
+        //######################### protected methods #########################
+        /**
+         * Handles keyboard event
+         * @param event - Keyboard event that occured
+         */
+        this._handleKeyboard = (event) => {
+            if (event.key == 'ArrowDown' || event.key == 'ArrowUp') {
+                this.pluginBus.showHidePopup.emit(true);
+                const activeOption = this.availableOptions.find(itm => itm.active);
+                //update active option
+                if (activeOption) {
+                    let index = this.availableOptions.indexOf(activeOption);
+                    activeOption.active = false;
+                    //move down cursor
+                    if (event.key == 'ArrowDown') {
+                        index += 1;
+                    }
+                    //move up cursor
+                    else {
+                        index -= 1;
+                    }
+                    if (index < 0) {
+                        index = this.availableOptions.length - 1;
+                    }
+                    //first if oveflow
+                    index = index % this.availableOptions.length;
+                    this.availableOptions[index].active = true;
+                }
+                //none active before
+                else if (this.availableOptions.length) {
+                    this.availableOptions[0].active = true;
+                }
+                this._popup.invalidateVisuals();
+                event.preventDefault();
+            }
+            //prevent enter if popup is opened and select option
+            if (event.key == 'Enter' && this._popup.popupElement) {
+                const activeOption = this.availableOptions.find(itm => itm.active);
+                if (activeOption) {
+                    this.pluginBus.optionSelect.emit(activeOption);
+                }
+                //add non existing
+                else if (this.pluginBus.selectOptions.useNonExistingAsValue) {
+                    this.pluginBus.optionSelect.emit({
+                        text: this._liveSearch.searchValue,
+                        value: this._liveSearch.searchValue,
+                        selected: true
+                    });
+                }
+                event.preventDefault();
+            }
+            //select if active if popup is opened
+            if (event.key == 'Tab' && this._popup.popupElement) {
+                const active = this.availableOptions.find(itm => itm.active);
+                if (active) {
+                    this.pluginBus.optionSelect.emit(active);
+                }
+                //add non existing
+                else if (this.pluginBus.selectOptions.useNonExistingAsValue) {
+                    this.pluginBus.optionSelect.emit({
+                        text: this._liveSearch.searchValue,
+                        value: this._liveSearch.searchValue,
+                        selected: true
+                    });
+                }
+                this.pluginBus.showHidePopup.emit(false);
+                this.pluginBus.updateDisplayedValue.emit();
+            }
+            //cancel event if multi and empty
+            if (event.key == 'Backspace' && this.pluginBus.selectOptions.multiple && !this._liveSearch.searchValue) {
+                const options = this._valueHandler.selectedOptions;
+                if (options && Array.isArray(options) && options.length) {
+                    this.pluginBus.optionCancel.emit(options[options.length - 1]);
+                }
+            }
+            //close on esc
+            if (event.key == 'Escape') {
+                this.pluginBus.showHidePopup.emit(false);
+            }
+        };
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+    //######################### protected properties #########################
+    /**
+     * Gets currently available options
+     */
+    get availableOptions() {
+        return this.pluginBus.selectOptions.optionsGatherer.availableOptions;
+    }
+    //######################### public properties - implementation of EditKeyboardHandler #########################
+    /**
+     * Options for NgSelect plugin
+     */
+    get options() {
+        return this._options;
+    }
+    set options(options) {
+        this._options = extend(true, this._options, options);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        if (this.pluginBus.selectElement) {
+            this.pluginBus.selectElement.nativeElement.removeEventListener('keydown', this._handleKeyboard);
+        }
+    }
+    //######################### public methods - implementation of EditKeyboardHandler #########################
+    /**
+     * Initialize plugin, to be ready to use, initialize communication with other plugins
+     */
+    initialize() {
+        if (this.pluginBus.selectElement) {
+            this.pluginBus.selectElement.nativeElement.addEventListener('keydown', this._handleKeyboard);
+        }
+        const popup = this.ngSelectPlugins[POPUP];
+        if (this._popup && this._popup != popup) {
+            this._popup = null;
+        }
+        if (!this._popup) {
+            this._popup = popup;
+        }
+        const valueHandler = this.ngSelectPlugins[VALUE_HANDLER];
+        if (this._valueHandler && this._valueHandler != valueHandler) {
+            this._valueHandler = null;
+        }
+        if (!this._valueHandler) {
+            this._valueHandler = valueHandler;
+        }
+        const liveSearch = this.ngSelectPlugins[LIVE_SEARCH];
+        if (this._liveSearch && this._liveSearch != liveSearch) {
+            this._liveSearch = null;
+        }
+        if (!this._liveSearch) {
+            this._liveSearch = liveSearch;
+        }
+    }
+    /**
+     * Initialize plugin options, all operations required to be done with plugin options are handled here
+     */
+    initOptions() {
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+    }
+}
+EditKeyboardHandlerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: EditKeyboardHandlerComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: KEYBOARD_HANDLER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+EditKeyboardHandlerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: EditKeyboardHandlerComponent, selector: "ng-edit-keyboard-handler", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: EditKeyboardHandlerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-edit-keyboard-handler',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SELECT_PLUGIN_INSTANCES]
+                }, {
+                    type: Optional
+                }] }, { type: i1.PluginBus, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [KEYBOARD_HANDLER_OPTIONS]
+                }, {
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=editKeyboardHandler.component.js.map

package/es2015/src/plugins/keyboardHandler/edit/editKeyboardHandler.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editKeyboardHandler.component.js","sourceRoot":"","sources":["../../../../../src/plugins/keyboardHandler/edit/editKeyboardHandler.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, OnDestroy} from '@angular/core';\nimport {extend} from '@jscrpt/common';\n\nimport {EditKeyboardHandlerOptions, EditKeyboardHandler} from './editKeyboardHandler.interface';\nimport {NgSelectPlugin} from '../../../misc';\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {KEYBOARD_HANDLER_OPTIONS} from '../types';\nimport {ɵNgSelectOption} from '../../../components/option';\nimport {Popup} from '../../popup';\nimport {POPUP} from '../../popup/types';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\nimport {ValueHandler} from '../../valueHandler';\nimport {VALUE_HANDLER} from '../../valueHandler/types';\nimport {LiveSearch} from '../../liveSearch';\nimport {LIVE_SEARCH} from '../../liveSearch/types';\n\n/**\n * Default options for keyboard handler\n * @internal\n */\nconst defaultOptions: EditKeyboardHandlerOptions =\n{\n};\n\n/**\n * Component used for obtaining edit keyboard handler html element\n */\n@Component(\n{\n    selector: 'ng-edit-keyboard-handler',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditKeyboardHandlerComponent implements EditKeyboardHandler, NgSelectPlugin<EditKeyboardHandlerOptions>, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    protected _options: EditKeyboardHandlerOptions;\n\n    /**\n     * Popup that is displayed\n     */\n    protected _popup: Popup;\n\n    /**\n     * Value handler used for hanling current value\n     */\n    protected _valueHandler: ValueHandler;\n\n    /**\n     * Live search plugin currently used in NgSelect\n     */\n    protected _liveSearch: LiveSearch;\n\n    //######################### protected properties #########################\n\n    /**\n     * Gets currently available options\n     */\n    protected get availableOptions(): ɵNgSelectOption[]\n    {\n        return this.pluginBus.selectOptions.optionsGatherer.availableOptions;\n    }\n\n    //######################### public properties - implementation of EditKeyboardHandler #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public get options(): EditKeyboardHandlerOptions\n    {\n        return this._options;\n    }\n    public set options(options: EditKeyboardHandlerOptions)\n    {\n        this._options = extend(true, this._options, options);\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() public pluginBus: PluginBus,\n                public pluginElement: ElementRef,\n                @Inject(KEYBOARD_HANDLER_OPTIONS) @Optional() options?: EditKeyboardHandlerOptions)\n    {\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy()\n    {\n        if(this.pluginBus.selectElement)\n        {\n            this.pluginBus.selectElement.nativeElement.removeEventListener('keydown', this._handleKeyboard);\n        }\n    }\n\n    //######################### public methods - implementation of EditKeyboardHandler #########################\n\n    /**\n     * Initialize plugin, to be ready to use, initialize communication with other plugins\n     */\n    public initialize()\n    {\n        if(this.pluginBus.selectElement)\n        {\n            this.pluginBus.selectElement.nativeElement.addEventListener('keydown', this._handleKeyboard);\n        }\n\n        const popup = this.ngSelectPlugins[POPUP] as Popup;\n\n        if(this._popup && this._popup != popup)\n        {\n            this._popup = null;\n        }\n        \n        if(!this._popup)\n        {\n            this._popup = popup;\n        }\n\n        const valueHandler = this.ngSelectPlugins[VALUE_HANDLER] as ValueHandler;\n\n        if(this._valueHandler && this._valueHandler != valueHandler)\n        {\n            this._valueHandler = null;\n        }\n        \n        if(!this._valueHandler)\n        {\n            this._valueHandler = valueHandler;\n        }\n\n        const liveSearch = this.ngSelectPlugins[LIVE_SEARCH] as LiveSearch;\n\n        if(this._liveSearch && this._liveSearch != liveSearch)\n        {\n            this._liveSearch = null;\n        }\n\n        if(!this._liveSearch)\n        {\n            this._liveSearch = liveSearch;\n        }\n    }\n\n    /**\n     * Initialize plugin options, all operations required to be done with plugin options are handled here\n     */\n    public initOptions()\n    {\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles keyboard event\n     * @param event - Keyboard event that occured\n     */\n    protected _handleKeyboard = (event: KeyboardEvent) =>\n    {\n        if(event.key == 'ArrowDown' || event.key == 'ArrowUp')\n        {\n            this.pluginBus.showHidePopup.emit(true);\n            const activeOption = this.availableOptions.find(itm => itm.active);\n\n            //update active option\n            if(activeOption)\n            {\n                let index = this.availableOptions.indexOf(activeOption);\n                activeOption.active = false;\n\n                //move down cursor\n                if(event.key == 'ArrowDown')\n                {\n                    index += 1;\n                }\n                //move up cursor\n                else\n                {\n                    index -= 1;\n                }\n\n                if(index < 0)\n                {\n                    index = this.availableOptions.length - 1;\n                }\n\n                //first if oveflow\n                index = index % this.availableOptions.length;\n\n                this.availableOptions[index].active = true;\n            }\n            //none active before\n            else if(this.availableOptions.length)\n            {\n                this.availableOptions[0].active = true;\n            }\n\n            this._popup.invalidateVisuals();\n            event.preventDefault();\n        }\n\n        //prevent enter if popup is opened and select option\n        if(event.key == 'Enter' && this._popup.popupElement)\n        {\n            const activeOption = this.availableOptions.find(itm => itm.active);\n            \n            if(activeOption)\n            {\n                this.pluginBus.optionSelect.emit(activeOption);\n            }\n            //add non existing\n            else if(this.pluginBus.selectOptions.useNonExistingAsValue)\n            {\n                this.pluginBus.optionSelect.emit(\n                <ɵNgSelectOption>\n                {\n                    text: this._liveSearch.searchValue,\n                    value: this._liveSearch.searchValue,\n                    selected: true\n                });\n            }\n\n            event.preventDefault();\n        }\n\n        //select if active if popup is opened\n        if(event.key == 'Tab' && this._popup.popupElement)\n        {\n            const active = this.availableOptions.find(itm => itm.active);\n            \n            if(active)\n            {\n                this.pluginBus.optionSelect.emit(active);\n            }\n            //add non existing\n            else if(this.pluginBus.selectOptions.useNonExistingAsValue)\n            {\n                this.pluginBus.optionSelect.emit(\n                <ɵNgSelectOption>\n                {\n                    text: this._liveSearch.searchValue,\n                    value: this._liveSearch.searchValue,\n                    selected: true\n                });\n            }\n\n            this.pluginBus.showHidePopup.emit(false);\n            this.pluginBus.updateDisplayedValue.emit();\n        }\n\n        //cancel event if multi and empty\n        if(event.key == 'Backspace' && this.pluginBus.selectOptions.multiple && !this._liveSearch.searchValue)\n        {\n            const options = this._valueHandler.selectedOptions;\n\n            if(options && Array.isArray(options) && options.length)\n            {\n                this.pluginBus.optionCancel.emit(options[options.length - 1]);\n            }\n        }\n\n        //close on esc\n        if(event.key == 'Escape')\n        {\n            this.pluginBus.showHidePopup.emit(false);\n        }\n    }\n}"]}

package/es2015/src/plugins/keyboardHandler/edit/editKeyboardHandler.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editKeyboardHandler.interface.js.map

package/es2015/src/plugins/keyboardHandler/edit/editKeyboardHandler.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editKeyboardHandler.interface.js","sourceRoot":"","sources":["../../../../../src/plugins/keyboardHandler/edit/editKeyboardHandler.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {KeyboardHandler, KeyboardHandlerOptions} from '../keyboardHandler.interface';\n\n/**\n * Edit keyboard handler options\n */\nexport interface EditKeyboardHandlerOptions extends KeyboardHandlerOptions\n{\n}\n\n/**\n * Public API for 'EditKeyboardHandlerComponent'\n */\nexport interface EditKeyboardHandler extends KeyboardHandler\n{\n}"]}

package/es2015/src/plugins/keyboardHandler/index.js

@@ -0,0 +1,4 @@
+export * from './keyboardHandler.interface';
+export * from './basic/basicKeyboardHandler.interface';
+export * from './edit/editKeyboardHandler.interface';
+//# sourceMappingURL=index.js.map

package/es2015/src/plugins/keyboardHandler/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/keyboardHandler/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAE5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC","sourcesContent":["export * from './keyboardHandler.interface';\n\nexport * from './basic/basicKeyboardHandler.interface';\nexport * from './edit/editKeyboardHandler.interface';"]}

package/es2015/src/plugins/keyboardHandler/keyboardHandler.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=keyboardHandler.interface.js.map

package/es2015/src/plugins/keyboardHandler/keyboardHandler.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardHandler.interface.js","sourceRoot":"","sources":["../../../../src/plugins/keyboardHandler/keyboardHandler.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {PluginOptions, NgSelectPlugin} from '../../misc';\n\n/**\n * Options for keyboard handler plugin\n */\nexport interface KeyboardHandlerOptions extends PluginOptions\n{\n}\n\n/**\n * Keyboard handler plugin interface\n */\nexport interface KeyboardHandler extends NgSelectPlugin\n{\n}"]}

package/es2015/src/plugins/keyboardHandler/types.js

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Constant used for accessing keyboard handler plugin in NgSelect
+ */
+export const KEYBOARD_HANDLER = 'KEYBOARD_HANDLER';
+/**
+ * Token for injecting options for keyboard handler plugin
+ */
+export const KEYBOARD_HANDLER_OPTIONS = new InjectionToken('KEYBOARD_HANDLER_OPTIONS');
+//# sourceMappingURL=types.js.map

package/es2015/src/plugins/keyboardHandler/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/plugins/keyboardHandler/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA2C,IAAI,cAAc,CAAyB,0BAA0B,CAAC,CAAC","sourcesContent":["import {InjectionToken} from '@angular/core';\n\nimport {KeyboardHandlerOptions} from './keyboardHandler.interface';\n\n/**\n * Constant used for accessing keyboard handler plugin in NgSelect\n */\nexport const KEYBOARD_HANDLER = 'KEYBOARD_HANDLER';\n\n/**\n * Token for injecting options for keyboard handler plugin\n */\nexport const KEYBOARD_HANDLER_OPTIONS: InjectionToken<KeyboardHandlerOptions> = new InjectionToken<KeyboardHandlerOptions>('KEYBOARD_HANDLER_OPTIONS');"]}

package/es2015/src/plugins/liveSearch/basic/basicLiveSearch.component.js

@@ -0,0 +1,169 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Inject, Optional, ElementRef, ViewChild, EventEmitter } from '@angular/core';
+import { STRING_LOCALIZATION } from '@anglr/common';
+import { extend } from '@jscrpt/common';
+import { NG_SELECT_PLUGIN_INSTANCES } from '../../../components/select/types';
+import { LIVE_SEARCH_OPTIONS } from '../types';
+import { POPUP } from '../../popup/types';
+import { PluginBus } from '../../../misc/pluginBus/pluginBus';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../misc/pluginBus/pluginBus";
+import * as i2 from "@angular/common";
+/**
+ * Default options for live search
+ * @internal
+ */
+const defaultOptions = {
+    cssClasses: {
+        wrapperDiv: 'wrapper-div',
+        input: 'form-control'
+    },
+    texts: {
+        inputPlaceholder: 'Filter options'
+    },
+    keepSearchValue: false
+};
+/**
+ * Component used for obtaining basic live search html element
+ */
+export class BasicLiveSearchComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, _changeDetector, _stringLocalization, options) {
+        this.ngSelectPlugins = ngSelectPlugins;
+        this.pluginBus = pluginBus;
+        this.pluginElement = pluginElement;
+        this._changeDetector = _changeDetector;
+        this._stringLocalization = _stringLocalization;
+        /**
+         * Current value of live search
+         */
+        this.searchValue = null;
+        /**
+         * Occurs when current value of live search changes
+         */
+        this.searchValueChange = new EventEmitter();
+        //######################### public properties - template bindings #########################
+        /**
+         * Object containing available texts
+         * @internal
+         */
+        this.texts = {};
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+    //######################### public properties - implementation of BasicLiveSearch #########################
+    /**
+     * Options for NgSelect plugin
+     */
+    get options() {
+        return this._options;
+    }
+    set options(options) {
+        this._options = extend(true, this._options, options);
+    }
+    /**
+     * HTML element that represents live search
+     */
+    get liveSearchElement() {
+        return this.liveSearchElementChild.nativeElement;
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        var _a, _b, _c;
+        (_a = this._visibilityChangeSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this._visibilityChangeSubscription = null;
+        (_b = this._textsChangedSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        this._textsChangedSubscription = null;
+        (_c = this._liveSearchFocusSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+        this._liveSearchFocusSubscription = null;
+    }
+    //######################### public methods - implementation of BasicLiveSearch #########################
+    /**
+     * Initialize plugin, to be ready to use, initialize communication with other plugins
+     */
+    initialize() {
+        this._textsChangedSubscription = this._stringLocalization.textsChange.subscribe(() => this._initTexts());
+        const popup = this.ngSelectPlugins[POPUP];
+        if (this._popup && this._popup != popup) {
+            this._visibilityChangeSubscription.unsubscribe();
+            this._visibilityChangeSubscription = null;
+            this._popup = null;
+        }
+        if (!this._popup) {
+            this._popup = popup;
+            this._visibilityChangeSubscription = this._popup.visibilityChange.subscribe(() => {
+                if (!this.options.keepSearchValue) {
+                    this.handleInput('');
+                    this._changeDetector.detectChanges();
+                }
+            });
+        }
+        if (!this._liveSearchFocusSubscription) {
+            this._liveSearchFocusSubscription = this.pluginBus.liveSearchFocus.subscribe(() => {
+                var _a;
+                (_a = this.inputElementChild) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
+            });
+        }
+        this._initTexts();
+    }
+    /**
+     * Initialize plugin options, all operations required to be done with plugin options are handled here
+     */
+    initOptions() {
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+        this._changeDetector.detectChanges();
+    }
+    //######################### public methods - template bindings #########################
+    /**
+     * Handle input value
+     * @param value - Value of input
+     * @internal
+     */
+    handleInput(value) {
+        this.searchValue = value;
+        this.searchValueChange.emit();
+    }
+    //######################### protected methods #########################
+    /**
+     * Initialize texts
+     */
+    _initTexts() {
+        Object.keys(this.options.texts).forEach((key) => {
+            this.texts[key] = this._stringLocalization.get(this.options.texts[key]);
+        });
+        this._changeDetector.detectChanges();
+    }
+}
+BasicLiveSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicLiveSearchComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: STRING_LOCALIZATION }, { token: LIVE_SEARCH_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+BasicLiveSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BasicLiveSearchComponent, selector: "ng-basic-live-search", viewQueries: [{ propertyName: "liveSearchElementChild", first: true, predicate: ["liveSearchElement"], descendants: true }, { propertyName: "inputElementChild", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div style=\"display: none;\">\r\n    <div #liveSearchElement [ngClass]=\"options?.cssClasses?.wrapperDiv\">\r\n        <input #inputElement [ngClass]=\"options?.cssClasses?.input\" type=\"text\" (input)=\"handleInput($any($event.target).value)\" [value]=\"searchValue\" placeholder=\"{{texts?.inputPlaceholder}}\">\r\n    </div>\r\n</div>", styles: [".wrapper-div\r\n{\r\n    padding: 4px;\r\n    border-bottom: 1px solid #666;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.form-control\r\n{\r\n    width: 100%;\r\n}"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicLiveSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-basic-live-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div style=\"display: none;\">\r\n    <div #liveSearchElement [ngClass]=\"options?.cssClasses?.wrapperDiv\">\r\n        <input #inputElement [ngClass]=\"options?.cssClasses?.input\" type=\"text\" (input)=\"handleInput($any($event.target).value)\" [value]=\"searchValue\" placeholder=\"{{texts?.inputPlaceholder}}\">\r\n    </div>\r\n</div>", styles: [".wrapper-div\r\n{\r\n    padding: 4px;\r\n    border-bottom: 1px solid #666;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.form-control\r\n{\r\n    width: 100%;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SELECT_PLUGIN_INSTANCES]
+                }, {
+                    type: Optional
+                }] }, { type: i1.PluginBus, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [STRING_LOCALIZATION]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIVE_SEARCH_OPTIONS]
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { liveSearchElementChild: [{
+                type: ViewChild,
+                args: ['liveSearchElement']
+            }], inputElementChild: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }] } });
+//# sourceMappingURL=basicLiveSearch.component.js.map

package/es2015/src/plugins/liveSearch/basic/basicLiveSearch.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basicLiveSearch.component.js","sourceRoot":"","sources":["../../../../../src/plugins/liveSearch/basic/basicLiveSearch.component.ts","../../../../../src/plugins/liveSearch/basic/basicLiveSearch.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, Inject, Optional, ElementRef, ViewChild, EventEmitter, OnDestroy} from '@angular/core';\nimport {STRING_LOCALIZATION, StringLocalization} from '@anglr/common';\nimport {extend} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {BasicLiveSearchOptions, BasicLiveSearch} from './basicLiveSearch.interface';\nimport {NgSelectPlugin} from '../../../misc';\nimport {NgSelectPluginInstances} from '../../../components/select';\nimport {NG_SELECT_PLUGIN_INSTANCES} from '../../../components/select/types';\nimport {LiveSearchTexts} from '../liveSearch.interface';\nimport {LIVE_SEARCH_OPTIONS} from '../types';\nimport {Popup} from '../../popup';\nimport {POPUP} from '../../popup/types';\nimport {PluginBus} from '../../../misc/pluginBus/pluginBus';\n\n/**\n * Default options for live search\n * @internal\n */\nconst defaultOptions: BasicLiveSearchOptions =\n{\n    cssClasses:\n    {\n        wrapperDiv: 'wrapper-div',\n        input: 'form-control'\n    },\n    texts:\n    {\n        inputPlaceholder: 'Filter options'\n    },\n    keepSearchValue: false\n};\n\n/**\n * Component used for obtaining basic live search html element\n */\n@Component(\n{\n    selector: 'ng-basic-live-search',\n    templateUrl: 'basicLiveSearch.component.html',\n    styleUrls: ['basicLiveSearch.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BasicLiveSearchComponent implements BasicLiveSearch, NgSelectPlugin<BasicLiveSearchOptions>, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Popup used in NgSelect\n     */\n    protected _popup: Popup;\n\n    /**\n     * Subscription for changes in texts\n     */\n    protected _textsChangedSubscription: Subscription;\n\n    /**\n     * Subscription for changes of popup visibility\n     */\n    protected _visibilityChangeSubscription: Subscription;\n\n    /**\n     * Subscription for live search focus request\n     */\n    protected _liveSearchFocusSubscription: Subscription;\n\n    /**\n     * Options for NgSelect plugin\n     */\n    protected _options: BasicLiveSearchOptions;\n\n    //######################### public properties - implementation of BasicLiveSearch #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public get options(): BasicLiveSearchOptions\n    {\n        return this._options;\n    }\n    public set options(options: BasicLiveSearchOptions)\n    {\n        this._options = extend(true, this._options, options);\n    }\n\n    /**\n     * HTML element that represents live search\n     */\n    public get liveSearchElement(): HTMLElement\n    {\n        return this.liveSearchElementChild.nativeElement;\n    }\n\n    /**\n     * Current value of live search\n     */\n    public searchValue: string = null;\n\n    /**\n     * Occurs when current value of live search changes\n     */\n    public searchValueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Object containing available texts\n     * @internal\n     */\n    public texts: LiveSearchTexts = {};\n\n    //######################### public properties - children #########################\n\n    /**\n     * View child that represents live search element\n     * @internal\n     */\n    @ViewChild('liveSearchElement')\n    public liveSearchElementChild: ElementRef<HTMLElement>;\n\n    /**\n     * View child that represents input element\n     * @internal\n     */\n    @ViewChild('inputElement')\n    public inputElementChild: ElementRef<HTMLInputElement>;\n\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() public pluginBus: PluginBus,\n                public pluginElement: ElementRef,\n                protected _changeDetector: ChangeDetectorRef,\n                @Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                @Inject(LIVE_SEARCH_OPTIONS) @Optional() options?: BasicLiveSearchOptions)\n    {\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy()\n    {\n        this._visibilityChangeSubscription?.unsubscribe();\n        this._visibilityChangeSubscription = null;\n\n        this._textsChangedSubscription?.unsubscribe();\n        this._textsChangedSubscription = null;\n\n        this._liveSearchFocusSubscription?.unsubscribe();\n        this._liveSearchFocusSubscription = null;\n    }\n\n    //######################### public methods - implementation of BasicLiveSearch #########################\n\n    /**\n     * Initialize plugin, to be ready to use, initialize communication with other plugins\n     */\n    public initialize()\n    {\n        this._textsChangedSubscription = this._stringLocalization.textsChange.subscribe(() => this._initTexts());\n\n        const popup = this.ngSelectPlugins[POPUP] as Popup;\n\n        if(this._popup && this._popup != popup)\n        {\n            this._visibilityChangeSubscription.unsubscribe();\n            this._visibilityChangeSubscription = null;\n\n            this._popup = null;\n        }\n\n        if(!this._popup)\n        {\n            this._popup = popup;\n\n            this._visibilityChangeSubscription = this._popup.visibilityChange.subscribe(() =>\n            {\n                if(!this.options.keepSearchValue)\n                {\n                    this.handleInput('');\n                    \n                    this._changeDetector.detectChanges();\n                }\n            });\n        }\n\n        if(!this._liveSearchFocusSubscription)\n        {\n            this._liveSearchFocusSubscription = this.pluginBus.liveSearchFocus.subscribe(() =>\n            {\n                this.inputElementChild?.nativeElement.focus();\n            });\n        }\n\n        this._initTexts();\n    }\n\n    /**\n     * Initialize plugin options, all operations required to be done with plugin options are handled here\n     */\n    public initOptions()\n    {\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n        this._changeDetector.detectChanges();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Handle input value\n     * @param value - Value of input\n     * @internal\n     */\n    public handleInput(value: string)\n    {\n        this.searchValue = value;\n        this.searchValueChange.emit();\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Initialize texts\n     */\n    protected _initTexts()\n    {\n        Object.keys(this.options.texts).forEach((key) =>\n        {\n            this.texts[key as keyof LiveSearchTexts] = this._stringLocalization.get(this.options.texts[key as keyof LiveSearchTexts]);\n        });\n\n        this._changeDetector.detectChanges();\n    }\n}","<div style=\"display: none;\">\r\n    <div #liveSearchElement [ngClass]=\"options?.cssClasses?.wrapperDiv\">\r\n        <input #inputElement [ngClass]=\"options?.cssClasses?.input\" type=\"text\" (input)=\"handleInput($any($event.target).value)\" [value]=\"searchValue\" placeholder=\"{{texts?.inputPlaceholder}}\">\r\n    </div>\r\n</div>"]}

package/es2015/src/plugins/liveSearch/basic/basicLiveSearch.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=basicLiveSearch.interface.js.map

package/es2015/src/plugins/liveSearch/basic/basicLiveSearch.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basicLiveSearch.interface.js","sourceRoot":"","sources":["../../../../../src/plugins/liveSearch/basic/basicLiveSearch.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {LiveSearch, LiveSearchOptions} from '../liveSearch.interface';\n\n/**\n * Css classes for basic live search\n */\nexport interface CssClassesBasicLiveSearch\n{\n    /**\n     * Applied to wrapper div around input\n     */\n    wrapperDiv?: string;\n\n    /**\n     * Applied to input that represents live search\n     */\n    input?: string;\n}\n\n/**\n * Basic live search options\n */\nexport interface BasicLiveSearchOptions extends LiveSearchOptions<CssClassesBasicLiveSearch>\n{\n    /**\n     * Indication whether keep search value after popup close\n     */\n    keepSearchValue?: boolean;\n}\n\n/**\n * Public API for 'BasicLiveSearchComponent'\n */\nexport interface BasicLiveSearch extends LiveSearch\n{\n}"]}

package/es2015/src/plugins/liveSearch/components.js

@@ -0,0 +1,4 @@
+export * from './no/noLiveSearch.component';
+export * from './basic/basicLiveSearch.component';
+export * from './edit/editLiveSearch.component';
+//# sourceMappingURL=components.js.map

package/es2015/src/plugins/liveSearch/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/plugins/liveSearch/components.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './no/noLiveSearch.component';\nexport * from './basic/basicLiveSearch.component';\nexport * from './edit/editLiveSearch.component';"]}