@anglr/select 11.0.2 → 12.0.0-beta.20230109082659

package/changelog.md

@@ -1,5 +1,48 @@
 # Changelog
 
+## Version 12.0.0 (2023-01-09)
+
+### Features
+
+- new `DefaultPositioner` interface, that represents public API for 'DefaultPositionerComponent'
+   - **extends**
+       - `Positioner`
+- new `DefaultPositionerOptions` interface, that represents default positioner options
+   - **extends**
+      - `PositionerOptions`
+- new `DefaultPositionerComponent` component, that is used for positioning popup element, handles resize, scroll and collision using `Position`
+   - **implements**
+      - `DefaultPositioner`
+      - `NgSelectPlugin<DefaultPositionerOptions>`
+      - `OnDestroy`
+- updated `Positioner` interface
+   - **new properties**
+      - `flip` occurs when flip occured during positining of popup
+- updated `PositionerOptions` interface
+   - **new properties**
+      - `positionOptions` options used for positioning
+
+### BREAKING CHANGES
+
+- updated minimal version requirements for `Node.js` (`14.20.0` or `16.13.0` or `18.10.0`)
+- minimal supported version of `@angular` is now `15.0.4`
+- minimal supported version of `rxjs` is now `7.5.6`
+- minimal supported version of `@jscrpt/common` is now `3.3.0`
+- minimal supported version of `@anglr/common` is now `15.0.1`
+- minimal supported version of `tslib` is now `2.4.1`
+- removed dependency from `positions`
+- removed dependency from `@popperjs/core`
+- removed subpackage `@anglr/select/popperjs`
+- updated `PositionerOptions` interface
+   - new way of configuring displayed popup
+   - **removed properties**
+      - `optionsCoordinates`
+      - `selectCoordinates`
+- removed `ScrollTargetSelector` service
+- removed `BasicPositionerComponent` component, replaced with `DefaultPositionerComponent`
+- removed `BasicPositionerOptions` interface, replaced with `DefaultPositionerOptions`
+- removed `BasicPositioner` interface, replaced with `DefaultPositioner`
+
 ## Version 11.0.2 (2022-02-22)
 
 ### Bug Fixes

package/elements/src/components/ngSelectElements.component.d.ts

@@ -62,6 +62,6 @@ export declare class NgSelectElementsComponent<TValue = any> extends NgSelectCom
      */
     executeAndReturnWC: <TResult>(func: NgSelectFunction<TResult, TValue>) => TResult;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectElementsComponent<any>, [null, null, null, null, null, null, null, { attribute: "readonly"; }, { attribute: "disabled"; }, { attribute: "multiple"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectElementsComponent<any>, "ng-select-web-component", never, { "initializedWC": "initializedWC"; "isInitializedWC": "isInitializedWC"; "selectOptionsWC": "selectOptions"; "initializeWC": "initializeWC"; "initOptionsWC": "initOptionsWC"; "getPluginWC": "getPluginWC"; "invalidateVisualsWC": "invalidateVisualsWC"; "executeWC": "executeWC"; "executeAndReturnWC": "executeAndReturnWC"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectElementsComponent<any>, "ng-select-web-component", never, { "initializedWC": "initializedWC"; "isInitializedWC": "isInitializedWC"; "selectOptionsWC": "selectOptions"; "initializeWC": "initializeWC"; "initOptionsWC": "initOptionsWC"; "getPluginWC": "getPluginWC"; "invalidateVisualsWC": "invalidateVisualsWC"; "executeWC": "executeWC"; "executeAndReturnWC": "executeAndReturnWC"; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=ngSelectElements.component.d.ts.map

package/es2015/elements/src/components/ngSelectElements.component.js

@@ -4,8 +4,8 @@ import { isString } from '@jscrpt/common';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@anglr/select";
-import * as i2 from "@anglr/common";
-import * as i3 from "@angular/common";
+import * as i2 from "@angular/common";
+import * as i3 from "@anglr/common";
 const NG_OPTION = 'NG-OPTION';
 /**
  * Component that represents WebComponent implementation of NgSelect
@@ -123,8 +123,8 @@ export class NgSelectElementsComponent extends NgSelectComponent {
         super.ngOnDestroy();
     }
 }
-NgSelectElementsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectElementsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.PluginBus }, { token: NG_SELECT_PLUGIN_INSTANCES }, { token: 'readonly', attribute: true }, { token: 'disabled', attribute: true }, { token: 'multiple', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
-NgSelectElementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: NgSelectElementsComponent, selector: "ng-select-web-component", inputs: { initializedWC: "initializedWC", isInitializedWC: "isInitializedWC", selectOptionsWC: ["selectOptions", "selectOptionsWC"], initializeWC: "initializeWC", initOptionsWC: "initOptionsWC", getPluginWC: "getPluginWC", invalidateVisualsWC: "invalidateVisualsWC", executeWC: "executeWC", executeAndReturnWC: "executeAndReturnWC" }, providers: [
+NgSelectElementsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.PluginBus }, { token: NG_SELECT_PLUGIN_INSTANCES }, { token: 'readonly', attribute: true }, { token: 'disabled', attribute: true }, { token: 'multiple', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+NgSelectElementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NgSelectElementsComponent, selector: "ng-select-web-component", inputs: { initializedWC: "initializedWC", isInitializedWC: "isInitializedWC", selectOptionsWC: ["selectOptions", "selectOptionsWC"], initializeWC: "initializeWC", initOptionsWC: "initOptionsWC", getPluginWC: "getPluginWC", invalidateVisualsWC: "invalidateVisualsWC", executeWC: "executeWC", executeAndReturnWC: "executeAndReturnWC" }, providers: [
         {
             provide: NG_SELECT_PLUGIN_INSTANCES,
             useFactory: () => { return {}; }
@@ -133,8 +133,8 @@ NgSelectElementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             provide: PluginBus,
             useClass: PluginBus
         }
-    ], usesInheritance: true, ngImport: i0, template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"], directives: [{ type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectElementsComponent, decorators: [{
+    ], usesInheritance: true, ngImport: i0, template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-select-web-component', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -145,13 +145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
                             provide: PluginBus,
                             useClass: PluginBus
                         }
-                    ], styles: [
-                        `:host
-        {
-            display: block;
-            position: relative;
-        }`
-                    ], template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n</div>" }]
+                    ], template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.PluginBus }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NG_SELECT_PLUGIN_INSTANCES]

package/es2015/elements/src/components/ngSelectElements.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngSelectElements.component.js","sourceRoot":"","sources":["../../../../elements/src/components/ngSelectElements.component.ts","../../../../elements/src/components/ngSelectElements.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, FactoryProvider, Input, ChangeDetectorRef, ElementRef, Inject, Attribute, ComponentFactoryResolver, ApplicationRef, Injector, ClassProvider} from '@angular/core';\nimport {NgSelectComponent, NG_SELECT_PLUGIN_INSTANCES, NgSelectOptions, NgSelectAction, NgSelectFunction, NgSelectPluginInstances, NgSelectPlugin, CodeOptionsGatherer, NgSelectOption, PluginBus} from '@anglr/select';\nimport {isString} from '@jscrpt/common';\nimport {Observable} from 'rxjs';\n\nimport {NgSelectWebComponent} from './ngSelectElements.interface';\n\nconst NG_OPTION = 'NG-OPTION';\n\n/**\n * Component that represents WebComponent implementation of NgSelect\n */\n@Component(\n{\n    selector: 'ng-select-web-component',\n    templateUrl: 'ngSelectElements.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers:\n    [\n        <FactoryProvider>\n        {\n            provide: NG_SELECT_PLUGIN_INSTANCES,\n            useFactory: () => {return {};}\n        },\n        <ClassProvider>\n        {\n            provide: PluginBus,\n            useClass: PluginBus\n        }\n    ],\n    styles: [\n        `:host\n        {\n            display: block;\n            position: relative;\n        }`\n    ]\n})\nexport class NgSelectElementsComponent<TValue = any> extends NgSelectComponent<TValue> implements NgSelectWebComponent<TValue>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Mutation observer, that observes ng-options\n     */\n    protected _optionsObserver: MutationObserver;\n\n    /**\n     * Options gatherer used for NgSelect WebComponent\n     */\n    protected _codeOptionsGatherer: CodeOptionsGatherer<TValue> = new CodeOptionsGatherer<TValue>();\n\n    //######################### public properties #########################\n\n    /**\n     * Occurs every time when NgSelect is initialized or reinitialized, if value is false NgSelect was not initialized yet\n     */\n    @Input()\n    public get initializedWC(): Observable<boolean>\n    {\n        return this.initialized;\n    }\n\n    /**\n     * Gets current state of initialization\n     */\n    @Input()\n    public get isInitializedWC(): boolean\n    {\n        return this.isInitialized;\n    }\n\n    /**\n     * Gets or sets NgSelect options\n     */\n    @Input('selectOptions')\n    public get selectOptionsWC(): NgSelectOptions<TValue>\n    {\n        return this.selectOptions;\n    }\n    public set selectOptionsWC(options: NgSelectOptions<TValue>)\n    {\n        if(isString(options))\n        {\n            try\n            {\n                options = JSON.parse(options);\n            }\n            catch(e)\n            {\n                console.log(e);\n\n                options = {};\n            }\n        }\n\n        this.selectOptions = options;\n    }\n\n    //######################### constructors #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                componentFactoryResolver: ComponentFactoryResolver,\n                appRef: ApplicationRef,\n                injector: Injector,\n                pluginBus: PluginBus<TValue>,\n                @Inject(NG_SELECT_PLUGIN_INSTANCES) protected pluginInstances: NgSelectPluginInstances,\n                @Attribute('readonly') readonly?: string,\n                @Attribute('disabled') disabled?: string,\n                @Attribute('multiple') multiple?: string)\n    {\n        super(changeDetector, element, componentFactoryResolver, appRef, injector, pluginBus, pluginInstances, null, null, null, null, null, null, null, null, readonly, disabled, multiple);\n\n        this._selectOptions.optionsGatherer = this._codeOptionsGatherer;\n\n        this._optionsObserver = new MutationObserver(mutationsList =>\n        {\n            let added: boolean = false;\n            let removed: boolean = false;\n\n            mutationsList.forEach(itm => \n            {\n                itm.addedNodes.forEach(node =>\n                {\n                    if(node.nodeName == NG_OPTION)\n                    {\n                        added = true;\n                    }\n                });\n\n                itm.removedNodes.forEach(node =>\n                {\n                    if(node.nodeName == NG_OPTION)\n                    {\n                        removed = true;\n                    }\n                });\n\n                if(added || removed)\n                {\n                    const options: NgSelectOption<TValue>[] = [];\n\n                    for(let x = 0; x < element.nativeElement.children.length; x++)\n                    {\n                        const itm = element.nativeElement.children.item(x) as NgSelectOption<TValue> & HTMLElement;\n\n                        if(itm.nodeName == NG_OPTION)\n                        {\n                            options.push(itm);\n                        }\n                    }\n\n                    this._codeOptionsGatherer.options = options;\n                    this._codeOptionsGatherer.optionsChange.emit();\n                    this._codeOptionsGatherer.availableOptionsChange.emit();\n                }\n            });\n        });\n\n        this._optionsObserver.observe(element.nativeElement,\n                                      {\n                                          childList: true\n                                      });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy()\n    {\n        if(this._optionsObserver)\n        {\n            this._optionsObserver.disconnect();\n            this._optionsObserver = null;\n        }\n\n        super.ngOnDestroy();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Initialize component, automatically called once if not blocked by options\n     */\n    @Input()\n    public initializeWC = () => this.initialize();\n\n    /**\n     * Initialize options, automaticaly called during init phase, but can be used to reinitialize NgSelectOptions\n     */\n    @Input()\n    public initOptionsWC = () => this.initOptions();\n\n    /**\n     * Gets instance of plugin by its id\n     * @param pluginId - Id of plugin, use constants\n     */\n    @Input()\n    public getPluginWC = <PluginType extends NgSelectPlugin>(pluginId: string): PluginType => this.getPlugin(pluginId);\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    @Input()\n    public invalidateVisualsWC = (): void => this.invalidateVisuals();\n\n    /**\n     * Executes actions on NgSelect\n     * @param actions - Array of actions that are executed over NgSelect\n     */\n    @Input()\n    public executeWC = (...actions: NgSelectAction<TValue>[]) => this.execute(...actions);\n\n    /**\n     * Executes function on NgSelect and returns result\n     * @param func - Function that is executed and its result is returned\n     */\n    @Input()\n    public executeAndReturnWC = <TResult>(func: NgSelectFunction<TResult, TValue>): TResult => this.executeAndReturn(func);\n}","<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n</div>"]}
+{"version":3,"file":"ngSelectElements.component.js","sourceRoot":"","sources":["../../../../elements/src/components/ngSelectElements.component.ts","../../../../elements/src/components/ngSelectElements.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, FactoryProvider, Input, ChangeDetectorRef, ElementRef, Inject, Attribute, ComponentFactoryResolver, ApplicationRef, Injector, ClassProvider} from '@angular/core';\nimport {NgSelectComponent, NG_SELECT_PLUGIN_INSTANCES, NgSelectOptions, NgSelectAction, NgSelectFunction, NgSelectPluginInstances, NgSelectPlugin, CodeOptionsGatherer, NgSelectOption, PluginBus} from '@anglr/select';\nimport {isString} from '@jscrpt/common';\nimport {Observable} from 'rxjs';\n\nimport {NgSelectWebComponent} from './ngSelectElements.interface';\n\nconst NG_OPTION = 'NG-OPTION';\n\n/**\n * Component that represents WebComponent implementation of NgSelect\n */\n@Component(\n{\n    selector: 'ng-select-web-component',\n    templateUrl: 'ngSelectElements.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers:\n    [\n        <FactoryProvider>\n        {\n            provide: NG_SELECT_PLUGIN_INSTANCES,\n            useFactory: () => {return {};}\n        },\n        <ClassProvider>\n        {\n            provide: PluginBus,\n            useClass: PluginBus\n        }\n    ],\n    styles: [\n        `:host\n        {\n            display: block;\n            position: relative;\n        }`\n    ]\n})\nexport class NgSelectElementsComponent<TValue = any> extends NgSelectComponent<TValue> implements NgSelectWebComponent<TValue>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Mutation observer, that observes ng-options\n     */\n    protected _optionsObserver: MutationObserver;\n\n    /**\n     * Options gatherer used for NgSelect WebComponent\n     */\n    protected _codeOptionsGatherer: CodeOptionsGatherer<TValue> = new CodeOptionsGatherer<TValue>();\n\n    //######################### public properties #########################\n\n    /**\n     * Occurs every time when NgSelect is initialized or reinitialized, if value is false NgSelect was not initialized yet\n     */\n    @Input()\n    public get initializedWC(): Observable<boolean>\n    {\n        return this.initialized;\n    }\n\n    /**\n     * Gets current state of initialization\n     */\n    @Input()\n    public get isInitializedWC(): boolean\n    {\n        return this.isInitialized;\n    }\n\n    /**\n     * Gets or sets NgSelect options\n     */\n    @Input('selectOptions')\n    public get selectOptionsWC(): NgSelectOptions<TValue>\n    {\n        return this.selectOptions;\n    }\n    public set selectOptionsWC(options: NgSelectOptions<TValue>)\n    {\n        if(isString(options))\n        {\n            try\n            {\n                options = JSON.parse(options);\n            }\n            catch(e)\n            {\n                console.log(e);\n\n                options = {};\n            }\n        }\n\n        this.selectOptions = options;\n    }\n\n    //######################### constructors #########################\n    constructor(changeDetector: ChangeDetectorRef,\n                element: ElementRef<HTMLElement>,\n                componentFactoryResolver: ComponentFactoryResolver,\n                appRef: ApplicationRef,\n                injector: Injector,\n                pluginBus: PluginBus<TValue>,\n                @Inject(NG_SELECT_PLUGIN_INSTANCES) protected pluginInstances: NgSelectPluginInstances,\n                @Attribute('readonly') readonly?: string,\n                @Attribute('disabled') disabled?: string,\n                @Attribute('multiple') multiple?: string)\n    {\n        super(changeDetector, element, componentFactoryResolver, appRef, injector, pluginBus, pluginInstances, null, null, null, null, null, null, null, null, readonly, disabled, multiple);\n\n        this._selectOptions.optionsGatherer = this._codeOptionsGatherer;\n\n        this._optionsObserver = new MutationObserver(mutationsList =>\n        {\n            let added: boolean = false;\n            let removed: boolean = false;\n\n            mutationsList.forEach(itm => \n            {\n                itm.addedNodes.forEach(node =>\n                {\n                    if(node.nodeName == NG_OPTION)\n                    {\n                        added = true;\n                    }\n                });\n\n                itm.removedNodes.forEach(node =>\n                {\n                    if(node.nodeName == NG_OPTION)\n                    {\n                        removed = true;\n                    }\n                });\n\n                if(added || removed)\n                {\n                    const options: NgSelectOption<TValue>[] = [];\n\n                    for(let x = 0; x < element.nativeElement.children.length; x++)\n                    {\n                        const itm = element.nativeElement.children.item(x) as NgSelectOption<TValue> & HTMLElement;\n\n                        if(itm.nodeName == NG_OPTION)\n                        {\n                            options.push(itm);\n                        }\n                    }\n\n                    this._codeOptionsGatherer.options = options;\n                    this._codeOptionsGatherer.optionsChange.emit();\n                    this._codeOptionsGatherer.availableOptionsChange.emit();\n                }\n            });\n        });\n\n        this._optionsObserver.observe(element.nativeElement,\n                                      {\n                                          childList: true\n                                      });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy()\n    {\n        if(this._optionsObserver)\n        {\n            this._optionsObserver.disconnect();\n            this._optionsObserver = null;\n        }\n\n        super.ngOnDestroy();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Initialize component, automatically called once if not blocked by options\n     */\n    @Input()\n    public initializeWC = () => this.initialize();\n\n    /**\n     * Initialize options, automaticaly called during init phase, but can be used to reinitialize NgSelectOptions\n     */\n    @Input()\n    public initOptionsWC = () => this.initOptions();\n\n    /**\n     * Gets instance of plugin by its id\n     * @param pluginId - Id of plugin, use constants\n     */\n    @Input()\n    public getPluginWC = <PluginType extends NgSelectPlugin>(pluginId: string): PluginType => this.getPlugin(pluginId);\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    @Input()\n    public invalidateVisualsWC = (): void => this.invalidateVisuals();\n\n    /**\n     * Executes actions on NgSelect\n     * @param actions - Array of actions that are executed over NgSelect\n     */\n    @Input()\n    public executeWC = (...actions: NgSelectAction<TValue>[]) => this.execute(...actions);\n\n    /**\n     * Executes function on NgSelect and returns result\n     * @param func - Function that is executed and its result is returned\n     */\n    @Input()\n    public executeAndReturnWC = <TResult>(func: NgSelectFunction<TResult, TValue>): TResult => this.executeAndReturn(func);\n}","<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n</div>"]}

package/es2015/elements/src/modules/ngSelectElements.module.js

@@ -24,18 +24,16 @@ export class NgSelectElementsModule {
     ngDoBootstrap() {
     }
 }
-NgSelectElementsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectElementsModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
-NgSelectElementsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectElementsModule, declarations: [NgSelectElementsComponent], imports: [BrowserModule,
+NgSelectElementsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
+NgSelectElementsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, declarations: [NgSelectElementsComponent], imports: [BrowserModule,
         CommonModule,
         CommonDynamicModule,
         NgSelectModule] });
-NgSelectElementsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectElementsModule, imports: [[
-            BrowserModule,
-            CommonModule,
-            CommonDynamicModule,
-            NgSelectModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectElementsModule, decorators: [{
+NgSelectElementsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, imports: [BrowserModule,
+        CommonModule,
+        CommonDynamicModule,
+        NgSelectModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2015/elements/src/modules/ngSelectElements.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ngSelectElements.module.js","sourceRoot":"","sources":["../../../../elements/src/modules/ngSelectElements.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAe,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;;AAEnF;;GAEG;AAeH,MAAM,OAAO,sBAAsB;IAE/B,iEAAiE;IACjE,YAAY,QAAkB;QAE1B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,eAAe,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;QAClE,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAE7C,MAAM,QAAQ,GAAG,mBAAmB,CAAC,yBAAyB,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;QAC5E,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,oGAAoG;IAEpG;;OAEG;IACI,aAAa;IAEpB,CAAC;;mHAnBQ,sBAAsB;oHAAtB,sBAAsB,iBAH3B,yBAAyB,aAPzB,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,cAAc;oHAOT,sBAAsB,YAX/B;YACI,aAAa;YACb,YAAY;YACZ,mBAAmB;YACnB,cAAc;SACjB;2FAMQ,sBAAsB;kBAdlC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,aAAa;wBACb,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;qBACjB;oBACD,YAAY,EACZ;wBACI,yBAAyB;qBAC5B;iBACJ","sourcesContent":["import {NgModule, DoBootstrap, Injector} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {BrowserModule} from '@angular/platform-browser';\nimport {createCustomElement} from '@angular/elements';\nimport {CommonDynamicModule} from '@anglr/common';\nimport {NgSelectModule, OptionComponent} from '@anglr/select';\n\nimport {NgSelectElementsComponent} from '../components/ngSelectElements.component';\n\n/**\n * Represents module for WebComponent NgSelect\n */\n@NgModule(\n{\n    imports:\n    [\n        BrowserModule,\n        CommonModule,\n        CommonDynamicModule,\n        NgSelectModule,\n    ],\n    declarations:\n    [\n        NgSelectElementsComponent\n    ]\n})\nexport class NgSelectElementsModule implements DoBootstrap\n{\n    //######################### constructor #########################\n    constructor(injector: Injector) \n    {\n        const ngOption = createCustomElement(OptionComponent, {injector});\n        customElements.define('ng-option', ngOption);\n\n        const ngSelect = createCustomElement(NgSelectElementsComponent, {injector});\n        customElements.define('ng-select', ngSelect);\n    }\n\n    //######################### public methods - implementation of DoBootstrap #########################\n    \n    /**\n     * Called during bootstrapping of module\n     */\n    public ngDoBootstrap()\n    {\n    }\n}"]}
+{"version":3,"file":"ngSelectElements.module.js","sourceRoot":"","sources":["../../../../elements/src/modules/ngSelectElements.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAe,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;;AAEnF;;GAEG;AAeH,MAAM,OAAO,sBAAsB;IAE/B,iEAAiE;IACjE,YAAY,QAAkB;QAE1B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,eAAe,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;QAClE,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAE7C,MAAM,QAAQ,GAAG,mBAAmB,CAAC,yBAAyB,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;QAC5E,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,oGAAoG;IAEpG;;OAEG;IACI,aAAa;IAEpB,CAAC;;mHAnBQ,sBAAsB;oHAAtB,sBAAsB,iBAH3B,yBAAyB,aAPzB,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,cAAc;oHAOT,sBAAsB,YAV3B,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,cAAc;2FAOT,sBAAsB;kBAdlC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,aAAa;wBACb,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;qBACjB;oBACD,YAAY,EACZ;wBACI,yBAAyB;qBAC5B;iBACJ","sourcesContent":["import {NgModule, DoBootstrap, Injector} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {BrowserModule} from '@angular/platform-browser';\nimport {createCustomElement} from '@angular/elements';\nimport {CommonDynamicModule} from '@anglr/common';\nimport {NgSelectModule, OptionComponent} from '@anglr/select';\n\nimport {NgSelectElementsComponent} from '../components/ngSelectElements.component';\n\n/**\n * Represents module for WebComponent NgSelect\n */\n@NgModule(\n{\n    imports:\n    [\n        BrowserModule,\n        CommonModule,\n        CommonDynamicModule,\n        NgSelectModule,\n    ],\n    declarations:\n    [\n        NgSelectElementsComponent\n    ]\n})\nexport class NgSelectElementsModule implements DoBootstrap\n{\n    //######################### constructor #########################\n    constructor(injector: Injector) \n    {\n        const ngOption = createCustomElement(OptionComponent, {injector});\n        customElements.define('ng-option', ngOption);\n\n        const ngSelect = createCustomElement(NgSelectElementsComponent, {injector});\n        customElements.define('ng-select', ngSelect);\n    }\n\n    //######################### public methods - implementation of DoBootstrap #########################\n    \n    /**\n     * Called during bootstrapping of module\n     */\n    public ngDoBootstrap()\n    {\n    }\n}"]}

package/es2015/material/src/components/basicDialogPopup/basicDialogPopup.component.js

@@ -62,9 +62,9 @@ export class BasicDialogPopupComponent {
         this._changeDetector.detectChanges();
     }
 }
-BasicDialogPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicDialogPopupComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.ChangeDetectorRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-BasicDialogPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BasicDialogPopupComponent, selector: "ng-select-basic-dialog-popup", ngImport: i0, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BasicDialogPopupComponent, decorators: [{
+BasicDialogPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BasicDialogPopupComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.ChangeDetectorRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+BasicDialogPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BasicDialogPopupComponent, selector: "ng-select-basic-dialog-popup", ngImport: i0, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BasicDialogPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-select-basic-dialog-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{

package/es2015/material/src/directives/dialogPopup/dialogPopup.directive.js

@@ -48,14 +48,14 @@ export class DialogPopupDirective {
         }
     }
 }
-DialogPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogPopupDirective, deps: [{ token: i1.NgSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
-DialogPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: DialogPopupDirective, selector: "ng-select[dialogPopup]", inputs: { popupType: ["dialogPopup", "popupType"], dialogPopupOptions: "dialogPopupOptions" }, providers: [
+DialogPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupDirective, deps: [{ token: i1.NgSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
+DialogPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DialogPopupDirective, selector: "ng-select[dialogPopup]", inputs: { popupType: ["dialogPopup", "popupType"], dialogPopupOptions: "dialogPopupOptions" }, providers: [
         {
             provide: POPUP_TYPE,
             useValue: DialogPopupComponent
         }
     ], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogPopupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-select[dialogPopup]',

package/es2015/material/src/modules/dialogPopup.module.js

@@ -10,18 +10,16 @@ import * as i0 from "@angular/core";
  */
 export class NgSelectDialogPopupModule {
 }
-NgSelectDialogPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectDialogPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgSelectDialogPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectDialogPopupModule, declarations: [DialogPopupComponent,
+NgSelectDialogPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgSelectDialogPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, declarations: [DialogPopupComponent,
         BasicDialogPopupComponent,
         DialogPopupDirective], imports: [CommonModule,
         MatDialogModule], exports: [DialogPopupComponent,
         BasicDialogPopupComponent,
         DialogPopupDirective] });
-NgSelectDialogPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectDialogPopupModule, imports: [[
-            CommonModule,
-            MatDialogModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectDialogPopupModule, decorators: [{
+NgSelectDialogPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, imports: [CommonModule,
+        MatDialogModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2015/material/src/modules/dialogPopup.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogPopup.module.js","sourceRoot":"","sources":["../../../../material/src/modules/dialogPopup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAC,oBAAoB,EAAC,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;;AAEzD;;GAEG;AAqBH,MAAM,OAAO,yBAAyB;;sHAAzB,yBAAyB;uHAAzB,yBAAyB,iBAX9B,oBAAoB;QACpB,yBAAyB;QACzB,oBAAoB,aAPpB,YAAY;QACZ,eAAe,aAUf,oBAAoB;QACpB,yBAAyB;QACzB,oBAAoB;uHAGf,yBAAyB,YAjBlC;YACI,YAAY;YACZ,eAAe;SAClB;2FAcQ,yBAAyB;kBApBrC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,oBAAoB;wBACpB,yBAAyB;wBACzB,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;wBACpB,yBAAyB;wBACzB,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MatDialogModule} from '@angular/material/dialog';\n\nimport {BasicDialogPopupComponent} from '../components/basicDialogPopup/types';\nimport {DialogPopupComponent} from '../plugins/popup/dialog/dialogPopup.component';\nimport {DialogPopupDirective} from '../directives/types';\n\n/**\n * Module allows using of angular material dialog for select popup\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        MatDialogModule\n    ],\n    declarations:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n        DialogPopupDirective\n    ],\n    exports:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n        DialogPopupDirective\n    ]\n})\nexport class NgSelectDialogPopupModule\n{\n}"]}
+{"version":3,"file":"dialogPopup.module.js","sourceRoot":"","sources":["../../../../material/src/modules/dialogPopup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAC,oBAAoB,EAAC,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;;AAEzD;;GAEG;AAqBH,MAAM,OAAO,yBAAyB;;sHAAzB,yBAAyB;uHAAzB,yBAAyB,iBAX9B,oBAAoB;QACpB,yBAAyB;QACzB,oBAAoB,aAPpB,YAAY;QACZ,eAAe,aAUf,oBAAoB;QACpB,yBAAyB;QACzB,oBAAoB;uHAGf,yBAAyB,YAhB9B,YAAY;QACZ,eAAe;2FAeV,yBAAyB;kBApBrC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,oBAAoB;wBACpB,yBAAyB;wBACzB,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;wBACpB,yBAAyB;wBACzB,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MatDialogModule} from '@angular/material/dialog';\n\nimport {BasicDialogPopupComponent} from '../components/basicDialogPopup/types';\nimport {DialogPopupComponent} from '../plugins/popup/dialog/dialogPopup.component';\nimport {DialogPopupDirective} from '../directives/types';\n\n/**\n * Module allows using of angular material dialog for select popup\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        MatDialogModule\n    ],\n    declarations:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n        DialogPopupDirective\n    ],\n    exports:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n        DialogPopupDirective\n    ]\n})\nexport class NgSelectDialogPopupModule\n{\n}"]}

package/es2015/material/src/modules/virtualEditPopup.module.js

@@ -8,14 +8,12 @@ import * as i0 from "@angular/core";
  */
 export class VirtualEditPopupModule {
 }
-VirtualEditPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VirtualEditPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupModule, declarations: [VirtualEditPopupComponent], imports: [CommonModule,
+VirtualEditPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VirtualEditPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, declarations: [VirtualEditPopupComponent], imports: [CommonModule,
         ScrollingModule], exports: [VirtualEditPopupComponent] });
-VirtualEditPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupModule, imports: [[
-            CommonModule,
-            ScrollingModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupModule, decorators: [{
+VirtualEditPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, imports: [CommonModule,
+        ScrollingModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2015/material/src/modules/virtualEditPopup.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualEditPopup.module.js","sourceRoot":"","sources":["../../../../material/src/modules/virtualEditPopup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAC,yBAAyB,EAAC,MAAM,yDAAyD,CAAC;;AAElG;;GAEG;AAiBH,MAAM,OAAO,sBAAsB;;mHAAtB,sBAAsB;oHAAtB,sBAAsB,iBAP3B,yBAAyB,aALzB,YAAY;QACZ,eAAe,aAQf,yBAAyB;oHAGpB,sBAAsB,YAb/B;YACI,YAAY;YACZ,eAAe;SAClB;2FAUQ,sBAAsB;kBAhBlC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,yBAAyB;qBAC5B;oBACD,OAAO,EACP;wBACI,yBAAyB;qBAC5B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\n\nimport {VirtualEditPopupComponent} from '../plugins/popup/virtualEdit/virtualEditPopup.component';\n\n/**\n * Module for VirtualEditPopup components, can also by used for non edit version\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        ScrollingModule\n    ],\n    declarations:\n    [\n        VirtualEditPopupComponent\n    ],\n    exports:\n    [\n        VirtualEditPopupComponent\n    ]\n})\nexport class VirtualEditPopupModule\n{\n}\n"]}
+{"version":3,"file":"virtualEditPopup.module.js","sourceRoot":"","sources":["../../../../material/src/modules/virtualEditPopup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAC,yBAAyB,EAAC,MAAM,yDAAyD,CAAC;;AAElG;;GAEG;AAiBH,MAAM,OAAO,sBAAsB;;mHAAtB,sBAAsB;oHAAtB,sBAAsB,iBAP3B,yBAAyB,aALzB,YAAY;QACZ,eAAe,aAQf,yBAAyB;oHAGpB,sBAAsB,YAZ3B,YAAY;QACZ,eAAe;2FAWV,sBAAsB;kBAhBlC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,yBAAyB;qBAC5B;oBACD,OAAO,EACP;wBACI,yBAAyB;qBAC5B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\n\nimport {VirtualEditPopupComponent} from '../plugins/popup/virtualEdit/virtualEditPopup.component';\n\n/**\n * Module for VirtualEditPopup components, can also by used for non edit version\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        ScrollingModule\n    ],\n    declarations:\n    [\n        VirtualEditPopupComponent\n    ],\n    exports:\n    [\n        VirtualEditPopupComponent\n    ]\n})\nexport class VirtualEditPopupModule\n{\n}\n"]}

package/es2015/material/src/plugins/popup/dialog/dialogPopup.component.js

@@ -118,9 +118,9 @@ export class DialogPopupComponent {
         this._handleDialog(true);
     }
 }
-DialogPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogPopupComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: POPUP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DialogPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DialogPopupComponent, selector: "div.ng-select-dialog-popup", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogPopupComponent, decorators: [{
+DialogPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: POPUP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DialogPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DialogPopupComponent, selector: "div.ng-select-dialog-popup", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'div.ng-select-dialog-popup',

package/es2015/material/src/plugins/popup/virtualEdit/virtualEditPopup.component.js

@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { EditPopupComponent } from '@anglr/select';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/scrolling";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/scrolling";
 //TODO - resize and scroll
 //TODO - too few items and height
 //TODO - dynamic width update and collision with viewport
@@ -80,9 +80,9 @@ export class VirtualEditPopupComponent extends EditPopupComponent {
         // }
     }
 }
-VirtualEditPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-VirtualEditPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: VirtualEditPopupComponent, selector: "div.ng-select-virtual-edit-popup", viewQueries: [{ propertyName: "viewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n     <cdk-virtual-scroll-viewport itemSize=\"28\" class=\"thin-scrollbar\">\r\n        <div *cdkVirtualFor=\"let option of selectOptions\"\r\n             #popupOptions\r\n             [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n             [class.active]=\"option?.active\"\r\n             [class.selected]=\"option?.selected\"\r\n             (mouseenter)=\"handleMouseActivation(option)\"\r\n             (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n            <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n                <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </cdk-virtual-scroll-viewport>\r\n      \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: hidden;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\ncdk-virtual-scroll-viewport\r\n{\r\n    height: 290px;\r\n    transition: width 200ms;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], components: [{ type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupComponent, decorators: [{
+VirtualEditPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+VirtualEditPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: VirtualEditPopupComponent, selector: "div.ng-select-virtual-edit-popup", viewQueries: [{ propertyName: "viewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n     <cdk-virtual-scroll-viewport itemSize=\"28\" class=\"thin-scrollbar\">\r\n        <div *cdkVirtualFor=\"let option of selectOptions\"\r\n             #popupOptions\r\n             [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n             [class.active]=\"option?.active\"\r\n             [class.selected]=\"option?.selected\"\r\n             (mouseenter)=\"handleMouseActivation(option)\"\r\n             (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n            <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n                <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </cdk-virtual-scroll-viewport>\r\n      \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: hidden;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\ncdk-virtual-scroll-viewport\r\n{\r\n    height: 290px;\r\n    transition: width 200ms;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div.ng-select-virtual-edit-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n     <cdk-virtual-scroll-viewport itemSize=\"28\" class=\"thin-scrollbar\">\r\n        <div *cdkVirtualFor=\"let option of selectOptions\"\r\n             #popupOptions\r\n             [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n             [class.active]=\"option?.active\"\r\n             [class.selected]=\"option?.selected\"\r\n             (mouseenter)=\"handleMouseActivation(option)\"\r\n             (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n            <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n                <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </cdk-virtual-scroll-viewport>\r\n      \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: hidden;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\ncdk-virtual-scroll-viewport\r\n{\r\n    height: 290px;\r\n    transition: width 200ms;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"] }]
         }], propDecorators: { viewPort: [{

package/es2015/src/components/option/optgroup.component.js

@@ -35,9 +35,9 @@ export class OptGroupComponent {
         });
     }
 }
-OptGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OptGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: OptGroupComponent, selector: "ng-select>ng-optgroup", inputs: { text: "text" }, viewQueries: [{ propertyName: "optionsChildren", predicate: OptionComponent, descendants: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptGroupComponent, decorators: [{
+OptGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OptGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OptGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: OptGroupComponent, selector: "ng-select>ng-optgroup", inputs: { text: "text" }, viewQueries: [{ propertyName: "optionsChildren", predicate: OptionComponent, descendants: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OptGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-select>ng-optgroup',

package/es2015/src/components/option/option.component.js

@@ -21,9 +21,9 @@ export class OptionComponent {
         this.group = null;
     }
 }
-OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: OptionComponent, selector: "ng-option", inputs: { value: "value", text: "text" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptionComponent, decorators: [{
+OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: OptionComponent, selector: "ng-option", inputs: { value: "value", text: "text" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-option',

package/es2015/src/components/select/select.component.js

@@ -10,7 +10,7 @@ import { BasicNormalStateComponent } from '../../plugins/normalState/components'
 import { POPUP } from '../../plugins/popup/types';
 import { BasicPopupComponent } from '../../plugins/popup/component';
 import { POSITIONER } from '../../plugins/positioner/types';
-import { BasicPositionerComponent } from '../../plugins/positioner/components';
+import { DefaultPositionerComponent } from '../../plugins/positioner/components';
 import { READONLY_STATE } from '../../plugins/readonlyState/types';
 import { VALUE_HANDLER } from '../../plugins/valueHandler/types';
 import { BasicValueHandlerComponent } from '../../plugins/valueHandler/components';
@@ -21,8 +21,8 @@ import { OptGroupComponent } from '../option/optgroup.component';
 import { PluginBus } from '../../misc/pluginBus/pluginBus';
 import * as i0 from "@angular/core";
 import * as i1 from "../../misc/pluginBus/pluginBus";
-import * as i2 from "@anglr/common";
-import * as i3 from "@angular/common";
+import * as i2 from "@angular/common";
+import * as i3 from "@anglr/common";
 //TODO - dynamic change of absolute popup
 //TODO - dynamic change of options gatherer destroy called properly ?
 /**
@@ -59,7 +59,7 @@ const defaultOptions = {
             type: forwardRef(() => BasicPopupComponent)
         },
         positioner: {
-            type: forwardRef(() => BasicPositionerComponent)
+            type: forwardRef(() => DefaultPositionerComponent)
         },
         keyboardHandler: {
             type: forwardRef(() => BasicKeyboardHandlerComponent)
@@ -502,8 +502,8 @@ export class NgSelectComponent {
         }
     }
 }
-NgSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.PluginBus }, { token: NG_SELECT_PLUGIN_INSTANCES }, { token: NG_SELECT_OPTIONS, optional: true }, { token: NORMAL_STATE_TYPE, optional: true }, { token: KEYBOARD_HANDLER_TYPE, optional: true }, { token: POPUP_TYPE, optional: true }, { token: POSITIONER_TYPE, optional: true }, { token: READONLY_STATE_TYPE, optional: true }, { token: VALUE_HANDLER_TYPE, optional: true }, { token: LIVE_SEARCH_TYPE, optional: true }, { token: 'readonly', attribute: true }, { token: 'disabled', attribute: true }, { token: 'multiple', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
-NgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: NgSelectComponent, selector: "ng-select", inputs: { selectOptions: "selectOptions", disabled: "disabled", readonly: "readonly" }, providers: [
+NgSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.PluginBus }, { token: NG_SELECT_PLUGIN_INSTANCES }, { token: NG_SELECT_OPTIONS, optional: true }, { token: NORMAL_STATE_TYPE, optional: true }, { token: KEYBOARD_HANDLER_TYPE, optional: true }, { token: POPUP_TYPE, optional: true }, { token: POSITIONER_TYPE, optional: true }, { token: READONLY_STATE_TYPE, optional: true }, { token: VALUE_HANDLER_TYPE, optional: true }, { token: LIVE_SEARCH_TYPE, optional: true }, { token: 'readonly', attribute: true }, { token: 'disabled', attribute: true }, { token: 'multiple', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+NgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NgSelectComponent, selector: "ng-select", inputs: { selectOptions: "selectOptions", disabled: "disabled", readonly: "readonly" }, providers: [
         {
             provide: NG_SELECT_PLUGIN_INSTANCES,
             useFactory: () => { return {}; }
@@ -512,8 +512,8 @@ NgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             provide: PluginBus,
             useClass: PluginBus
         }
-    ], queries: [{ propertyName: "normalStateTemplate", first: true, predicate: ["normalStateTemplate"], descendants: true }, { propertyName: "optionTemplate", first: true, predicate: ["optionTemplate"], descendants: true }, { propertyName: "optionsChildren", predicate: OptionComponent }, { propertyName: "optGroupsChildren", predicate: OptGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"], directives: [{ type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectComponent, decorators: [{
+    ], queries: [{ propertyName: "normalStateTemplate", first: true, predicate: ["normalStateTemplate"], descendants: true }, { propertyName: "optionTemplate", first: true, predicate: ["optionTemplate"], descendants: true }, { propertyName: "optionsChildren", predicate: OptionComponent }, { propertyName: "optGroupsChildren", predicate: OptGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -524,13 +524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
                             provide: PluginBus,
                             useClass: PluginBus
                         }
-                    ], styles: [
-                        `:host
-        {
-            display: block;
-            position: relative;
-        }`
-                    ], template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>" }]
+                    ], template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.PluginBus }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NG_SELECT_PLUGIN_INSTANCES]