@anglr/select 10.0.0 → 11.0.1-beta.20220222062944

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

@@ -0,0 +1,605 @@
+import { Component, ChangeDetectionStrategy, Input, Inject, ChangeDetectorRef, Optional, Type, ContentChildren, QueryList, EventEmitter, forwardRef, resolveForwardRef, ElementRef, Attribute, TemplateRef, ContentChild, ComponentFactoryResolver, ApplicationRef, Injector } from '@angular/core';
+import { extend, nameof, isBoolean, isPresent, isString } from '@jscrpt/common';
+import { BehaviorSubject } from 'rxjs';
+import { NG_SELECT_OPTIONS, KEYBOARD_HANDLER_TYPE, NORMAL_STATE_TYPE, POPUP_TYPE, POSITIONER_TYPE, READONLY_STATE_TYPE, VALUE_HANDLER_TYPE, LIVE_SEARCH_TYPE } from '../../misc/types';
+import { NG_SELECT_PLUGIN_INSTANCES } from './types';
+import { BasicKeyboardHandlerComponent } from '../../plugins/keyboardHandler/components';
+import { KEYBOARD_HANDLER } from '../../plugins/keyboardHandler/types';
+import { NORMAL_STATE } from '../../plugins/normalState/types';
+import { BasicNormalStateComponent } from '../../plugins/normalState/components';
+import { POPUP } from '../../plugins/popup/types';
+import { BasicPopupComponent } from '../../plugins/popup/component';
+import { POSITIONER } from '../../plugins/positioner/types';
+import { BasicPositionerComponent } from '../../plugins/positioner/components';
+import { READONLY_STATE } from '../../plugins/readonlyState/types';
+import { VALUE_HANDLER } from '../../plugins/valueHandler/types';
+import { BasicValueHandlerComponent } from '../../plugins/valueHandler/components';
+import { LIVE_SEARCH } from '../../plugins/liveSearch/types';
+import { NoLiveSearchComponent } from '../../plugins/liveSearch/components';
+import { OptionComponent } from '../option/option.component';
+import { OptGroupComponent } from '../option/optgroup.component';
+import { PluginBus } from '../../misc/pluginBus/pluginBus';
+import * as i0 from "@angular/core";
+import * as i1 from "../../misc/pluginBus/pluginBus";
+import * as i2 from "@anglr/common";
+import * as i3 from "@angular/common";
+//TODO - dynamic change of absolute popup
+//TODO - dynamic change of options gatherer destroy called properly ?
+/**
+ * Default 'NgSelectOptions'
+ * @internal
+ */
+const defaultOptions = {
+    autoInitialize: true,
+    absolute: false,
+    forceValueCheckOnInit: false,
+    multiple: false,
+    readonly: false,
+    valueComparer: (source, target) => {
+        return source === target;
+    },
+    liveSearchFilter: (query, normalizer = value => value) => {
+        return itm => normalizer(itm.text).indexOf(normalizer(query)) >= 0;
+    },
+    normalizer: value => {
+        if (isString(value)) {
+            return value.toLowerCase();
+        }
+        return value;
+    },
+    cssClasses: {},
+    plugins: {
+        normalState: {
+            type: forwardRef(() => BasicNormalStateComponent)
+        },
+        liveSearch: {
+            type: forwardRef(() => NoLiveSearchComponent)
+        },
+        popup: {
+            type: forwardRef(() => BasicPopupComponent)
+        },
+        positioner: {
+            type: forwardRef(() => BasicPositionerComponent)
+        },
+        keyboardHandler: {
+            type: forwardRef(() => BasicKeyboardHandlerComponent)
+        },
+        readonlyState: {
+            type: forwardRef(() => BasicNormalStateComponent)
+        },
+        valueHandler: {
+            type: forwardRef(() => BasicValueHandlerComponent)
+        }
+    }
+};
+/**
+ * Component that represents NgSelect itself, allows selection of value from options
+ */
+export class NgSelectComponent {
+    //######################### constructors #########################
+    constructor(_changeDetector, _element, _componentFactoryResolver, _appRef, _injector, _pluginBus, _pluginInstances, options, normalStateType, keyboardHandlerType, popupType, positionerType, readonlyStateType, valueHandlerType, liveSearchType, readonly, disabled, multiple) {
+        this._changeDetector = _changeDetector;
+        this._element = _element;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._appRef = _appRef;
+        this._injector = _injector;
+        this._pluginBus = _pluginBus;
+        this._pluginInstances = _pluginInstances;
+        /**
+         * Subject used for indication that NgSelect was initialized
+         */
+        this._initializedSubject = new BehaviorSubject(false);
+        /**
+         * Occurs when array of provided options has changed
+         */
+        this._optionsChange = new EventEmitter();
+        /**
+         * Occurs when array of visible, displayed options has changed
+         */
+        this._availableOptionsChange = new EventEmitter();
+        /**
+         * Array of available options to be displayed
+         */
+        this._availableOptions = [];
+        /**
+         * Gets current state of initialization
+         */
+        this.isInitialized = false;
+        //at least on of following is present (value is not important)
+        const readonlyDefault = isPresent(readonly) || isPresent(disabled);
+        const multipleDefault = isPresent(multiple);
+        const opts = extend(true, {}, options);
+        if (!opts.plugins) {
+            opts.plugins = {};
+        }
+        if (keyboardHandlerType) {
+            if (!opts.plugins.keyboardHandler) {
+                opts.plugins.keyboardHandler = {};
+            }
+            opts.plugins.keyboardHandler.type = keyboardHandlerType;
+        }
+        if (normalStateType) {
+            if (!opts.plugins.normalState) {
+                opts.plugins.normalState = {};
+            }
+            opts.plugins.normalState.type = normalStateType;
+        }
+        if (popupType) {
+            if (!opts.plugins.popup) {
+                opts.plugins.popup = {};
+            }
+            opts.plugins.popup.type = popupType;
+        }
+        if (positionerType) {
+            if (!opts.plugins.positioner) {
+                opts.plugins.positioner = {};
+            }
+            opts.plugins.positioner.type = positionerType;
+        }
+        if (readonlyStateType) {
+            if (!opts.plugins.readonlyState) {
+                opts.plugins.readonlyState = {};
+            }
+            opts.plugins.readonlyState.type = readonlyStateType;
+        }
+        if (valueHandlerType) {
+            if (!opts.plugins.valueHandler) {
+                opts.plugins.valueHandler = {};
+            }
+            opts.plugins.valueHandler.type = valueHandlerType;
+        }
+        if (liveSearchType) {
+            if (!opts.plugins.liveSearch) {
+                opts.plugins.liveSearch = {};
+            }
+            opts.plugins.liveSearch.type = liveSearchType;
+        }
+        this._selectOptions = extend(true, {
+            optionsGatherer: this,
+            templateGatherer: this,
+        }, defaultOptions, {
+            readonly: readonlyDefault,
+            multiple: multipleDefault
+        }, opts);
+        this._pluginBus.selectElement = this._element;
+        this._pluginBus.selectOptions = this._selectOptions;
+    }
+    //######################### public properties - inputs #########################
+    /**
+     * Gets or sets NgSelect options
+     */
+    get selectOptions() {
+        return this._selectOptions;
+    }
+    set selectOptions(options) {
+        this._selectOptions = extend(true, this._selectOptions, options);
+        this._pluginBus.selectOptions = this._selectOptions;
+    }
+    //######################### public properties - implementation of NgSelect #########################
+    /**
+     * Occurs every time when NgSelect is initialized or reinitialized, if value is false NgSelect was not initialized yet
+     */
+    get initialized() {
+        return this._initializedSubject.asObservable();
+    }
+    //######################### public properties - implementation of OptionsGatherer #########################
+    /**
+     * Array of provided options for select
+     */
+    get options() {
+        return this.optionsChildren.toArray();
+    }
+    /**
+     * Occurs when array of provided options has changed
+     */
+    get optionsChange() {
+        return this._optionsChange;
+    }
+    /**
+     * Array of visible, displayed options for select
+     */
+    get availableOptions() {
+        return this._availableOptions;
+    }
+    /**
+     * Occurs when array of visible, displayed options has changed
+     */
+    get availableOptionsChange() {
+        return this._availableOptionsChange;
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        const updateReadonly = (state, firstChange) => {
+            //update options
+            this.selectOptions.readonly = state;
+            if (!firstChange) {
+                this.initOptions();
+                this.initialize();
+            }
+        };
+        if (nameof('disabled') in changes && isBoolean(this.disabled)) {
+            updateReadonly(this.disabled, changes[nameof('disabled')].firstChange);
+        }
+        if (nameof('readonly') in changes && isBoolean(this.readonly)) {
+            updateReadonly(this.readonly, changes[nameof('readonly')].firstChange);
+        }
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this.initOptions();
+    }
+    //######################### public methods - implementation of AfterViewInit #########################
+    /**
+     * Called when view was initialized
+     */
+    ngAfterViewInit() {
+        this._availableOptions = this.options;
+        this.optionsChildren.changes.subscribe(() => {
+            this._availableOptions = this.options;
+            this._optionsChange.emit();
+            this._availableOptionsChange.emit();
+        });
+        if (this._selectOptions.autoInitialize) {
+            this.initialize();
+        }
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        var _a, _b;
+        (_a = this._searchValueChangeSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this._searchValueChangeSubscription = null;
+        (_b = this.selectOptions.optionsGatherer) === null || _b === void 0 ? void 0 : _b.destroyGatherer();
+        this._destroyAbsolutePopup();
+    }
+    //######################### public methods - implementation of OptionsGatherer #########################
+    /**
+     * Initialize gatherer during initialization phase
+     */
+    initializeGatherer() {
+        const liveSearch = this._pluginInstances[LIVE_SEARCH];
+        if (this._liveSearch && this._liveSearch != liveSearch) {
+            this._searchValueChangeSubscription.unsubscribe();
+            this._searchValueChangeSubscription = null;
+            this._liveSearch = null;
+        }
+        if (!this._liveSearch) {
+            this._liveSearch = liveSearch;
+            this._searchValueChangeSubscription = this._liveSearch.searchValueChange.subscribe(() => {
+                if (!this._liveSearch.searchValue) {
+                    this._availableOptions = this.options;
+                    this._availableOptionsChange.emit();
+                    return;
+                }
+                this._availableOptions = this.options.filter(this.selectOptions.liveSearchFilter(this._liveSearch.searchValue, this.selectOptions.normalizer));
+                this._availableOptionsChange.emit();
+            });
+        }
+    }
+    /**
+     * Called when gatherer needs to be destroyed
+     */
+    destroyGatherer() {
+    }
+    //######################### public methods - template bindings #########################
+    /**
+     * Sets normal state component
+     * @param normalState - Created normal state that is rendered
+     * @internal
+     */
+    setNormalStateComponent(normalState) {
+        this._registerNewPlugin(normalState, NORMAL_STATE, 'normalState');
+    }
+    /**
+     * Sets keyboard handler component
+     * @param keyboardHandler - Created keyboard handler that is rendered
+     * @internal
+     */
+    setKeyboardHandlerComponent(keyboardHandler) {
+        this._registerNewPlugin(keyboardHandler, KEYBOARD_HANDLER, 'keyboardHandler');
+    }
+    /**
+     * Sets popup component
+     * @param popup - Created popup that is rendered
+     * @internal
+     */
+    setPopupComponent(popup) {
+        this._registerNewPlugin(popup, POPUP, 'popup');
+    }
+    /**
+     * Sets positioner component
+     * @param positioner - Created positioner that is rendered
+     * @internal
+     */
+    setPositionerComponent(positioner) {
+        this._registerNewPlugin(positioner, POSITIONER, 'positioner');
+    }
+    /**
+     * Sets readonly state component
+     * @param readonlyState - Created readonly state that is rendered
+     * @internal
+     */
+    setReadonlyStateComponent(readonlyState) {
+        this._registerNewPlugin(readonlyState, READONLY_STATE, 'readonlyState');
+        this._pluginInstances[NORMAL_STATE] = this._pluginInstances[READONLY_STATE];
+    }
+    /**
+     * Sets value handler component
+     * @param valueHandler - Created value handler that is rendered
+     * @internal
+     */
+    setValueHandlerComponent(valueHandler) {
+        this._registerNewPlugin(valueHandler, VALUE_HANDLER, 'valueHandler');
+    }
+    /**
+     * Sets live search component
+     * @param liveSearch - Created live search that is rendered
+     * @internal
+     */
+    setLiveSearchComponent(liveSearch) {
+        this._registerNewPlugin(liveSearch, LIVE_SEARCH, 'liveSearch');
+    }
+    //######################### public methods #########################
+    /**
+     * Initialize component, automatically called once if not blocked by options
+     */
+    initialize() {
+        var _a, _b;
+        const liveSearchPlugin = this._pluginInstances[LIVE_SEARCH];
+        this.liveSearchElement = [[liveSearchPlugin.liveSearchElement]];
+        if (this.selectOptions.absolute) {
+            this._appendPopupToBody(this._selectOptions.plugins.popup.type);
+        }
+        this._changeDetector.detectChanges();
+        this.selectOptions.optionsGatherer.initializeGatherer();
+        this._pluginInstances[LIVE_SEARCH].initialize();
+        this._pluginInstances[KEYBOARD_HANDLER].initialize();
+        this._pluginInstances[VALUE_HANDLER].initialize();
+        (_a = this._pluginInstances[NORMAL_STATE]) === null || _a === void 0 ? void 0 : _a.initialize();
+        (_b = this._pluginInstances[READONLY_STATE]) === null || _b === void 0 ? void 0 : _b.initialize();
+        this._pluginInstances[POPUP].initialize();
+        this._pluginInstances[POSITIONER].initialize();
+        this.isInitialized = true;
+        this._initializedSubject.next(true);
+    }
+    /**
+     * Initialize options, automaticaly called during init phase, but can be used to reinitialize NgSelectOptions
+     */
+    initOptions() {
+        this.selectOptions.optionsGatherer.ngSelectPlugins = this._pluginInstances;
+        this.selectOptions.optionsGatherer.pluginBus = this._pluginBus;
+        this.selectOptions.optionsGatherer.select = this;
+        const initOptionsPlugin = (pluginKey, pluginName) => {
+            if (this._selectOptions.plugins[pluginName]) {
+                this._selectOptions.plugins[pluginName].type = resolveForwardRef(this._selectOptions.plugins[pluginName].type);
+                if (this._pluginInstances[pluginKey]) {
+                    if (this._selectOptions.plugins && this._selectOptions.plugins[pluginName] && this._selectOptions.plugins[pluginName].options) {
+                        this._pluginInstances[pluginKey].options = this._selectOptions.plugins[pluginName].options;
+                    }
+                    this._pluginInstances[pluginKey].initOptions();
+                }
+            }
+        };
+        if (this._selectOptions.plugins) {
+            initOptionsPlugin(NORMAL_STATE, 'normalState');
+            initOptionsPlugin(KEYBOARD_HANDLER, 'keyboardHandler');
+            initOptionsPlugin(POPUP, 'popup');
+            initOptionsPlugin(POSITIONER, 'positioner');
+            initOptionsPlugin(READONLY_STATE, 'readonlyState');
+            initOptionsPlugin(VALUE_HANDLER, 'valueHandler');
+            initOptionsPlugin(LIVE_SEARCH, 'liveSearch');
+        }
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+        this._changeDetector.detectChanges();
+    }
+    /**
+     * Gets instance of plugin by its id
+     * @param pluginId - Id of plugin, use constants
+     */
+    getPlugin(pluginId) {
+        return this._pluginInstances[pluginId];
+    }
+    /**
+     * Subscribes for event
+     * @param eventName - Name of event that should be listened to
+     * @param handler - Function used for handling event
+     */
+    listenTo(eventName, handler) {
+        return this._pluginBus[eventName].subscribe(handler);
+    }
+    /**
+     * Executes actions on NgSelect
+     * @param actions - Array of actions that are executed over NgSelect
+     */
+    execute(...actions) {
+        if (!actions) {
+            return;
+        }
+        actions.forEach(action => action(this));
+    }
+    /**
+     * Executes function on NgSelect and returns result
+     * @param func - Function that is executed and its result is returned
+     */
+    executeAndReturn(func) {
+        if (!func) {
+            return null;
+        }
+        return func(this);
+    }
+    //######################### protected methods #########################
+    /**
+     * Appends popup component directly to body, allows absolute positioning over page body
+     * @param component - Popup component type to be appended
+     */
+    _appendPopupToBody(component) {
+        //do not reinitialize if already exists and nothing has changed
+        if (this._absolutePopupType == component && this.liveSearchElement[0][0] == this._absolutePopupElement) {
+            return;
+        }
+        // 0. Destroyes absolute popup if it exists
+        this._destroyAbsolutePopup();
+        if (!component) {
+            return;
+        }
+        this._absolutePopupType = component;
+        this._absolutePopupElement = this.liveSearchElement[0][0];
+        // 1. Create a component reference from the component 
+        this._absolutePopup = this._componentFactoryResolver
+            .resolveComponentFactory(component)
+            .create(this._injector, this.liveSearchElement);
+        // 2. Attach component to the appRef so that it's inside the ng component tree
+        this._appRef.attachView(this._absolutePopup.hostView);
+        // 3. Get DOM element from component
+        const domElem = this._absolutePopup.hostView
+            .rootNodes[0];
+        // 4. Append DOM element to the body
+        document.body.appendChild(domElem);
+        this.setPopupComponent(this._absolutePopup.instance);
+    }
+    /**
+     * Destroyes absolute popup if it exists
+     */
+    _destroyAbsolutePopup() {
+        if (this._absolutePopup) {
+            this._appRef.detachView(this._absolutePopup.hostView);
+            this._absolutePopup.destroy();
+            this._absolutePopup = null;
+            this._absolutePopupType = null;
+            this._absolutePopupElement = null;
+        }
+    }
+    /**
+     * Registers newly created plugin
+     * @param plugin - Plugin to be registered
+     * @param pluginKey - Key of plugin used for pluginInstances
+     * @param pluginName - Name property for plugin from options
+     */
+    _registerNewPlugin(plugin, pluginKey, pluginName) {
+        if (!plugin) {
+            this._pluginInstances[pluginKey] = null;
+            return;
+        }
+        this._pluginInstances[pluginKey] = plugin;
+        if (this._selectOptions.plugins && this._selectOptions.plugins[pluginName] && this._selectOptions.plugins[pluginName].options) {
+            plugin.options = this._selectOptions.plugins[pluginName].options;
+        }
+        plugin.initOptions();
+        if (this._selectOptions.plugins && this._selectOptions.plugins[pluginName] && this._selectOptions.plugins[pluginName].instanceCallback) {
+            this._selectOptions.plugins[pluginName].instanceCallback(plugin);
+        }
+    }
+}
+NgSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.PluginBus }, { token: NG_SELECT_PLUGIN_INSTANCES }, { token: NG_SELECT_OPTIONS, optional: true }, { token: NORMAL_STATE_TYPE, optional: true }, { token: KEYBOARD_HANDLER_TYPE, optional: true }, { token: POPUP_TYPE, optional: true }, { token: POSITIONER_TYPE, optional: true }, { token: READONLY_STATE_TYPE, optional: true }, { token: VALUE_HANDLER_TYPE, optional: true }, { token: LIVE_SEARCH_TYPE, optional: true }, { token: 'readonly', attribute: true }, { token: 'disabled', attribute: true }, { token: 'multiple', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
+NgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: NgSelectComponent, selector: "ng-select", inputs: { selectOptions: "selectOptions", disabled: "disabled", readonly: "readonly" }, providers: [
+        {
+            provide: NG_SELECT_PLUGIN_INSTANCES,
+            useFactory: () => { return {}; }
+        },
+        {
+            provide: PluginBus,
+            useClass: PluginBus
+        }
+    ], queries: [{ propertyName: "normalStateTemplate", first: true, predicate: ["normalStateTemplate"], descendants: true }, { propertyName: "optionTemplate", first: true, predicate: ["optionTemplate"], descendants: true }, { propertyName: "optionsChildren", predicate: OptionComponent }, { propertyName: "optGroupsChildren", predicate: OptGroupComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.liveSearch?.type\" (ngComponentOutletExCreated)=\"setLiveSearchComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.positioner?.type\" (ngComponentOutletExCreated)=\"setPositionerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.keyboardHandler?.type\" (ngComponentOutletExCreated)=\"setKeyboardHandlerComponent($event)\"></ng-template>\r\n<ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.valueHandler?.type\" (ngComponentOutletExCreated)=\"setValueHandlerComponent($event)\"></ng-template>\r\n\r\n<div>\r\n    <ng-template [ngIf]=\"!selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.normalState?.type\" (ngComponentOutletExCreated)=\"setNormalStateComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"selectOptions?.readonly\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.readonlyState?.type\" (ngComponentOutletExCreated)=\"setReadonlyStateComponent($event)\"></ng-template>\r\n    </ng-template>\r\n\r\n    <ng-template [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"], directives: [{ type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NgSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-select', 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 [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>" }]
+        }], 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: Inject,
+                    args: [NG_SELECT_OPTIONS]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [NORMAL_STATE_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [KEYBOARD_HANDLER_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [POPUP_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [POSITIONER_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [READONLY_STATE_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [VALUE_HANDLER_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [LIVE_SEARCH_TYPE]
+                }, {
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['readonly']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['disabled']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['multiple']
+                }] }]; }, propDecorators: { selectOptions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], normalStateTemplate: [{
+                type: ContentChild,
+                args: ['normalStateTemplate']
+            }], optionTemplate: [{
+                type: ContentChild,
+                args: ['optionTemplate']
+            }], optionsChildren: [{
+                type: ContentChildren,
+                args: [OptionComponent]
+            }], optGroupsChildren: [{
+                type: ContentChildren,
+                args: [OptGroupComponent]
+            }] } });
+//# sourceMappingURL=select.component.js.map