@anglr/select 10.0.0 → 11.0.1-beta.20220222062944

package/es2015/material/src/plugins/popup/index.js

@@ -0,0 +1,3 @@
+export * from './dialog/dialogPopup.interface';
+export * from './virtualEdit/virtualEditPopup.interface';
+//# sourceMappingURL=index.js.map

package/es2015/material/src/plugins/popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../material/src/plugins/popup/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC","sourcesContent":["export * from './dialog/dialogPopup.interface';\nexport * from './virtualEdit/virtualEditPopup.interface';"]}

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

@@ -0,0 +1,92 @@
+import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { EditPopupComponent } from '@anglr/select';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/scrolling";
+import * as i2 from "@angular/common";
+//TODO - resize and scroll
+//TODO - too few items and height
+//TODO - dynamic width update and collision with viewport
+/**
+ * Component used for rendering virtual edit popup with options
+ */
+export class VirtualEditPopupComponent extends EditPopupComponent {
+    constructor() {
+        super(...arguments);
+        //######################### protected properties #########################
+        /**
+         * Currently stored max width of displayed popup
+         */
+        this._maxWidth = 0;
+    }
+    //######################### protected properties #########################
+    /**
+     * Gets currently available options
+     */
+    get availableOptions() {
+        return this.pluginBus.selectOptions.optionsGatherer.availableOptions;
+    }
+    //######################### public properties #########################
+    invalidateVisuals() {
+        super.invalidateVisuals();
+        this._scrollToOption();
+    }
+    /**
+     * Toggles popup visibility
+     */
+    togglePopup() {
+        super.togglePopup();
+        if (this.viewPort) {
+            this.viewPort.elementScrolled().subscribe(() => {
+                var _a;
+                const viewportElement = (_a = this.viewPort) === null || _a === void 0 ? void 0 : _a.getElementRef().nativeElement;
+                if (viewportElement) {
+                    const width = viewportElement.children.item(0).clientWidth;
+                    if (width > this._maxWidth) {
+                        this._maxWidth = width;
+                        viewportElement.style.width = `${viewportElement.children.item(0).clientWidth}px`;
+                    }
+                }
+            });
+            setTimeout(() => {
+                var _a;
+                const viewportElement = (_a = this.viewPort) === null || _a === void 0 ? void 0 : _a.getElementRef().nativeElement;
+                viewportElement.style.width = `${viewportElement.children.item(0).clientWidth}px`;
+            }, 0);
+            this.viewPort.getElementRef().nativeElement.style.height = this.popupElement.style.maxHeight;
+            this.viewPort.checkViewportSize();
+        }
+        else {
+            this._maxWidth = 0;
+        }
+    }
+    _scrollToOption() {
+        var _a;
+        const activeOption = this.availableOptions.find(itm => itm.active);
+        const index = activeOption ? this.availableOptions.indexOf(activeOption) : 0;
+        (_a = this.viewPort) === null || _a === void 0 ? void 0 : _a.scrollToIndex(index);
+        // if (index === 0)
+        // {
+        //     // scrollTop = 0;
+        // }
+        // else
+        // {
+        //     // scrollTop = this._getOptionScrollPosition(this.viewPort.elementRef.nativeElement?.scrollTop);
+        // }
+        // console.log(scrollTop);
+        // if (this.popupElement)
+        // {
+        //     this.viewPort.elementRef.nativeElement.scrollTop = scrollTop;
+        // }
+    }
+}
+VirtualEditPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+VirtualEditPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: VirtualEditPopupComponent, selector: "div.ng-select-virtual-edit-popup", viewQueries: [{ propertyName: "viewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n     <cdk-virtual-scroll-viewport itemSize=\"28\" class=\"thin-scrollbar\">\r\n        <div *cdkVirtualFor=\"let option of selectOptions\"\r\n             #popupOptions\r\n             [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n             [class.active]=\"option?.active\"\r\n             [class.selected]=\"option?.selected\"\r\n             (mouseenter)=\"handleMouseActivation(option)\"\r\n             (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n            <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n                <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </cdk-virtual-scroll-viewport>\r\n      \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: hidden;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\ncdk-virtual-scroll-viewport\r\n{\r\n    height: 290px;\r\n    transition: width 200ms;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], components: [{ type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VirtualEditPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div.ng-select-virtual-edit-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n     <cdk-virtual-scroll-viewport itemSize=\"28\" class=\"thin-scrollbar\">\r\n        <div *cdkVirtualFor=\"let option of selectOptions\"\r\n             #popupOptions\r\n             [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n             [class.active]=\"option?.active\"\r\n             [class.selected]=\"option?.selected\"\r\n             (mouseenter)=\"handleMouseActivation(option)\"\r\n             (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n            <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n                <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </cdk-virtual-scroll-viewport>\r\n      \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>", styles: [".popup-div\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    background-color: #FFFFFF;\r\n    border-radius: 4px;\r\n    border: 1px solid #BBBBBB;\r\n    overflow: hidden;\r\n    padding: 5px 0;\r\n    box-shadow: 0 6px 12px rgba(0,0,0,.175);\r\n    scrollbar-width: thin;\r\n}\r\n\r\ncdk-virtual-scroll-viewport\r\n{\r\n    height: 290px;\r\n    transition: width 200ms;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar-thumb \r\n{\r\n    background-color: #cdcdcd;\r\n}\r\n\r\n.popup-div::-webkit-scrollbar \r\n{\r\n    width: 6px;\r\n    background-color: #f0f0f0;\r\n}\r\n\r\n.option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"] }]
+        }], propDecorators: { viewPort: [{
+                type: ViewChild,
+                args: [CdkVirtualScrollViewport]
+            }] } });
+//# sourceMappingURL=virtualEditPopup.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"virtualEditPopup.component.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/virtualEdit/virtualEditPopup.component.ts","../../../../../../material/src/plugins/popup/virtualEdit/virtualEditPopup.component.html"],"names":[],"mappings":"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","sourcesContent":["import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core';\nimport {CdkVirtualScrollViewport} from '@angular/cdk/scrolling';\nimport {EditPopupComponent, NgSelectPlugin, ɵNgSelectOption} from '@anglr/select';\n\nimport {VirtualEditPopup, VirtualEditPopupOptions} from './virtualEditPopup.interface';\n\n//TODO - resize and scroll\n//TODO - too few items and height\n//TODO - dynamic width update and collision with viewport\n\n/**\n * Component used for rendering virtual edit popup with options\n */\n@Component(\n{\n    selector: 'div.ng-select-virtual-edit-popup',\n    templateUrl: 'virtualEditPopup.component.html',\n    styleUrls: ['virtualEditPopup.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class VirtualEditPopupComponent extends EditPopupComponent implements VirtualEditPopup, NgSelectPlugin<VirtualEditPopupOptions>\n{\n    //######################### protected properties #########################\n\n    /**\n     * Currently stored max width of displayed popup\n     */\n    protected _maxWidth: number = 0;\n\n    //######################### public properties - children #########################\n\n    // /**\n    //  * \n    //  */\n    // @ViewChildren('popupOptions')\n    // public popupOptions: QueryList<ElementRef>;\n\n    /**\n     * View port that is used for virtual scrolling\n     */\n    @ViewChild(CdkVirtualScrollViewport)\n    public viewPort: CdkVirtualScrollViewport;\n\n    //######################### protected properties #########################\n\n    /**\n     * Gets currently available options\n     */\n    protected get availableOptions(): ɵNgSelectOption[]\n    {\n        return this.pluginBus.selectOptions.optionsGatherer.availableOptions;\n    }\n\n    //######################### public properties #########################\n\n    public override invalidateVisuals()\n    {\n        super.invalidateVisuals();\n\n        this._scrollToOption();\n    }\n\n    /**\n     * Toggles popup visibility\n     */\n    protected override togglePopup(): void\n    {\n        super.togglePopup();\n\n        if(this.viewPort)\n        {\n            this.viewPort.elementScrolled().subscribe(() =>\n            {\n                const viewportElement = this.viewPort?.getElementRef().nativeElement;\n\n                if(viewportElement)\n                {\n                    const width = viewportElement.children.item(0).clientWidth;\n\n                    if(width > this._maxWidth)\n                    {\n                        this._maxWidth = width;\n                        viewportElement.style.width = `${viewportElement.children.item(0).clientWidth}px`;\n                    }\n                }\n            });\n\n            setTimeout(() =>\n            {\n                const viewportElement = this.viewPort?.getElementRef().nativeElement;\n                \n                viewportElement.style.width = `${viewportElement.children.item(0).clientWidth}px`;\n            }, 0);\n            \n            this.viewPort.getElementRef().nativeElement.style.height = this.popupElement.style.maxHeight;\n            this.viewPort.checkViewportSize();\n        }\n        else\n        {\n            this._maxWidth = 0;\n        }\n    }\n\n    private _scrollToOption()\n    {\n        const activeOption = this.availableOptions.find(itm => itm.active);\n        const index = activeOption ? this.availableOptions.indexOf(activeOption) : 0;\n\n        this.viewPort?.scrollToIndex(index);\n\n        // if (index === 0)\n        // {\n        //     // scrollTop = 0;\n        // }\n        // else\n        // {\n        //     // scrollTop = this._getOptionScrollPosition(this.viewPort.elementRef.nativeElement?.scrollTop);\n        // }\n\n        // console.log(scrollTop);\n\n        // if (this.popupElement)\n        // {\n        //     this.viewPort.elementRef.nativeElement.scrollTop = scrollTop;\n        // }\n    }\n\n    // private _getOptionScrollPosition(currentScrollPosition: number)\n    // {\n    //     const activeOptionsElement = this.popupOptions.toArray().find(el => el.nativeElement.classList.contains('active'))?.nativeElement;\n    //     const top = activeOptionsElement?.offsetTop;\n    //     const bottom = top + activeOptionsElement?.offsetHeight;\n        \n    //     if (bottom > this.popupElement?.clientHeight + currentScrollPosition)\n    //     {\n    //         return Math.max(bottom - this.popupElement?.clientHeight);\n    //     }\n    //     else if (top < currentScrollPosition)\n    //     {\n    //         return Math.max(0, top);\n    //     }\n\n    //     return currentScrollPosition;\n    // }\n}","<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div #popupDiv \r\n     *ngIf=\"options?.visible\"\r\n     [ngClass]=\"options?.cssClasses?.popupDiv\">\r\n\r\n     <cdk-virtual-scroll-viewport itemSize=\"28\" class=\"thin-scrollbar\">\r\n        <div *cdkVirtualFor=\"let option of selectOptions\"\r\n             #popupOptions\r\n             [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n             [class.active]=\"option?.active\"\r\n             [class.selected]=\"option?.selected\"\r\n             (mouseenter)=\"handleMouseActivation(option)\"\r\n             (click)=\"pluginBus?.optionSelect?.emit(option)\">\r\n            <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n                <ng-container *ngTemplateOutlet=\"pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </cdk-virtual-scroll-viewport>\r\n      \r\n    <div *ngIf=\"!selectOptions?.length\">{{texts?.noAvailableOptions}}</div>\r\n</div>"]}

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

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

package/es2015/material/src/plugins/popup/virtualEdit/virtualEditPopup.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualEditPopup.interface.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/virtualEdit/virtualEditPopup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Popup, PopupOptions} from '@anglr/select';\n\n/**\n * Css classes for virtual edit popup\n */\nexport interface CssClassesVirtualEditPopup\n{\n}\n\n/**\n * Virtual edit popup options\n */\nexport interface VirtualEditPopupOptions extends PopupOptions<CssClassesVirtualEditPopup>\n{\n}\n\n/**\n * Public API for 'VirtualEditPopupComponent'\n */\nexport interface VirtualEditPopup extends Popup\n{\n}"]}

package/es2015/popperJs/src/index.js

@@ -0,0 +1,4 @@
+export * from './modules/popperjsPositioner.module';
+export * from './plugins/positioner/components';
+export * from './plugins/positioner';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../popperJs/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './modules/popperjsPositioner.module';\nexport * from './plugins/positioner/components';\nexport * from './plugins/positioner';"]}

package/es2015/popperJs/src/modules/popperjsPositioner.module.js

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { PopperJsPositionerComponent } from '../plugins/positioner/popperJs/popperJsPositioner.component';
+import * as i0 from "@angular/core";
+/**
+ * Module for popperjs positioner plugin
+ */
+export class PopperJsPositionerModule {
+}
+PopperJsPositionerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopperJsPositionerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PopperJsPositionerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopperJsPositionerModule, declarations: [PopperJsPositionerComponent], exports: [PopperJsPositionerComponent] });
+PopperJsPositionerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopperJsPositionerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopperJsPositionerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PopperJsPositionerComponent
+                    ],
+                    exports: [
+                        PopperJsPositionerComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=popperjsPositioner.module.js.map

package/es2015/popperJs/src/modules/popperjsPositioner.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popperjsPositioner.module.js","sourceRoot":"","sources":["../../../../popperJs/src/modules/popperjsPositioner.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,2BAA2B,EAAC,MAAM,6DAA6D,CAAC;;AAExG;;GAEG;AAYH,MAAM,OAAO,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB,iBAP7B,2BAA2B,aAI3B,2BAA2B;sHAGtB,wBAAwB;2FAAxB,wBAAwB;kBAXpC,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,2BAA2B;qBAC9B;oBACD,OAAO,EACP;wBACI,2BAA2B;qBAC9B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {PopperJsPositionerComponent} from '../plugins/positioner/popperJs/popperJsPositioner.component';\n\n/**\n * Module for popperjs positioner plugin\n */\n@NgModule(\n{\n    declarations:\n    [\n        PopperJsPositionerComponent\n    ],\n    exports:\n    [\n        PopperJsPositionerComponent\n    ]\n})\nexport class PopperJsPositionerModule\n{\n}\n"]}

package/es2015/popperJs/src/plugins/positioner/components.js

@@ -0,0 +1,2 @@
+export * from './popperJs/popperJsPositioner.component';
+//# sourceMappingURL=components.js.map

package/es2015/popperJs/src/plugins/positioner/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../../popperJs/src/plugins/positioner/components.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC","sourcesContent":["export * from './popperJs/popperJsPositioner.component';"]}

package/es2015/popperJs/src/plugins/positioner/index.js

@@ -0,0 +1,2 @@
+export * from './popperJs/popperJsPositioner.interface';
+//# sourceMappingURL=index.js.map

package/es2015/popperJs/src/plugins/positioner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../popperJs/src/plugins/positioner/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC","sourcesContent":["export * from './popperJs/popperJsPositioner.interface';"]}

package/es2015/popperJs/src/plugins/positioner/popperJs/popperJsPositioner.component.js

@@ -0,0 +1,151 @@
+import { Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, PLATFORM_ID, ChangeDetectorRef } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { NG_SELECT_PLUGIN_INSTANCES, PluginBus, POPUP, POSITIONER_OPTIONS } from '@anglr/select';
+import { extend } from '@jscrpt/common';
+import { createPopper } from '@popperjs/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@anglr/select";
+/**
+ * Default options for positioner
+ * @internal
+ */
+const defaultOptions = {};
+/**
+ * Component used for positioning popup element, using popper js
+ */
+export class PopperJsPositionerComponent {
+    //######################### constructor #########################
+    constructor(ngSelectPlugins, pluginBus, pluginElement, _changeDetector, options, _document, _platformId) {
+        this.ngSelectPlugins = ngSelectPlugins;
+        this.pluginBus = pluginBus;
+        this.pluginElement = pluginElement;
+        this._changeDetector = _changeDetector;
+        this._document = _document;
+        this._platformId = _platformId;
+        /**
+         * Indication whether is code running in browser
+         */
+        this._isBrowser = isPlatformBrowser(this._platformId);
+        this._options = extend(true, {}, defaultOptions, options);
+    }
+    //######################### public properties - implementation of BasicPositioner #########################
+    /**
+     * Options for NgSelect plugin
+     */
+    get options() {
+        return this._options;
+    }
+    set options(options) {
+        this._options = extend(true, this._options, options);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        var _a, _b, _c;
+        (_a = this._visibilitySubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this._visibilitySubscription = null;
+        (_b = this._optionsChangeSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        this._optionsChangeSubscription = null;
+        (_c = this._popperJsInstance) === null || _c === void 0 ? void 0 : _c.destroy();
+        this._popperJsInstance = null;
+    }
+    //######################### public methods - implementation of BasicPositioner #########################
+    /**
+     * Initialize plugin, to be ready to use, initialize communication with other plugins
+     */
+    initialize() {
+        var _a, _b;
+        if (this._optionsGatherer && this._optionsGatherer != ((_a = this.pluginBus) === null || _a === void 0 ? void 0 : _a.selectOptions.optionsGatherer)) {
+            this._optionsChangeSubscription.unsubscribe();
+            this._optionsChangeSubscription = null;
+            this._optionsGatherer = null;
+        }
+        if (!this._optionsGatherer) {
+            this._optionsGatherer = (_b = this.pluginBus) === null || _b === void 0 ? void 0 : _b.selectOptions.optionsGatherer;
+            this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() => {
+                if (this._popup.popupElement && this._optionsGatherer.availableOptions) {
+                    this._handlePosition();
+                }
+            });
+        }
+        const popup = this.ngSelectPlugins[POPUP];
+        if (this._popup && this._popup != popup) {
+            this._visibilitySubscription.unsubscribe();
+            this._visibilitySubscription = null;
+            this._popup = null;
+        }
+        if (!this._popup) {
+            this._popup = popup;
+            this._visibilitySubscription = this._popup.visibilityChange.subscribe(() => this._handlePosition());
+        }
+        this._handlePosition();
+    }
+    /**
+     * Initialize plugin options, all operations required to be done with plugin options are handled here
+     */
+    initOptions() {
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+    }
+    //######################### protected methods #########################
+    /**
+     * Handles position of popup
+     */
+    _handlePosition() {
+        var _a;
+        this._popupElement = this._popup.popupElement;
+        // //this has meaning only when popup is outside of ng-element
+        // this._changeDetector.markForCheck();
+        if (this._isBrowser) {
+            //register events and handle position of opened popup
+            if (this._popupElement) {
+                if (this._popperJsInstance) {
+                    // this._popperJsInstance.update();
+                    return;
+                }
+                this._popperJsInstance = createPopper(this.pluginBus.selectElement.nativeElement, this._popupElement, {
+                    placement: 'bottom-start'
+                });
+            }
+            //unregister events
+            else {
+                (_a = this._popperJsInstance) === null || _a === void 0 ? void 0 : _a.destroy();
+                this._popperJsInstance = null;
+            }
+        }
+    }
+}
+PopperJsPositionerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopperJsPositionerComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: POSITIONER_OPTIONS, optional: true }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+PopperJsPositionerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: PopperJsPositionerComponent, selector: "ng-popperjs-positioner", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PopperJsPositionerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-popperjs-positioner',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NG_SELECT_PLUGIN_INSTANCES]
+                }, {
+                    type: Optional
+                }] }, { type: i1.PluginBus, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POSITIONER_OPTIONS]
+                }, {
+                    type: Optional
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }]; } });
+//# sourceMappingURL=popperJsPositioner.component.js.map

package/es2015/popperJs/src/plugins/positioner/popperJs/popperJsPositioner.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popperJsPositioner.component.js","sourceRoot":"","sources":["../../../../../../popperJs/src/plugins/positioner/popperJs/popperJsPositioner.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional, ElementRef, OnDestroy, PLATFORM_ID, ChangeDetectorRef} from '@angular/core';\nimport {DOCUMENT, isPlatformBrowser} from '@angular/common';\nimport {NgSelectPlugin, NgSelectPluginInstances, NG_SELECT_PLUGIN_INSTANCES, OptionsGatherer, PluginBus, POPUP, Popup, POSITIONER_OPTIONS} from '@anglr/select';\nimport {extend} from '@jscrpt/common';\nimport {createPopper} from '@popperjs/core';\nimport type {Instance} from '@popperjs/core';\nimport {Subscription} from 'rxjs';\n\nimport {PopperJsPositioner, PopperJsPositionerOptions} from './popperjsPositioner.interface';\n\n/**\n * Default options for positioner\n * @internal\n */\nconst defaultOptions: PopperJsPositionerOptions =\n{\n};\n\n/**\n * Component used for positioning popup element, using popper js\n */\n@Component(\n{\n    selector: 'ng-popperjs-positioner',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PopperJsPositionerComponent implements PopperJsPositioner, NgSelectPlugin<PopperJsPositionerOptions>, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Instance of previous options gatherer, that is used for obtaining available options\n     */\n    protected _optionsGatherer: OptionsGatherer;\n\n    /**\n     * Options for NgSelect plugin\n     */\n    protected _options: PopperJsPositionerOptions;\n\n    /**\n     * Subscription for visibility change of popup\n     */\n    protected _visibilitySubscription: Subscription;\n\n    /**\n     * Subscription for changes of options in options gatherer\n     */\n    protected _optionsChangeSubscription: Subscription;\n\n    /**\n     * Popup that is displayed\n     */\n    protected _popup: Popup;\n\n    /**\n     * Instance of popper js\n     */\n    protected _popperJsInstance: Instance;\n\n    /**\n     * Html element of popup plugin\n     */\n    protected _popupElement: HTMLElement;\n\n    /**\n     * Indication whether is code running in browser\n     */\n    protected _isBrowser: boolean = isPlatformBrowser(this._platformId);\n\n    //######################### public properties - implementation of BasicPositioner #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public get options(): PopperJsPositionerOptions\n    {\n        return this._options;\n    }\n    public set options(options: PopperJsPositionerOptions)\n    {\n        this._options = extend(true, this._options, options);\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() public pluginBus: PluginBus,\n                public pluginElement: ElementRef,\n                protected _changeDetector: ChangeDetectorRef,\n                @Inject(POSITIONER_OPTIONS) @Optional() options?: PopperJsPositionerOptions,\n                @Inject(DOCUMENT) protected _document?: Document,\n                @Inject(PLATFORM_ID) protected _platformId?: Object)\n    {\n        this._options = extend(true, {}, defaultOptions, options);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy()\n    {\n        this._visibilitySubscription?.unsubscribe();\n        this._visibilitySubscription = null;\n\n        this._optionsChangeSubscription?.unsubscribe();\n        this._optionsChangeSubscription = null;\n\n        this._popperJsInstance?.destroy();\n        this._popperJsInstance = null;\n    }\n\n    //######################### public methods - implementation of BasicPositioner #########################\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.availableOptionsChange.subscribe(() =>\n            {\n                if(this._popup.popupElement && this._optionsGatherer.availableOptions)\n                {\n                    this._handlePosition();\n                }\n            });\n        }\n\n        const popup: Popup = this.ngSelectPlugins[POPUP] as Popup;\n\n        if(this._popup && this._popup != popup)\n        {\n            this._visibilitySubscription.unsubscribe();\n            this._visibilitySubscription = null;\n\n            this._popup = null;\n        }\n\n        if(!this._popup)\n        {\n            this._popup = popup;\n\n            this._visibilitySubscription = this._popup.visibilityChange.subscribe(() => this._handlePosition());\n        }\n\n        this._handlePosition();\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     * Handles position of popup\n     */\n    protected _handlePosition()\n    {\n        this._popupElement = this._popup.popupElement;\n\n        // //this has meaning only when popup is outside of ng-element\n        // this._changeDetector.markForCheck();\n\n        if(this._isBrowser)\n        {\n            //register events and handle position of opened popup\n            if(this._popupElement)\n            {\n                if(this._popperJsInstance)\n                {\n                    // this._popperJsInstance.update();\n\n                    return;\n                }\n\n                this._popperJsInstance = createPopper(this.pluginBus.selectElement.nativeElement,\n                                                      this._popupElement,\n                                                      {\n                                                          placement: 'bottom-start'\n                                                      });\n            }\n            //unregister events\n            else\n            {\n                this._popperJsInstance?.destroy();\n                this._popperJsInstance = null;\n            }\n        }\n    }\n\n    // /**\n    //  * Updates min width of popup\n    //  */\n    // protected _updateMinWidth()\n    // {\n    //     if(!this._popupElement)\n    //     {\n    //         return;\n    //     }\n\n    //     let minWidth = this.pluginBus.selectElement.nativeElement.clientWidth;\n\n    //     if(isNaN(minWidth) || !isNumber(minWidth))\n    //     {\n    //         return;\n    //     }\n\n    //     this._popupElement.style.minWidth = `${minWidth}px`;\n    // }\n}"]}

package/es2015/popperJs/src/plugins/positioner/popperJs/popperjsPositioner.interface.js

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

package/es2015/popperJs/src/plugins/positioner/popperJs/popperjsPositioner.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popperjsPositioner.interface.js","sourceRoot":"","sources":["../../../../../../popperJs/src/plugins/positioner/popperJs/popperjsPositioner.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Positioner} from '@anglr/select';\n\n/**\n * Popper js positioner options\n */\nexport interface PopperJsPositionerOptions\n{\n}\n\n/**\n * Public API for 'PopperJsPositionerComponent'\n */\nexport interface PopperJsPositioner extends Positioner\n{\n}"]}

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

@@ -0,0 +1,3 @@
+export * from './option.interface';
+export * from './optgroup.interface';
+//# sourceMappingURL=index.js.map

package/es2015/src/components/option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/option/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './option.interface';\nexport * from './optgroup.interface';"]}

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

@@ -0,0 +1,53 @@
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, QueryList, ViewChildren } from '@angular/core';
+import { OptionComponent } from './option.component';
+import * as i0 from "@angular/core";
+/**
+ * Component used for options group in select component
+ */
+export class OptGroupComponent {
+    constructor() {
+        //######################### private fields #########################
+        /**
+         * Instance of event emitter for optionsChange
+         */
+        this._optionsChange = new EventEmitter();
+    }
+    //######################### public properties #########################
+    /**
+     * Options assigned to this options group
+     */
+    get options() {
+        return this.optionsChildren.toArray();
+    }
+    /**
+     * Occurs when options in this group change
+     */
+    get optionsChange() {
+        return this._optionsChange;
+    }
+    //######################### public methods - implementation of AfterViewInit #########################
+    /**
+     * Called when view was initialized
+     */
+    ngAfterViewInit() {
+        this.optionsChildren.changes.subscribe(() => {
+            this._optionsChange.emit();
+        });
+    }
+}
+OptGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OptGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: OptGroupComponent, selector: "ng-select>ng-optgroup", inputs: { text: "text" }, viewQueries: [{ propertyName: "optionsChildren", predicate: OptionComponent, descendants: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-select>ng-optgroup',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { optionsChildren: [{
+                type: ViewChildren,
+                args: [OptionComponent]
+            }], text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=optgroup.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.component.js","sourceRoot":"","sources":["../../../../src/components/option/optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAI9H,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;;AAEnD;;GAEG;AAOH,MAAM,OAAO,iBAAiB;IAN9B;QAQI,oEAAoE;QAEpE;;WAEG;QACK,mBAAc,GAAuB,IAAI,YAAY,EAAQ,CAAC;KAiDzE;IA/CG,uEAAuE;IAEvE;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;IAC1C,CAAC;IAED;;OAEG;IACH,IAAW,aAAa;QAEpB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAmBD,sGAAsG;IAEtG;;OAEG;IACI,eAAe;QAElB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAExC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;;8GAvDQ,iBAAiB;kGAAjB,iBAAiB,2HAiCZ,eAAe,gDApCnB,EAAE;2FAGH,iBAAiB;kBAN7B,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;8BAmCU,eAAe;sBADrB,YAAY;uBAAC,eAAe;gBAStB,IAAI;sBADV,KAAK","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, QueryList, ViewChildren, AfterViewInit} from '@angular/core';\n\nimport {NgSelectOptGroup} from './optgroup.interface';\nimport {NgSelectOption} from './option.interface';\nimport {OptionComponent} from './option.component';\n\n/**\n * Component used for options group in select component\n */\n@Component(\n{\n    selector: 'ng-select>ng-optgroup',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OptGroupComponent<TValue = any> implements NgSelectOptGroup<TValue>, AfterViewInit\n{\n    //######################### private fields #########################\n\n    /**\n     * Instance of event emitter for optionsChange\n     */\n    private _optionsChange: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### public properties #########################\n\n    /**\n     * Options assigned to this options group\n     */\n    public get options(): NgSelectOption<TValue>[]\n    {\n        return this.optionsChildren.toArray();\n    }\n\n    /**\n     * Occurs when options in this group change\n     */\n    public get optionsChange(): EventEmitter<void>\n    {\n        return this._optionsChange;\n    }\n\n    //######################### public properties - children #########################\n\n    /**\n     * Children options in this group\n     * @internal\n     */\n    @ViewChildren(OptionComponent)\n    public optionsChildren: QueryList<NgSelectOption<TValue>>;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Text that is displayed for this options group\n     */\n    @Input()\n    public text: string;\n\n    //######################### public methods - implementation of AfterViewInit #########################\n    \n    /**\n     * Called when view was initialized\n     */\n    public ngAfterViewInit()\n    {\n        this.optionsChildren.changes.subscribe(() =>\n        {\n            this._optionsChange.emit();\n        });\n    }\n}"]}

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

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

package/es2015/src/components/option/optgroup.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.interface.js","sourceRoot":"","sources":["../../../../src/components/option/optgroup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {EventEmitter} from '@angular/core';\n\nimport {NgSelectOption} from './option.interface';\n\n/**\n * Option group for ng select\n */\nexport interface NgSelectOptGroup<TValue = any>\n{\n    /**\n     * Options assigned to this options group\n     */\n    readonly options?: NgSelectOption<TValue>[];\n\n    /**\n     * Occurs when options in this group change\n     */\n    readonly optionsChange?: EventEmitter<void>;\n\n    /**\n     * Text that is displayed for this options group\n     */\n    text?: string;\n}"]}

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

@@ -0,0 +1,38 @@
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Component used for options in select component
+ */
+export class OptionComponent {
+    constructor() {
+        //######################### public properties - template bindings #########################
+        /**
+         * Indication whether is item active
+         */
+        this.active = false;
+        /**
+         * Indication whether this option is selected
+         */
+        this.selected = false;
+        //######################### public properties #########################
+        /**
+         * If specified this option will be displayed in group
+         */
+        this.group = null;
+    }
+}
+OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: OptionComponent, selector: "ng-option", inputs: { value: "value", text: "text" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: OptionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-option',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=option.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option.component.js","sourceRoot":"","sources":["../../../../src/components/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;;AAIxE;;GAEG;AAOH,MAAM,OAAO,eAAe;IAN5B;QAQI,2FAA2F;QAE3F;;WAEG;QACI,WAAM,GAAY,KAAK,CAAC;QAE/B;;WAEG;QACI,aAAQ,GAAY,KAAK,CAAC;QAgBjC,uEAAuE;QAEvE;;WAEG;QACI,UAAK,GAAW,IAAI,CAAC;KAC/B;;4GAlCY,eAAe;gGAAf,eAAe,2FAHd,EAAE;2FAGH,eAAe;kBAN3B,SAAS;mBACV;oBACI,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;8BAqBU,KAAK;sBADX,KAAK;gBAOC,IAAI;sBADV,KAAK","sourcesContent":["import {Component, ChangeDetectionStrategy, Input} from '@angular/core';\n\nimport {NgSelectOption} from './option.interface';\n\n/**\n * Component used for options in select component\n */\n@Component(\n{\n    selector: 'ng-option',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OptionComponent<TValue = any> implements NgSelectOption<TValue>\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether is item active\n     */\n    public active: boolean = false;\n\n    /**\n     * Indication whether this option is selected\n     */\n    public selected: boolean = false;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Value that will be used if this option will be selected\n     */\n    @Input()\n    public value: TValue;\n\n    /**\n     * Text that is displayed if this value is selected\n     */\n    @Input()\n    public text: string;\n    \n    //######################### public properties #########################\n\n    /**\n     * If specified this option will be displayed in group\n     */\n    public group: string = null;\n}"]}

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

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

package/es2015/src/components/option/option.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.interface.js","sourceRoot":"","sources":["../../../../src/components/option/option.interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Option for ng select\n */\nexport interface NgSelectOption<TValue = any>\n{\n    /**\n     * Value that will be used if this option will be selected\n     */\n    value?: TValue;\n\n    /**\n     * Text that is displayed if this value is selected\n     */\n    text?: string;\n\n    /**\n     * If specified this option will be displayed in group\n     */\n    group?: string;\n}\n\n/**\n * Option for ng select\n */\nexport interface ɵNgSelectOption<TValue = any> extends NgSelectOption<TValue>\n{\n    /**\n     * Indication whether is item active\n     */\n    active?: boolean;\n\n    /**\n     * Indication whether is this option selected\n     */\n    selected?: boolean;\n}"]}

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

@@ -0,0 +1,2 @@
+export * from './select.interface';
+//# sourceMappingURL=index.js.map

package/es2015/src/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './select.interface';"]}