@anglr/select 12.0.0 → 13.0.0-beta.20250127113535

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

@@ -1,599 +0,0 @@
-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 { DefaultPositionerComponent } from '../../plugins/positioner/components';
-import { READONLY_STATE } from '../../plugins/readonlyState/types';
-import { VALUE_HANDLER } from '../../plugins/valueHandler/types';
-import { BasicValueHandlerComponent } from '../../plugins/valueHandler/components';
-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 "@angular/common";
-import * as i3 from "@anglr/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(() => DefaultPositionerComponent)
-        },
-        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: "15.0.4", ngImport: i0, type: NgSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1.PluginBus }, { token: NG_SELECT_PLUGIN_INSTANCES }, { token: NG_SELECT_OPTIONS, optional: true }, { token: NORMAL_STATE_TYPE, optional: true }, { token: KEYBOARD_HANDLER_TYPE, optional: true }, { token: POPUP_TYPE, optional: true }, { token: POSITIONER_TYPE, optional: true }, { token: READONLY_STATE_TYPE, optional: true }, { token: VALUE_HANDLER_TYPE, optional: true }, { token: LIVE_SEARCH_TYPE, optional: true }, { token: 'readonly', attribute: true }, { token: 'disabled', attribute: true }, { token: 'multiple', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
-NgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NgSelectComponent, selector: "ng-select", inputs: { selectOptions: "selectOptions", disabled: "disabled", readonly: "readonly" }, providers: [
-        {
-            provide: NG_SELECT_PLUGIN_INSTANCES,
-            useFactory: () => { return {}; }
-        },
-        {
-            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        }"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            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 [ngIf]=\"!selectOptions?.absolute\">\r\n        <ng-template [ngComponentOutletEx]=\"selectOptions?.plugins?.popup?.type\" (ngComponentOutletExCreated)=\"setPopupComponent($event)\" [ngComponentOutletExContent]=\"liveSearchElement\"></ng-template>\r\n    </ng-template>\r\n</div>", styles: [":host\n        {\n            display: block;\n            position: relative;\n        }"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1.PluginBus }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NG_SELECT_PLUGIN_INSTANCES]
-                }] }, { 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