@anglr/select 12.0.0 → 13.0.0-beta.20250127113535

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

@@ -1,181 +0,0 @@
-import { Component, ChangeDetectionStrategy, Input, ChangeDetectorRef, ElementRef, Inject, Attribute, ComponentFactoryResolver, ApplicationRef, Injector } from '@angular/core';
-import { NgSelectComponent, NG_SELECT_PLUGIN_INSTANCES, CodeOptionsGatherer, PluginBus } from '@anglr/select';
-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 "@angular/common";
-import * as i3 from "@anglr/common";
-const NG_OPTION = 'NG-OPTION';
-/**
- * Component that represents WebComponent implementation of NgSelect
- */
-export class NgSelectElementsComponent extends NgSelectComponent {
-    //######################### constructors #########################
-    constructor(changeDetector, element, componentFactoryResolver, appRef, injector, pluginBus, pluginInstances, readonly, disabled, multiple) {
-        super(changeDetector, element, componentFactoryResolver, appRef, injector, pluginBus, pluginInstances, null, null, null, null, null, null, null, null, readonly, disabled, multiple);
-        this.pluginInstances = pluginInstances;
-        /**
-         * Options gatherer used for NgSelect WebComponent
-         */
-        this._codeOptionsGatherer = new CodeOptionsGatherer();
-        //######################### public methods #########################
-        /**
-         * Initialize component, automatically called once if not blocked by options
-         */
-        this.initializeWC = () => this.initialize();
-        /**
-         * Initialize options, automaticaly called during init phase, but can be used to reinitialize NgSelectOptions
-         */
-        this.initOptionsWC = () => this.initOptions();
-        /**
-         * Gets instance of plugin by its id
-         * @param pluginId - Id of plugin, use constants
-         */
-        this.getPluginWC = (pluginId) => this.getPlugin(pluginId);
-        /**
-         * Explicitly runs invalidation of content (change detection)
-         */
-        this.invalidateVisualsWC = () => this.invalidateVisuals();
-        /**
-         * Executes actions on NgSelect
-         * @param actions - Array of actions that are executed over NgSelect
-         */
-        this.executeWC = (...actions) => this.execute(...actions);
-        /**
-         * Executes function on NgSelect and returns result
-         * @param func - Function that is executed and its result is returned
-         */
-        this.executeAndReturnWC = (func) => this.executeAndReturn(func);
-        this._selectOptions.optionsGatherer = this._codeOptionsGatherer;
-        this._optionsObserver = new MutationObserver(mutationsList => {
-            let added = false;
-            let removed = false;
-            mutationsList.forEach(itm => {
-                itm.addedNodes.forEach(node => {
-                    if (node.nodeName == NG_OPTION) {
-                        added = true;
-                    }
-                });
-                itm.removedNodes.forEach(node => {
-                    if (node.nodeName == NG_OPTION) {
-                        removed = true;
-                    }
-                });
-                if (added || removed) {
-                    const options = [];
-                    for (let x = 0; x < element.nativeElement.children.length; x++) {
-                        const itm = element.nativeElement.children.item(x);
-                        if (itm.nodeName == NG_OPTION) {
-                            options.push(itm);
-                        }
-                    }
-                    this._codeOptionsGatherer.options = options;
-                    this._codeOptionsGatherer.optionsChange.emit();
-                    this._codeOptionsGatherer.availableOptionsChange.emit();
-                }
-            });
-        });
-        this._optionsObserver.observe(element.nativeElement, {
-            childList: true
-        });
-    }
-    //######################### public properties #########################
-    /**
-     * Occurs every time when NgSelect is initialized or reinitialized, if value is false NgSelect was not initialized yet
-     */
-    get initializedWC() {
-        return this.initialized;
-    }
-    /**
-     * Gets current state of initialization
-     */
-    get isInitializedWC() {
-        return this.isInitialized;
-    }
-    /**
-     * Gets or sets NgSelect options
-     */
-    get selectOptionsWC() {
-        return this.selectOptions;
-    }
-    set selectOptionsWC(options) {
-        if (isString(options)) {
-            try {
-                options = JSON.parse(options);
-            }
-            catch (e) {
-                console.log(e);
-                options = {};
-            }
-        }
-        this.selectOptions = options;
-    }
-    //######################### public methods - implementation of OnDestroy #########################
-    /**
-     * Called when component is destroyed
-     */
-    ngOnDestroy() {
-        if (this._optionsObserver) {
-            this._optionsObserver.disconnect();
-            this._optionsObserver = null;
-        }
-        super.ngOnDestroy();
-    }
-}
-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 {}; }
-        },
-        {
-            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        }"], 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: [
-                        {
-                            provide: NG_SELECT_PLUGIN_INSTANCES,
-                            useFactory: () => { return {}; }
-                        },
-                        {
-                            provide: PluginBus,
-                            useClass: PluginBus
-                        }
-                    ], 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]
-                }] }, { type: undefined, decorators: [{
-                    type: Attribute,
-                    args: ['readonly']
-                }] }, { type: undefined, decorators: [{
-                    type: Attribute,
-                    args: ['disabled']
-                }] }, { type: undefined, decorators: [{
-                    type: Attribute,
-                    args: ['multiple']
-                }] }]; }, propDecorators: { initializedWC: [{
-                type: Input
-            }], isInitializedWC: [{
-                type: Input
-            }], selectOptionsWC: [{
-                type: Input,
-                args: ['selectOptions']
-            }], initializeWC: [{
-                type: Input
-            }], initOptionsWC: [{
-                type: Input
-            }], getPluginWC: [{
-                type: Input
-            }], invalidateVisualsWC: [{
-                type: Input
-            }], executeWC: [{
-                type: Input
-            }], executeAndReturnWC: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=ngSelectElements.component.js.map

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

@@ -1 +0,0 @@
-{"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/components/ngSelectElements.interface.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ngSelectElements.interface.js","sourceRoot":"","sources":["../../../../elements/src/components/ngSelectElements.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {NgSelectOptions, NgSelectPlugin, NgSelectAction, NgSelectFunction} from '@anglr/select';\nimport {Observable} from 'rxjs';\n\n/**\n * Public API for NgSelect WebComponent\n */\nexport interface NgSelectWebComponent<TValue = any>\n{\n    /**\n     * Occurs every time when NgSelect is initialized or reinitialized, if value is false NgSelect was not initialized yet\n     */\n    readonly initializedWC: Observable<boolean>;\n\n    /**\n     * Gets current state of initialization\n     */\n    readonly isInitializedWC: boolean;\n\n    /**\n     * Gets or sets NgSelect options\n     */\n    selectOptionsWC: NgSelectOptions<TValue>;\n\n    /**\n     * Initialize component, automatically called once if not blocked by options\n     */\n    initializeWC(): void;\n\n    /**\n     * Initialize options, automaticaly called during init phase, but can be used to reinitialize NgSelectOptions\n     */\n    initOptionsWC(): void;\n\n    /**\n     * Gets instance of plugin by its id\n     * @param pluginId - Id of plugin, use constants\n     */\n    getPluginWC<PluginType extends NgSelectPlugin>(pluginId: string): PluginType;\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    invalidateVisualsWC(): void;\n\n    /**\n     * Executes actions on NgSelect\n     * @param actions - Array of actions that are executed over NgSelect\n     */\n    executeWC(...actions: NgSelectAction<TValue>[]): void;\n\n    /**\n     * Executes function on NgSelect and returns result\n     * @param func - Function that is executed and its result is returned\n     */\n    executeAndReturnWC<TResult>(func: NgSelectFunction<TResult, TValue>): TResult;\n}"]}

package/es2015/elements/src/index.js

@@ -1,4 +0,0 @@
-export * from './components/ngSelectElements.component';
-export * from './modules/ngSelectElements.module';
-export * from './components/ngSelectElements.interface';
-//# sourceMappingURL=index.js.map

package/es2015/elements/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../elements/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC","sourcesContent":["export * from './components/ngSelectElements.component';\nexport * from './modules/ngSelectElements.module';\nexport * from './components/ngSelectElements.interface';"]}

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

@@ -1,50 +0,0 @@
-import { NgModule, Injector } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BrowserModule } from '@angular/platform-browser';
-import { createCustomElement } from '@angular/elements';
-import { CommonDynamicModule } from '@anglr/common';
-import { NgSelectModule, OptionComponent } from '@anglr/select';
-import { NgSelectElementsComponent } from '../components/ngSelectElements.component';
-import * as i0 from "@angular/core";
-/**
- * Represents module for WebComponent NgSelect
- */
-export class NgSelectElementsModule {
-    //######################### constructor #########################
-    constructor(injector) {
-        const ngOption = createCustomElement(OptionComponent, { injector });
-        customElements.define('ng-option', ngOption);
-        const ngSelect = createCustomElement(NgSelectElementsComponent, { injector });
-        customElements.define('ng-select', ngSelect);
-    }
-    //######################### public methods - implementation of DoBootstrap #########################
-    /**
-     * Called during bootstrapping of module
-     */
-    ngDoBootstrap() {
-    }
-}
-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: "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: [
-                        BrowserModule,
-                        CommonModule,
-                        CommonDynamicModule,
-                        NgSelectModule,
-                    ],
-                    declarations: [
-                        NgSelectElementsComponent
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-//# sourceMappingURL=ngSelectElements.module.js.map

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

@@ -1 +0,0 @@
-{"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/extensions/src/extensions/reinitializeOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reinitializeOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/reinitializeOptions.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAe,OAAiC;IAE/E,OAAO,QAAQ,CAAC,EAAE;QAEd,IAAG,OAAO,EACV;YACI,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;SACpC;QAED,QAAQ,CAAC,WAAW,EAAE,CAAC;QACvB,QAAQ,CAAC,iBAAiB,EAAE,CAAC;QAC7B,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {NgSelectAction, NgSelectOptions} from '@anglr/select';\n\n/**\n * Method reinitialize options for NgSelect\n * @param options - Options to be used for reinitialization\n */\nexport function reinitializeOptions<TValue = any>(options?: NgSelectOptions<TValue>): NgSelectAction<TValue>\n{\n    return ngSelect =>\n    {\n        if(options)\n        {\n            ngSelect.selectOptions = options;\n        }\n\n        ngSelect.initOptions();\n        ngSelect.invalidateVisuals();\n        ngSelect.initialize();\n    };\n}"]}

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

@@ -1,74 +0,0 @@
-import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { extend } from '@jscrpt/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/common";
-/**
- * Default options for popup
- * @internal
- */
-const defaultOptions = {
-    cssClasses: {
-        optionChecked: 'fa fa-check',
-        optionItemDiv: 'option-item',
-        optionItemTextDiv: 'option-item-text'
-    }
-};
-/**
- * Basic dialog popup
- */
-export class BasicDialogPopupComponent {
-    //######################### constructor #########################
-    constructor(dialog, _changeDetector, data) {
-        this.dialog = dialog;
-        this._changeDetector = _changeDetector;
-        this.data = data;
-        this.options = extend(true, {}, defaultOptions, data.options);
-    }
-    //######################### public methods - implementation of OnInit #########################
-    /**
-     * Initialize component
-     */
-    ngOnInit() {
-        if (this._optionsGatherer && this._optionsGatherer != this.data.pluginBus.selectOptions.optionsGatherer) {
-            this._optionsChangeSubscription.unsubscribe();
-            this._optionsChangeSubscription = null;
-            this._optionsGatherer = null;
-        }
-        if (!this._optionsGatherer) {
-            this._optionsGatherer = this.data.pluginBus.selectOptions.optionsGatherer;
-            this.selectOptions = this._optionsGatherer.availableOptions;
-            this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() => {
-                this.selectOptions = this._optionsGatherer.availableOptions;
-                this._changeDetector.detectChanges();
-            });
-        }
-    }
-    //######################### public methods - implementation of OnDestroy #########################
-    /**
-     * Called when component is destroyed
-     */
-    ngOnDestroy() {
-        var _a;
-        (_a = this._optionsChangeSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        this._optionsChangeSubscription = null;
-    }
-    //######################### public methods #########################
-    /**
-     * Explicitly runs invalidation of content (change detection)
-     */
-    invalidateVisuals() {
-        this._changeDetector.detectChanges();
-    }
-}
-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: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-//# sourceMappingURL=basicDialogPopup.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"basicDialogPopup.component.js","sourceRoot":"","sources":["../../../../../material/src/components/basicDialogPopup/basicDialogPopup.component.ts","../../../../../material/src/components/basicDialogPopup/basicDialogPopup.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAqB,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;;;;AAMtC;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,UAAU,EACV;QACI,aAAa,EAAE,aAAa;QAC5B,aAAa,EAAE,aAAa;QAC5B,iBAAiB,EAAE,kBAAkB;KACxC;CACJ,CAAC;AAEF;;GAEG;AAQH,MAAM,OAAO,yBAAyB;IA0BlC,iEAAiE;IACjE,YAAmB,MAAuD,EACpD,eAAkC,EACZ,IAA2F;QAFpH,WAAM,GAAN,MAAM,CAAiD;QACpD,oBAAe,GAAf,eAAe,CAAmB;QACZ,SAAI,GAAJ,IAAI,CAAuF;QAEnI,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,EACtG;YACI,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,CAAC;YAC9C,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;YAEvC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;QAED,IAAG,CAAC,IAAI,CAAC,gBAAgB,EACzB;YACI,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,eAAe,CAAC;YAC1E,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;YAE5D,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,SAAS,CAAC,GAAG,EAAE;gBAE1F,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;gBAC5D,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;YACzC,CAAC,CAAC,CAAC;SACN;IACL,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;;QAEd,MAAA,IAAI,CAAC,0BAA0B,0CAAE,WAAW,EAAE,CAAC;QAC/C,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;IAC3C,CAAC;IAED,oEAAoE;IAEpE;;OAEG;IACI,iBAAiB;QAEpB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;sHAjFQ,yBAAyB,+EA6Bd,eAAe;0GA7B1B,yBAAyB,oECjCtC,6tBAYM;2FDqBO,yBAAyB;kBAPrC,SAAS;+BAEI,8BAA8B,mBAGvB,uBAAuB,CAAC,MAAM;;0BA+BlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, OnDestroy, OnInit, ChangeDetectorRef} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {OptionsGatherer, ɵNgSelectOption} from '@anglr/select';\nimport {extend} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DialogPopupComponentData, DialogPopupContentComponent} from '../../plugins/popup/dialog/dialogPopup.interface';\nimport {BasicDialogPopupOptions, CssClassesBasicDialogPopup} from './basicDialogPopup.interface';\n\n/**\n * Default options for popup\n * @internal\n */\nconst defaultOptions: BasicDialogPopupOptions =\n{\n    cssClasses:\n    {\n        optionChecked: 'fa fa-check',\n        optionItemDiv: 'option-item',\n        optionItemTextDiv: 'option-item-text'\n    }\n};\n\n/**\n * Basic dialog popup\n */\n@Component(\n{\n    selector: 'ng-select-basic-dialog-popup',\n    templateUrl: 'basicDialogPopup.component.html',\n    styleUrls: ['basicDialogPopup.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BasicDialogPopupComponent<TValue = any> implements DialogPopupContentComponent<BasicDialogPopupOptions, TValue, CssClassesBasicDialogPopup>, OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subscription for available options change\n     */\n    protected _optionsChangeSubscription: Subscription;\n\n    /**\n     * Instance of options gatherer, that is used for obtaining available options\n     */\n    protected _optionsGatherer: OptionsGatherer<TValue>;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public options: BasicDialogPopupOptions;\n\n    /**\n     * Array of provided options for select\n     */\n    public selectOptions: ɵNgSelectOption<TValue>[];\n\n    //######################### constructor #########################\n    constructor(public dialog: MatDialogRef<BasicDialogPopupComponent<TValue>>,\n                protected _changeDetector: ChangeDetectorRef,\n                @Inject(MAT_DIALOG_DATA) public data: DialogPopupComponentData<BasicDialogPopupOptions, TValue, CssClassesBasicDialogPopup>)\n    {\n        this.options = extend(true, {}, defaultOptions, data.options);\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit()\n    {\n        if(this._optionsGatherer && this._optionsGatherer != this.data.pluginBus.selectOptions.optionsGatherer)\n        {\n            this._optionsChangeSubscription.unsubscribe();\n            this._optionsChangeSubscription = null;\n\n            this._optionsGatherer = null;\n        }\n\n        if(!this._optionsGatherer)\n        {\n            this._optionsGatherer = this.data.pluginBus.selectOptions.optionsGatherer;\n            this.selectOptions = this._optionsGatherer.availableOptions;\n\n            this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() =>\n            {\n                this.selectOptions = this._optionsGatherer.availableOptions;\n                this._changeDetector.detectChanges();\n            });\n        }\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy()\n    {\n        this._optionsChangeSubscription?.unsubscribe();\n        this._optionsChangeSubscription = null;\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n        this._changeDetector.detectChanges();\n    }\n}","  \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>"]}

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

@@ -1,75 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { POPUP_TYPE, NgSelectComponent } from '@anglr/select';
-import { patchOptions } from '@anglr/select/extensions';
-import { nameof } from '@jscrpt/common';
-import { DialogPopupComponent } from '../../plugins/popup/components';
-import * as i0 from "@angular/core";
-import * as i1 from "@anglr/select";
-/**
- * Directive that changes ng select popup to DialogPopup
- */
-export class DialogPopupDirective {
-    //######################### constructor #########################
-    constructor(_select) {
-        this._select = _select;
-        //######################### public properties - inputs #########################
-        /**
-         * Popup type that will be used
-         */
-        this.popupType = null;
-        /**
-         * Dialog popup options
-         */
-        this.dialogPopupOptions = null;
-    }
-    //######################### public methods - implementation of OnChanges #########################
-    /**
-     * Called when input value changes
-     */
-    ngOnChanges(changes) {
-        const options = {};
-        let changed = false;
-        if (nameof('popupType') in changes && this.popupType) {
-            changed = true;
-            options.dialogComponent = this.popupType;
-        }
-        if (nameof('dialogPopupOptions') in changes) {
-            changed = true;
-            options.dialogOptions = this.dialogPopupOptions;
-        }
-        if (changed) {
-            this._select.execute(patchOptions({
-                plugins: {
-                    popup: {
-                        options: options
-                    }
-                }
-            }));
-        }
-    }
-}
-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: "15.0.4", ngImport: i0, type: DialogPopupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-select[dialogPopup]',
-                    providers: [
-                        {
-                            provide: POPUP_TYPE,
-                            useValue: DialogPopupComponent
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.NgSelectComponent }]; }, propDecorators: { popupType: [{
-                type: Input,
-                args: ['dialogPopup']
-            }], dialogPopupOptions: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=dialogPopup.directive.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialogPopup.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/dialogPopup/dialogPopup.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAiB,KAAK,EAA2B,MAAM,eAAe,CAAC;AAExF,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAsB,MAAM,eAAe,CAAC;AACjF,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;;;AAGpE;;GAEG;AAaH,MAAM,OAAO,oBAAoB;IAgB7B,iEAAiE;IACjE,YAAsB,OAA0B;QAA1B,YAAO,GAAP,OAAO,CAAmB;QAfhD,gFAAgF;QAEhF;;WAEG;QAEI,cAAS,GAA+C,IAAI,CAAC;QAEpE;;WAEG;QAEI,uBAAkB,GAAwB,IAAI,CAAC;IAKtD,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW,CAAC,OAAsB;QAErC,MAAM,OAAO,GAAuB,EAAE,CAAC;QACvC,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,IAAG,MAAM,CAAuB,WAAW,CAAC,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS,EACzE;YACI,OAAO,GAAG,IAAI,CAAC;YAEf,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;SAC5C;QAED,IAAG,MAAM,CAAuB,oBAAoB,CAAC,IAAI,OAAO,EAChE;YACI,OAAO,GAAG,IAAI,CAAC;YAEf,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC;SACnD;QAED,IAAG,OAAO,EACV;YACI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CACjC;gBACI,OAAO,EACP;oBACI,KAAK,EACL;wBACI,OAAO,EAAE,OAAO;qBACnB;iBACJ;aACJ,CAAC,CAAC,CAAC;SACP;IACL,CAAC;;iHA1DQ,oBAAoB;qGAApB,oBAAoB,gJAR7B;QAEI;YACI,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,oBAAoB;SACjC;KACJ;2FAEQ,oBAAoB;kBAZhC,SAAS;mBACV;oBACI,QAAQ,EAAE,wBAAwB;oBAClC,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,UAAU;4BACnB,QAAQ,EAAE,oBAAoB;yBACjC;qBACJ;iBACJ;wGASU,SAAS;sBADf,KAAK;uBAAC,aAAa;gBAOb,kBAAkB;sBADxB,KAAK","sourcesContent":["import {Directive, ValueProvider, Input, SimpleChanges, OnChanges} from '@angular/core';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {POPUP_TYPE, NgSelectComponent, VisualPluginOptions} from '@anglr/select';\nimport {patchOptions} from '@anglr/select/extensions';\nimport {nameof} from '@jscrpt/common';\n\nimport {DialogPopupComponent} from '../../plugins/popup/components';\nimport {DialogPopupContentComponent, DialogPopupOptions} from '../../plugins/popup';\n\n/**\n * Directive that changes ng select popup to DialogPopup\n */\n@Directive(\n{\n    selector: 'ng-select[dialogPopup]',\n    providers:\n    [\n        <ValueProvider>\n        {\n            provide: POPUP_TYPE,\n            useValue: DialogPopupComponent\n        }\n    ]\n})\nexport class DialogPopupDirective implements OnChanges\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Popup type that will be used\n     */\n    @Input('dialogPopup')\n    public popupType: ComponentType<DialogPopupContentComponent> = null;\n\n    /**\n     * Dialog popup options\n     */\n    @Input()\n    public dialogPopupOptions: VisualPluginOptions = null;\n\n    //######################### constructor #########################\n    constructor(protected _select: NgSelectComponent)\n    {\n    }\n\n    //######################### public methods - implementation of OnChanges #########################\n    \n    /**\n     * Called when input value changes\n     */\n    public ngOnChanges(changes: SimpleChanges): void\n    {\n        const options: DialogPopupOptions = {};\n        let changed = false;\n\n        if(nameof<DialogPopupDirective>('popupType') in changes && this.popupType)\n        {\n            changed = true;\n\n            options.dialogComponent = this.popupType;\n        }\n\n        if(nameof<DialogPopupDirective>('dialogPopupOptions') in changes)\n        {\n            changed = true;\n\n            options.dialogOptions = this.dialogPopupOptions;\n        }\n\n        if(changed)\n        {\n            this._select.execute(patchOptions(\n            {\n                plugins:\n                {\n                    popup:\n                    {\n                        options: options\n                    }\n                }\n            }));\n        }\n    }\n}"]}

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

@@ -1,143 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Inject, Optional, resolveForwardRef } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { NG_SELECT_PLUGIN_INSTANCES, PluginBus, POPUP_OPTIONS } from '@anglr/select';
-import { extend } from '@jscrpt/common';
-import { BasicDialogPopupComponent } from '../../../components/basicDialogPopup/basicDialogPopup.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@anglr/select";
-import * as i2 from "@angular/material/dialog";
-/**
- * Default options for popup
- * @internal
- */
-const defaultOptions = {
-    dialogComponent: forwardRef(() => BasicDialogPopupComponent),
-    dialogOptions: {},
-    cssClasses: {
-        dialogDiv: 'popup-div'
-    },
-    visible: false
-};
-/**
- * Component used for rendering basic popup with options
- */
-export class DialogPopupComponent {
-    //######################### constructor #########################
-    constructor(ngSelectPlugins, pluginBus, pluginElement, _dialog, _changeDetector, options) {
-        this.ngSelectPlugins = ngSelectPlugins;
-        this.pluginBus = pluginBus;
-        this.pluginElement = pluginElement;
-        this._dialog = _dialog;
-        this._changeDetector = _changeDetector;
-        /**
-         * Occurs when visibility of popup has changed
-         */
-        this.visibilityChange = new EventEmitter();
-        /**
-         * Handles dialog visibility change
-         */
-        this._handleDialog = (visible) => {
-            var _a, _b, _c;
-            if (visible) {
-                this._dialogRef = this._dialog.open(this._dialogComponent, {
-                    panelClass: (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.cssClasses) === null || _b === void 0 ? void 0 : _b.dialogDiv,
-                    data: {
-                        ngSelectPlugins: this.ngSelectPlugins,
-                        options: this.options.dialogOptions,
-                        pluginBus: this.pluginBus
-                    }
-                });
-            }
-            else {
-                (_c = this._dialogRef) === null || _c === void 0 ? void 0 : _c.close();
-                this._dialogRef = null;
-            }
-        };
-        this._options = extend(true, {}, defaultOptions, options);
-    }
-    //######################### public properties - implementation of BasicPopup #########################
-    /**
-     * Options for NgSelect plugin
-     */
-    get options() {
-        return this._options;
-    }
-    set options(options) {
-        this._options = extend(true, this._options, options);
-    }
-    /**
-     * Html element that represents popup itself
-     */
-    get popupElement() {
-        return null;
-    }
-    //######################### public methods - implementation of OnDestroy #########################
-    /**
-     * Called when component is destroyed
-     */
-    ngOnDestroy() {
-        var _a, _b;
-        (_a = this._popupToggleSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        this._popupToggleSubscription = null;
-        (_b = this._visibilityRequestSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-        this._visibilityRequestSubscription = null;
-    }
-    //######################### public methods - implementation of BasicPopup #########################
-    /**
-     * Initialize plugin, to be ready to use, initialize communication with other plugins
-     */
-    initialize() {
-        this._dialogComponent = resolveForwardRef(this.options.dialogComponent);
-        if (!this._popupToggleSubscription) {
-            this._popupToggleSubscription = this.pluginBus.togglePopup.subscribe(() => this.toggleDialog());
-        }
-        if (!this._visibilityRequestSubscription) {
-            this._visibilityRequestSubscription = this.pluginBus.showHidePopup.subscribe(this._handleDialog);
-        }
-        if (this.options.visible) {
-            this._handleDialog(true);
-        }
-    }
-    /**
-     * Initialize plugin options, all operations required to be done with plugin options are handled here
-     */
-    initOptions() {
-    }
-    /**
-     * Explicitly runs invalidation of content (change detection)
-     */
-    invalidateVisuals() {
-        var _a, _b;
-        this._changeDetector.detectChanges();
-        (_b = (_a = this._dialogRef) === null || _a === void 0 ? void 0 : _a.componentInstance) === null || _b === void 0 ? void 0 : _b.invalidateVisuals();
-    }
-    /**
-     * Toggles dialog visibility
-     */
-    toggleDialog() {
-        this._handleDialog(true);
-    }
-}
-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',
-                    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: i2.MatDialog }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [POPUP_OPTIONS]
-                }, {
-                    type: Optional
-                }] }]; } });
-//# sourceMappingURL=dialogPopup.component.js.map