@anglr/select 10.0.0 → 11.0.1-beta.20220222062944

package/es2015/src/plugins/valueHandler/valueHandlerBase.js

@@ -0,0 +1,150 @@
+import { Directive, ElementRef, EventEmitter } from '@angular/core';
+import { NORMAL_STATE } from '../normalState/types';
+import { PluginBus } from '../../misc/pluginBus/pluginBus';
+import * as i0 from "@angular/core";
+import * as i1 from "../../misc/pluginBus/pluginBus";
+/**
+ * Base class for value handlers
+ */
+export class ValueHandlerBase {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginElement, pluginBus) {
+        this.ngSelectPlugins = ngSelectPlugins;
+        this.pluginElement = pluginElement;
+        this.pluginBus = pluginBus;
+        /**
+         * Occurs when value of NgSelect changes
+         */
+        this.valueChange = new EventEmitter();
+        /**
+         * Cancels, removes option from selected options
+         * @param option - Option to be canceled
+         */
+        this._cancelValue = (option) => {
+            if (Array.isArray(this.selectedOptions)) {
+                const index = this.selectedOptions.indexOf(option);
+                if (index >= 0) {
+                    this.selectedOptions.splice(index, 1);
+                    this.selectedOptions = [...this.selectedOptions];
+                }
+            }
+            else {
+                if (this.selectedOptions == option) {
+                    this.selectedOptions = null;
+                }
+            }
+            this._clearSelected();
+            this._markValueAsSelected();
+            this._normalState.invalidateVisuals();
+            this.valueChange.emit();
+        };
+    }
+    /**
+     * Current selected value of NgSelect
+     */
+    get value() {
+        if (this.selectedOptions) {
+            if (Array.isArray(this.selectedOptions)) {
+                return this.selectedOptions.map(opt => opt.value);
+            }
+            else {
+                return this.selectedOptions.value;
+            }
+        }
+        return null;
+    }
+    //######################### protected properties #########################
+    /**
+     * Function of value comparer that is used for comparison of values
+     */
+    get valueComparer() {
+        var _a, _b;
+        return (_b = (_a = this.pluginBus) === null || _a === void 0 ? void 0 : _a.selectOptions) === null || _b === void 0 ? void 0 : _b.valueComparer;
+    }
+    /**
+     * Method that is used for filtering when live search is running on static data
+     */
+    get liveSearchFilter() {
+        var _a, _b;
+        return (_b = (_a = this.pluginBus) === null || _a === void 0 ? void 0 : _a.selectOptions) === null || _b === void 0 ? void 0 : _b.liveSearchFilter;
+    }
+    /**
+     * Normalizer used for normalizing values
+     */
+    get normalizer() {
+        var _a, _b;
+        return (_b = (_a = this.pluginBus) === null || _a === void 0 ? void 0 : _a.selectOptions) === null || _b === void 0 ? void 0 : _b.normalizer;
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        var _a, _b, _c;
+        (_a = this._optionSelectSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this._optionSelectSubscription = null;
+        (_b = this._optionsChangeSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        this._optionsChangeSubscription = null;
+        (_c = this._optionCancelSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+        this._optionCancelSubscription = null;
+    }
+    /**
+     * Initialize plugin, to be ready to use, initialize communication with other plugins
+     */
+    initialize() {
+        var _a, _b, _c, _d;
+        if (this._optionsGatherer && this._optionsGatherer != ((_b = (_a = this.pluginBus) === null || _a === void 0 ? void 0 : _a.selectOptions) === null || _b === void 0 ? void 0 : _b.optionsGatherer)) {
+            this._optionsChangeSubscription.unsubscribe();
+            this._optionsChangeSubscription = null;
+            this._optionsGatherer = null;
+        }
+        if (!this._optionsGatherer) {
+            this._optionsGatherer = (_d = (_c = this.pluginBus) === null || _c === void 0 ? void 0 : _c.selectOptions) === null || _d === void 0 ? void 0 : _d.optionsGatherer;
+            this._optionsChangeSubscription = this._optionsGatherer.optionsChange.subscribe(() => this._loadOptions());
+        }
+        if (!this._optionSelectSubscription) {
+            this._optionSelectSubscription = this.pluginBus.optionSelect.subscribe(this._setValue);
+        }
+        if (!this._optionCancelSubscription) {
+            this._optionCancelSubscription = this.pluginBus.optionCancel.subscribe(this._cancelValue);
+        }
+        const normalState = this.ngSelectPlugins[NORMAL_STATE];
+        this._normalState = normalState;
+        this._loadOptions();
+    }
+    /**
+     * Initialize plugin options, all operations required to be done with plugin options are handled here
+     */
+    initOptions() {
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+    }
+    /**
+     * Clears all selected values
+     */
+    _clearSelected() {
+        this._optionsGatherer.options.forEach((option) => option.selected = false);
+    }
+    /**
+     * Marks current value as selected
+     */
+    _markValueAsSelected() {
+        if (this.selectedOptions) {
+            if (Array.isArray(this.selectedOptions)) {
+                this.selectedOptions.forEach((option) => option.selected = true);
+            }
+            else {
+                this.selectedOptions.selected = true;
+            }
+        }
+    }
+}
+ValueHandlerBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ValueHandlerBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+ValueHandlerBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: ValueHandlerBase, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ValueHandlerBase, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: i0.ElementRef }, { type: i1.PluginBus }]; } });
+//# sourceMappingURL=valueHandlerBase.js.map

package/es2015/src/plugins/valueHandler/valueHandlerBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valueHandlerBase.js","sourceRoot":"","sources":["../../../../src/plugins/valueHandler/valueHandlerBase.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, EventEmitter, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {NgSelectPlugin, OptionsGatherer, CompareValueFunc, LiveSearchFilter, NormalizeFunc} from '../../misc';\nimport {NgSelectPluginInstances} from '../../components/select';\nimport {ɵNgSelectOption, NgSelectOption} from '../../components/option';\nimport {NormalState} from '../normalState';\nimport {NORMAL_STATE} from '../normalState/types';\nimport {ValueHandler, ValueHandlerOptions} from './valueHandler.interface';\nimport {PluginBus} from '../../misc/pluginBus/pluginBus';\n\n/**\n * Base class for value handlers\n */\n@Directive()\nexport abstract class ValueHandlerBase<TValue = any, TOptions extends ValueHandlerOptions = any> implements ValueHandler<TValue>, NgSelectPlugin<TOptions, TValue>, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    protected _options: TOptions;\n\n    /**\n     * Normal state that is used\n     */\n    protected _normalState: NormalState;\n\n    /**\n     * Subscription for option selection\n     */\n    protected _optionSelectSubscription: Subscription;\n\n    /**\n     * Subscription for option cancelation\n     */\n    protected _optionCancelSubscription: Subscription;\n\n    /**\n     * Subscription for changes of options in options gatherer\n     */\n    protected _optionsChangeSubscription: Subscription;\n\n    /**\n     * Instance of previous options gatherer, that is used for obtaining available options\n     */\n    protected _optionsGatherer: OptionsGatherer<TValue>;\n\n    //######################### public properties - implementation of DynamicValueHandler #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public abstract options: TOptions;\n\n    /**\n     * Occurs when value of NgSelect changes\n     */\n    public valueChange: EventEmitter<void> = new EventEmitter<void>();\n\n    /**\n     * Current value of NgSelect\n     */\n    public selectedOptions: NgSelectOption<TValue>|NgSelectOption<TValue>[];\n\n    /**\n     * Current selected value of NgSelect\n     */\n    public get value(): TValue|TValue[]\n    {\n        if(this.selectedOptions)\n        {\n            if(Array.isArray(this.selectedOptions))\n            {\n                return this.selectedOptions.map(opt => opt.value);\n            }\n            else\n            {\n                return this.selectedOptions.value;\n            }\n        }\n\n        return null;\n    }\n\n    //######################### protected properties #########################\n\n    /**\n     * Function of value comparer that is used for comparison of values\n     */\n    protected get valueComparer(): CompareValueFunc<TValue>\n    {\n        return this.pluginBus?.selectOptions?.valueComparer;\n    }\n\n    /**\n     * Method that is used for filtering when live search is running on static data\n     */\n    protected get liveSearchFilter(): LiveSearchFilter<TValue>\n    {\n        return this.pluginBus?.selectOptions?.liveSearchFilter;\n    }\n\n    /**\n     * Normalizer used for normalizing values\n     */\n    protected get normalizer(): NormalizeFunc<TValue>\n    {\n        return this.pluginBus?.selectOptions?.normalizer;\n    }\n\n    //######################### constructor #########################\n    constructor(public ngSelectPlugins: NgSelectPluginInstances,\n                public pluginElement: ElementRef,\n                public pluginBus: PluginBus<TValue>)\n    {\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy()\n    {\n        this._optionSelectSubscription?.unsubscribe();\n        this._optionSelectSubscription = null;\n\n        this._optionsChangeSubscription?.unsubscribe();\n        this._optionsChangeSubscription = null;\n\n        this._optionCancelSubscription?.unsubscribe();\n        this._optionCancelSubscription = null;\n    }\n\n    //######################### public methods - implementation of DynamicValueHandler #########################\n\n    /**\n     * Sets value for NgSelect\n     * @param value - Value to be set\n     */\n    public abstract setValue(value:TValue|TValue[]): void;\n\n    /**\n     * Initialize plugin, to be ready to use, initialize communication with other plugins\n     */\n    public initialize()\n    {\n        if(this._optionsGatherer && this._optionsGatherer != this.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.pluginBus?.selectOptions?.optionsGatherer;\n\n            this._optionsChangeSubscription = this._optionsGatherer.optionsChange.subscribe(() => this._loadOptions());\n        }\n\n        if(!this._optionSelectSubscription)\n        {\n            this._optionSelectSubscription = this.pluginBus.optionSelect.subscribe(this._setValue);\n        }\n\n        if(!this._optionCancelSubscription)\n        {\n            this._optionCancelSubscription = this.pluginBus.optionCancel.subscribe(this._cancelValue);\n        }\n\n        const normalState = this.ngSelectPlugins[NORMAL_STATE] as NormalState;\n        this._normalState = normalState;\n\n        this._loadOptions();\n    }\n\n    /**\n     * Initialize plugin options, all operations required to be done with plugin options are handled here\n     */\n    public initOptions()\n    {\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets value \n     */\n    protected abstract _setValue: (option: ɵNgSelectOption<TValue>) => void;\n\n    /**\n     * Cancels, removes option from selected options\n     * @param option - Option to be canceled\n     */\n    protected _cancelValue = (option: ɵNgSelectOption<TValue>): void =>\n    {\n        if(Array.isArray(this.selectedOptions))\n        {\n            const index = this.selectedOptions.indexOf(option);\n\n            if(index >= 0)\n            {\n                this.selectedOptions.splice(index, 1);\n                this.selectedOptions = [...this.selectedOptions];\n            }\n        }\n        else\n        {\n            if(this.selectedOptions == option)\n            {\n                this.selectedOptions = null;\n            }\n        }\n\n        this._clearSelected();\n        this._markValueAsSelected();\n\n        this._normalState.invalidateVisuals();\n        this.valueChange.emit();\n    }\n\n    /**\n     * Clears all selected values\n     */\n    protected _clearSelected()\n    {\n        this._optionsGatherer.options.forEach((option: ɵNgSelectOption<TValue>) => option.selected = false);\n    }\n\n    /**\n     * Marks current value as selected\n     */\n    protected _markValueAsSelected()\n    {\n        if(this.selectedOptions)\n        {\n            if(Array.isArray(this.selectedOptions))\n            {\n                this.selectedOptions.forEach((option: ɵNgSelectOption<TValue>) => option.selected = true);\n            }\n            else\n            {\n                (this.selectedOptions as ɵNgSelectOption<TValue>).selected = true;\n            }\n        }\n    }\n\n    /**\n     * Loads options\n     */\n    protected abstract _loadOptions(): void;\n}"]}

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

@@ -0,0 +1,187 @@
+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 "@anglr/common";
+import * as i3 from "@angular/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: "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: [
+        {
+            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        }"], 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: [{
+            type: Component,
+            args: [{ selector: 'ng-select-web-component', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_SELECT_PLUGIN_INSTANCES,
+                            useFactory: () => { return {}; }
+                        },
+                        {
+                            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>" }]
+        }], 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/es2020/elements/src/components/ngSelectElements.component.js.map

@@ -0,0 +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>"]}

package/es2020/elements/src/components/ngSelectElements.interface.js

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

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

@@ -0,0 +1 @@
+{"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/es2020/elements/src/index.js

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

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

@@ -0,0 +1 @@
+{"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/es2020/elements/src/modules/ngSelectElements.module.js

@@ -0,0 +1,52 @@
+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: "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,
+        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: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        BrowserModule,
+                        CommonModule,
+                        CommonDynamicModule,
+                        NgSelectModule,
+                    ],
+                    declarations: [
+                        NgSelectElementsComponent
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+//# sourceMappingURL=ngSelectElements.module.js.map

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

@@ -0,0 +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}"]}

package/es2020/extensions/src/extensions/getValue.js

@@ -0,0 +1,2 @@
+export { ɵGetValue as getValue } from '@anglr/select';
+//# sourceMappingURL=getValue.js.map

package/es2020/extensions/src/extensions/getValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/getValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,IAAI,QAAQ,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵGetValue as getValue} from '@anglr/select';"]}

package/es2020/extensions/src/extensions/onFocus.js

@@ -0,0 +1,2 @@
+export { ɵOnFocus as onFocus } from '@anglr/select';
+//# sourceMappingURL=onFocus.js.map

package/es2020/extensions/src/extensions/onFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onFocus.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/onFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,IAAI,OAAO,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵOnFocus as onFocus} from '@anglr/select';"]}

package/es2020/extensions/src/extensions/patchOptions.js

@@ -0,0 +1,12 @@
+/**
+ * Method used to patch options without full initialization of NgSelect, only options are initialized
+ * @param options - Options to be used as patch
+ */
+export function patchOptions(options) {
+    return ngSelect => {
+        ngSelect.selectOptions = options;
+        ngSelect.initOptions();
+        ngSelect.invalidateVisuals();
+    };
+}
+//# sourceMappingURL=patchOptions.js.map

package/es2020/extensions/src/extensions/patchOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patchOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/patchOptions.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAe,OAAgC;IAEvE,OAAO,QAAQ,CAAC,EAAE;QAEd,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;QAEjC,QAAQ,CAAC,WAAW,EAAE,CAAC;QACvB,QAAQ,CAAC,iBAAiB,EAAE,CAAC;IACjC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {NgSelectAction, NgSelectOptions} from '@anglr/select';\n\n/**\n * Method used to patch options without full initialization of NgSelect, only options are initialized\n * @param options - Options to be used as patch\n */\nexport function patchOptions<TValue = any>(options: NgSelectOptions<TValue>): NgSelectAction<TValue>\n{\n    return ngSelect =>\n    {\n        ngSelect.selectOptions = options;\n\n        ngSelect.initOptions();\n        ngSelect.invalidateVisuals();\n    };\n}"]}

package/es2020/extensions/src/extensions/reinitializeOptions.js

@@ -0,0 +1,15 @@
+/**
+ * Method reinitialize options for NgSelect
+ * @param options - Options to be used for reinitialization
+ */
+export function reinitializeOptions(options) {
+    return ngSelect => {
+        if (options) {
+            ngSelect.selectOptions = options;
+        }
+        ngSelect.initOptions();
+        ngSelect.invalidateVisuals();
+        ngSelect.initialize();
+    };
+}
+//# sourceMappingURL=reinitializeOptions.js.map

package/es2020/extensions/src/extensions/reinitializeOptions.js.map

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

@@ -0,0 +1,2 @@
+export { ɵSetReadonly as setReadonly } from '@anglr/select';
+//# sourceMappingURL=setReadonly.js.map

package/es2020/extensions/src/extensions/setReadonly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setReadonly.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setReadonly.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵSetReadonly as setReadonly} from '@anglr/select';"]}

package/es2020/extensions/src/extensions/setValue.js

@@ -0,0 +1,2 @@
+export { ɵSetValue as setValue } from '@anglr/select';
+//# sourceMappingURL=setValue.js.map

package/es2020/extensions/src/extensions/setValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setValue.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/setValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,IAAI,QAAQ,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵSetValue as setValue} from '@anglr/select';"]}

package/es2020/extensions/src/extensions/valueChange.js

@@ -0,0 +1,2 @@
+export { ɵValueChange as valueChange } from '@anglr/select';
+//# sourceMappingURL=valueChange.js.map

package/es2020/extensions/src/extensions/valueChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valueChange.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/valueChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,IAAI,WAAW,EAAC,MAAM,eAAe,CAAC","sourcesContent":["export {ɵValueChange as valueChange} from '@anglr/select';"]}

package/es2020/extensions/src/index.js

@@ -0,0 +1,8 @@
+export * from './extensions/getValue';
+export * from './extensions/onFocus';
+export * from './extensions/reinitializeOptions';
+export * from './extensions/setReadonly';
+export * from './extensions/setValue';
+export * from './extensions/valueChange';
+export * from './extensions/patchOptions';
+//# sourceMappingURL=index.js.map

package/es2020/extensions/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../extensions/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './extensions/getValue';\nexport * from './extensions/onFocus';\nexport * from './extensions/reinitializeOptions';\nexport * from './extensions/setReadonly';\nexport * from './extensions/setValue';\nexport * from './extensions/valueChange';\nexport * from './extensions/patchOptions';"]}