@anglr/select 12.0.0 → 13.0.0-beta.20250127113535

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

@@ -1,50 +0,0 @@
-import { NgModule, Injector } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BrowserModule } from '@angular/platform-browser';
-import { createCustomElement } from '@angular/elements';
-import { CommonDynamicModule } from '@anglr/common';
-import { NgSelectModule, OptionComponent } from '@anglr/select';
-import { NgSelectElementsComponent } from '../components/ngSelectElements.component';
-import * as i0 from "@angular/core";
-/**
- * Represents module for WebComponent NgSelect
- */
-export class NgSelectElementsModule {
-    //######################### constructor #########################
-    constructor(injector) {
-        const ngOption = createCustomElement(OptionComponent, { injector });
-        customElements.define('ng-option', ngOption);
-        const ngSelect = createCustomElement(NgSelectElementsComponent, { injector });
-        customElements.define('ng-select', ngSelect);
-    }
-    //######################### public methods - implementation of DoBootstrap #########################
-    /**
-     * Called during bootstrapping of module
-     */
-    ngDoBootstrap() {
-    }
-}
-NgSelectElementsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
-NgSelectElementsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, declarations: [NgSelectElementsComponent], imports: [BrowserModule,
-        CommonModule,
-        CommonDynamicModule,
-        NgSelectModule] });
-NgSelectElementsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, imports: [BrowserModule,
-        CommonModule,
-        CommonDynamicModule,
-        NgSelectModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectElementsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        BrowserModule,
-                        CommonModule,
-                        CommonDynamicModule,
-                        NgSelectModule,
-                    ],
-                    declarations: [
-                        NgSelectElementsComponent
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-//# sourceMappingURL=ngSelectElements.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ngSelectElements.module.js","sourceRoot":"","sources":["../../../../elements/src/modules/ngSelectElements.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAe,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;;AAEnF;;GAEG;AAeH,MAAM,OAAO,sBAAsB;IAE/B,iEAAiE;IACjE,YAAY,QAAkB;QAE1B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,eAAe,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;QAClE,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAE7C,MAAM,QAAQ,GAAG,mBAAmB,CAAC,yBAAyB,EAAE,EAAC,QAAQ,EAAC,CAAC,CAAC;QAC5E,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,oGAAoG;IAEpG;;OAEG;IACI,aAAa;IAEpB,CAAC;;mHAnBQ,sBAAsB;oHAAtB,sBAAsB,iBAH3B,yBAAyB,aAPzB,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,cAAc;oHAOT,sBAAsB,YAV3B,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,cAAc;2FAOT,sBAAsB;kBAdlC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,aAAa;wBACb,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;qBACjB;oBACD,YAAY,EACZ;wBACI,yBAAyB;qBAC5B;iBACJ","sourcesContent":["import {NgModule, DoBootstrap, Injector} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {BrowserModule} from '@angular/platform-browser';\nimport {createCustomElement} from '@angular/elements';\nimport {CommonDynamicModule} from '@anglr/common';\nimport {NgSelectModule, OptionComponent} from '@anglr/select';\n\nimport {NgSelectElementsComponent} from '../components/ngSelectElements.component';\n\n/**\n * Represents module for WebComponent NgSelect\n */\n@NgModule(\n{\n    imports:\n    [\n        BrowserModule,\n        CommonModule,\n        CommonDynamicModule,\n        NgSelectModule,\n    ],\n    declarations:\n    [\n        NgSelectElementsComponent\n    ]\n})\nexport class NgSelectElementsModule implements DoBootstrap\n{\n    //######################### constructor #########################\n    constructor(injector: Injector) \n    {\n        const ngOption = createCustomElement(OptionComponent, {injector});\n        customElements.define('ng-option', ngOption);\n\n        const ngSelect = createCustomElement(NgSelectElementsComponent, {injector});\n        customElements.define('ng-select', ngSelect);\n    }\n\n    //######################### public methods - implementation of DoBootstrap #########################\n    \n    /**\n     * Called during bootstrapping of module\n     */\n    public ngDoBootstrap()\n    {\n    }\n}"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es2020/extensions/src/index.js

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

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

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

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

@@ -1,73 +0,0 @@
-import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { extend } from '@jscrpt/common';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/common";
-/**
- * Default options for popup
- * @internal
- */
-const defaultOptions = {
-    cssClasses: {
-        optionChecked: 'fa fa-check',
-        optionItemDiv: 'option-item',
-        optionItemTextDiv: 'option-item-text'
-    }
-};
-/**
- * Basic dialog popup
- */
-export class BasicDialogPopupComponent {
-    //######################### constructor #########################
-    constructor(dialog, _changeDetector, data) {
-        this.dialog = dialog;
-        this._changeDetector = _changeDetector;
-        this.data = data;
-        this.options = extend(true, {}, defaultOptions, data.options);
-    }
-    //######################### public methods - implementation of OnInit #########################
-    /**
-     * Initialize component
-     */
-    ngOnInit() {
-        if (this._optionsGatherer && this._optionsGatherer != this.data.pluginBus.selectOptions.optionsGatherer) {
-            this._optionsChangeSubscription.unsubscribe();
-            this._optionsChangeSubscription = null;
-            this._optionsGatherer = null;
-        }
-        if (!this._optionsGatherer) {
-            this._optionsGatherer = this.data.pluginBus.selectOptions.optionsGatherer;
-            this.selectOptions = this._optionsGatherer.availableOptions;
-            this._optionsChangeSubscription = this._optionsGatherer.availableOptionsChange.subscribe(() => {
-                this.selectOptions = this._optionsGatherer.availableOptions;
-                this._changeDetector.detectChanges();
-            });
-        }
-    }
-    //######################### public methods - implementation of OnDestroy #########################
-    /**
-     * Called when component is destroyed
-     */
-    ngOnDestroy() {
-        this._optionsChangeSubscription?.unsubscribe();
-        this._optionsChangeSubscription = null;
-    }
-    //######################### public methods #########################
-    /**
-     * Explicitly runs invalidation of content (change detection)
-     */
-    invalidateVisuals() {
-        this._changeDetector.detectChanges();
-    }
-}
-BasicDialogPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BasicDialogPopupComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.ChangeDetectorRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-BasicDialogPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BasicDialogPopupComponent, selector: "ng-select-basic-dialog-popup", ngImport: i0, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BasicDialogPopupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-select-basic-dialog-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "  \r\n<ng-template #defaultOptionTextLook let-option>{{option?.text}}</ng-template>\r\n\r\n<div *ngFor=\"let option of selectOptions\"\r\n     [ngClass]=\"options?.cssClasses?.optionItemDiv\"\r\n     [class.selected]=\"option?.selected\"\r\n     (click)=\"data?.pluginBus?.optionSelect?.emit(option)\">\r\n    <div [ngClass]=\"options?.cssClasses?.optionItemTextDiv\">\r\n        <ng-container *ngTemplateOutlet=\"data?.pluginBus?.selectOptions?.templateGatherer?.optionTemplate || defaultOptionTextLook; context: {$implicit: option, popup: this}\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"option?.selected && data?.pluginBus?.selectOptions?.multiple\" [ngClass]=\"options?.cssClasses?.optionChecked\"></div>\r\n</div>", styles: [".option-item\r\n{\r\n    padding: 3px 12px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.option-item .option-item-text\r\n{\r\n    min-width: 0;\r\n    flex: 1;\r\n    white-space: nowrap;\r\n}\r\n\r\n.option-item .option-item-text:hover\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n.option-item .fa-check\r\n{\r\n    margin-left: 8px;\r\n}\r\n\r\n.option-item.selected,\r\n.option-item.active\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n}\r\n\r\n.option-item:hover\r\n{\r\n    background-color: #E8E8E8;\r\n    background-image: linear-gradient(to bottom,#F5F5F5 0,#E8E8E8 100%);\r\n    cursor: pointer;\r\n}"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-//# sourceMappingURL=basicDialogPopup.component.js.map

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

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

package/es2020/material/src/components/basicDialogPopup/basicDialogPopup.interface.js

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

package/es2020/material/src/components/basicDialogPopup/basicDialogPopup.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"basicDialogPopup.interface.js","sourceRoot":"","sources":["../../../../../material/src/components/basicDialogPopup/basicDialogPopup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {VisualPluginOptions} from '@anglr/select';\n\n/**\n * Css classes for basic dialog popup\n */\nexport interface CssClassesBasicDialogPopup\n{\n    /**\n     * Css class applied to each option div\n     */\n    optionItemDiv?: string;\n\n    /**\n     * Css class applied to each option text div\n     */\n    optionItemTextDiv?: string;\n\n    /**\n     * Css class used as icons indicating that option is selected (only when multiple)\n     */\n    optionChecked?: string;\n}\n\n/**\n * Basic dialog popup options\n */\nexport interface BasicDialogPopupOptions extends VisualPluginOptions<CssClassesBasicDialogPopup>\n{\n}"]}

package/es2020/material/src/components/basicDialogPopup/index.js

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

package/es2020/material/src/components/basicDialogPopup/index.js.map

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

package/es2020/material/src/components/basicDialogPopup/types.js

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

package/es2020/material/src/components/basicDialogPopup/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../material/src/components/basicDialogPopup/types.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './basicDialogPopup.component';"]}

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

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

package/es2020/material/src/directives/types.js

@@ -1,2 +0,0 @@
-export * from './dialogPopup/dialogPopup.directive';
-//# sourceMappingURL=types.js.map

package/es2020/material/src/directives/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../material/src/directives/types.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC","sourcesContent":["export * from './dialogPopup/dialogPopup.directive';"]}

package/es2020/material/src/index.js

@@ -1,8 +0,0 @@
-export * from './modules/dialogPopup.module';
-export * from './modules/virtualEditPopup.module';
-export * from './components/basicDialogPopup/types';
-export * from './plugins/popup/components';
-export * from './plugins/popup';
-export * from './components/basicDialogPopup';
-export * from './directives/types';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../material/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './modules/dialogPopup.module';\nexport * from './modules/virtualEditPopup.module';\nexport * from './components/basicDialogPopup/types';\nexport * from './plugins/popup/components';\nexport * from './plugins/popup';\nexport * from './components/basicDialogPopup';\nexport * from './directives/types';"]}

package/es2020/material/src/modules/dialogPopup.module.js

@@ -1,41 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatDialogModule } from '@angular/material/dialog';
-import { BasicDialogPopupComponent } from '../components/basicDialogPopup/types';
-import { DialogPopupComponent } from '../plugins/popup/dialog/dialogPopup.component';
-import { DialogPopupDirective } from '../directives/types';
-import * as i0 from "@angular/core";
-/**
- * Module allows using of angular material dialog for select popup
- */
-export class NgSelectDialogPopupModule {
-}
-NgSelectDialogPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgSelectDialogPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, declarations: [DialogPopupComponent,
-        BasicDialogPopupComponent,
-        DialogPopupDirective], imports: [CommonModule,
-        MatDialogModule], exports: [DialogPopupComponent,
-        BasicDialogPopupComponent,
-        DialogPopupDirective] });
-NgSelectDialogPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, imports: [CommonModule,
-        MatDialogModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgSelectDialogPopupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        MatDialogModule
-                    ],
-                    declarations: [
-                        DialogPopupComponent,
-                        BasicDialogPopupComponent,
-                        DialogPopupDirective
-                    ],
-                    exports: [
-                        DialogPopupComponent,
-                        BasicDialogPopupComponent,
-                        DialogPopupDirective
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=dialogPopup.module.js.map

package/es2020/material/src/modules/dialogPopup.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogPopup.module.js","sourceRoot":"","sources":["../../../../material/src/modules/dialogPopup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAC,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAC,oBAAoB,EAAC,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;;AAEzD;;GAEG;AAqBH,MAAM,OAAO,yBAAyB;;sHAAzB,yBAAyB;uHAAzB,yBAAyB,iBAX9B,oBAAoB;QACpB,yBAAyB;QACzB,oBAAoB,aAPpB,YAAY;QACZ,eAAe,aAUf,oBAAoB;QACpB,yBAAyB;QACzB,oBAAoB;uHAGf,yBAAyB,YAhB9B,YAAY;QACZ,eAAe;2FAeV,yBAAyB;kBApBrC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,oBAAoB;wBACpB,yBAAyB;wBACzB,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;wBACpB,yBAAyB;wBACzB,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MatDialogModule} from '@angular/material/dialog';\n\nimport {BasicDialogPopupComponent} from '../components/basicDialogPopup/types';\nimport {DialogPopupComponent} from '../plugins/popup/dialog/dialogPopup.component';\nimport {DialogPopupDirective} from '../directives/types';\n\n/**\n * Module allows using of angular material dialog for select popup\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        MatDialogModule\n    ],\n    declarations:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n        DialogPopupDirective\n    ],\n    exports:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n        DialogPopupDirective\n    ]\n})\nexport class NgSelectDialogPopupModule\n{\n}"]}

package/es2020/material/src/modules/virtualEditPopup.module.js

@@ -1,31 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { VirtualEditPopupComponent } from '../plugins/popup/virtualEdit/virtualEditPopup.component';
-import * as i0 from "@angular/core";
-/**
- * Module for VirtualEditPopup components, can also by used for non edit version
- */
-export class VirtualEditPopupModule {
-}
-VirtualEditPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VirtualEditPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, declarations: [VirtualEditPopupComponent], imports: [CommonModule,
-        ScrollingModule], exports: [VirtualEditPopupComponent] });
-VirtualEditPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, imports: [CommonModule,
-        ScrollingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: VirtualEditPopupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ScrollingModule
-                    ],
-                    declarations: [
-                        VirtualEditPopupComponent
-                    ],
-                    exports: [
-                        VirtualEditPopupComponent
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=virtualEditPopup.module.js.map

package/es2020/material/src/modules/virtualEditPopup.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"virtualEditPopup.module.js","sourceRoot":"","sources":["../../../../material/src/modules/virtualEditPopup.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAC,yBAAyB,EAAC,MAAM,yDAAyD,CAAC;;AAElG;;GAEG;AAiBH,MAAM,OAAO,sBAAsB;;mHAAtB,sBAAsB;oHAAtB,sBAAsB,iBAP3B,yBAAyB,aALzB,YAAY;QACZ,eAAe,aAQf,yBAAyB;oHAGpB,sBAAsB,YAZ3B,YAAY;QACZ,eAAe;2FAWV,sBAAsB;kBAhBlC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;qBAClB;oBACD,YAAY,EACZ;wBACI,yBAAyB;qBAC5B;oBACD,OAAO,EACP;wBACI,yBAAyB;qBAC5B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\n\nimport {VirtualEditPopupComponent} from '../plugins/popup/virtualEdit/virtualEditPopup.component';\n\n/**\n * Module for VirtualEditPopup components, can also by used for non edit version\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule,\n        ScrollingModule\n    ],\n    declarations:\n    [\n        VirtualEditPopupComponent\n    ],\n    exports:\n    [\n        VirtualEditPopupComponent\n    ]\n})\nexport class VirtualEditPopupModule\n{\n}\n"]}

package/es2020/material/src/plugins/popup/components.js

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

package/es2020/material/src/plugins/popup/components.js.map

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

package/es2020/material/src/plugins/popup/dialog/dialogPopup.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogPopup.component.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/dialog/dialogPopup.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAa,QAAQ,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC1K,OAAO,EAAC,SAAS,EAAe,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAA0C,0BAA0B,EAAE,SAAS,EAAE,aAAa,EAAkB,MAAM,eAAe,CAAC;AAC7I,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAGtC,OAAO,EAAC,yBAAyB,EAAC,MAAM,iEAAiE,CAAC;;;;AAG1G;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,eAAe,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC;IAC5D,aAAa,EAAE,EAAE;IACjB,UAAU,EACV;QACI,SAAS,EAAE,WAAW;KACzB;IACD,OAAO,EAAE,KAAK;CACjB,CAAC;AAEF;;GAEG;AAOH,MAAM,OAAO,oBAAoB;IAgE7B,iEAAiE;IACjE,YAAmE,eAAwC,EAC5E,SAA4B,EACxC,aAAyB,EACtB,OAAkB,EAClB,eAAkC,EACT,OAA6E;QALzD,oBAAe,GAAf,eAAe,CAAyB;QAC5E,cAAS,GAAT,SAAS,CAAmB;QACxC,kBAAa,GAAb,aAAa,CAAY;QACtB,YAAO,GAAP,OAAO,CAAW;QAClB,oBAAe,GAAf,eAAe,CAAmB;QA1BxD;;WAEG;QACI,qBAAgB,GAAuB,IAAI,YAAY,EAAQ,CAAC;QA4FvE;;WAEG;QACO,kBAAa,GAAG,CAAC,OAAgB,EAAE,EAAE;YAE3C,IAAI,OAAO,EACX;gBACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAA4E,IAAI,CAAC,gBAAgB,EACpI;oBACI,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS;oBAC/C,IAAI,EACJ;wBACI,eAAe,EAAE,IAAI,CAAC,eAAe;wBACrC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa;wBACnC,SAAS,EAAE,IAAI,CAAC,SAAS;qBAC5B;iBACJ,CAAC,CAAC;aACN;iBAED;gBACI,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aAC1B;QACL,CAAC,CAAC;QAzFE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IA5CD,sGAAsG;IAEtG;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAW,OAAO,CAAC,OAA4E;QAE3F,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC;IAOD;;OAEG;IACH,IAAW,YAAY;QAEnB,OAAO,IAAI,CAAC;IAChB,CAAC;IAqBD,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,wBAAwB,EAAE,WAAW,EAAE,CAAC;QAC7C,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;QAErC,IAAI,CAAC,8BAA8B,EAAE,WAAW,EAAE,CAAC;QACnD,IAAI,CAAC,8BAA8B,GAAG,IAAI,CAAC;IAC/C,CAAC;IAED,mGAAmG;IAEnG;;OAEG;IACI,UAAU;QAEb,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAExE,IAAG,CAAC,IAAI,CAAC,wBAAwB,EACjC;YACI,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACnG;QAED,IAAG,CAAC,IAAI,CAAC,8BAA8B,EACvC;YACI,IAAI,CAAC,8BAA8B,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACpG;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EACxB;YACI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAC5B;IACL,CAAC;IAED;;OAEG;IACI,WAAW;IAElB,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;QACrC,IAAI,CAAC,UAAU,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IAC5D,CAAC;IAED;;OAEG;IACO,YAAY;QAElB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;iHAxIQ,oBAAoB,kBAiET,0BAA0B,0JAK1B,aAAa;qGAtExB,oBAAoB,kEAHnB,EAAE;2FAGH,oBAAoB;kBANhC,SAAS;mBACV;oBACI,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD;;0BAkEgB,MAAM;2BAAC,0BAA0B;;0BAAG,QAAQ;;0BAC5C,QAAQ;;0BAIR,MAAM;2BAAC,aAAa;;0BAAG,QAAQ","sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Inject, OnDestroy, Optional, resolveForwardRef} from '@angular/core';\nimport {MatDialog, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {NgSelectPlugin, NgSelectPluginInstances, NG_SELECT_PLUGIN_INSTANCES, PluginBus, POPUP_OPTIONS, ɵNgSelectOption} from '@anglr/select';\nimport {extend} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {BasicDialogPopupComponent} from '../../../components/basicDialogPopup/basicDialogPopup.component';\nimport {DialogPopup, DialogPopupContentComponent, DialogPopupOptions, DialogPopupComponentData} from './dialogPopup.interface';\n\n/**\n * Default options for popup\n * @internal\n */\nconst defaultOptions: DialogPopupOptions =\n{\n    dialogComponent: forwardRef(() => BasicDialogPopupComponent),\n    dialogOptions: {},\n    cssClasses:\n    {\n        dialogDiv: 'popup-div'\n    },\n    visible: false\n};\n\n/**\n * Component used for rendering basic popup with options\n */\n@Component(\n{\n    selector: 'div.ng-select-dialog-popup',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DialogPopupComponent<TComponent extends DialogPopupContentComponent<TDialogOptions, TValue, TCssClasses> = any, TValue = any, TDialogOptions = any, TCssClasses = any> implements DialogPopup, NgSelectPlugin<DialogPopupOptions<TComponent, TDialogOptions, TValue, TCssClasses>, TValue>, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    protected _options: DialogPopupOptions<TComponent, TDialogOptions, TValue, TCssClasses>;\n\n    /**\n     * Subscription for toggle popup event\n     */\n    protected _popupToggleSubscription: Subscription;\n\n    /**\n     * Subscription for popup visibility change request\n     */\n    protected _visibilityRequestSubscription: Subscription;\n\n    /**\n     * Component that is used for handling metadata selection itself\n     */\n    protected _dialogComponent?: ComponentType<TComponent>;\n\n    /**\n     * Popup dialog reference\n     */\n    protected _dialogRef?: MatDialogRef<TComponent>;\n\n    //######################### public properties - implementation of BasicPopup #########################\n\n    /**\n     * Options for NgSelect plugin\n     */\n    public get options(): DialogPopupOptions<TComponent, TDialogOptions, TValue, TCssClasses>\n    {\n        return this._options;\n    }\n    public set options(options: DialogPopupOptions<TComponent, TDialogOptions, TValue, TCssClasses>)\n    {\n        this._options = extend(true, this._options, options);\n    }\n\n    /**\n     * Occurs when visibility of popup has changed\n     */\n    public visibilityChange: EventEmitter<void> = new EventEmitter<void>();\n\n    /**\n     * Html element that represents popup itself\n     */\n    public get popupElement(): HTMLElement\n    {\n        return null;\n    }\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Array of select options available\n     * @internal\n     */\n    public selectOptions: ɵNgSelectOption[];\n\n    //######################### constructor #########################\n    constructor(@Inject(NG_SELECT_PLUGIN_INSTANCES) @Optional() public ngSelectPlugins: NgSelectPluginInstances,\n                @Optional() public pluginBus: PluginBus<TValue>,\n                public pluginElement: ElementRef,\n                protected _dialog: MatDialog,\n                protected _changeDetector: ChangeDetectorRef,\n                @Inject(POPUP_OPTIONS) @Optional() options?: DialogPopupOptions<TComponent, TDialogOptions, TValue, TCssClasses>)\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._popupToggleSubscription?.unsubscribe();\n        this._popupToggleSubscription = null;\n\n        this._visibilityRequestSubscription?.unsubscribe();\n        this._visibilityRequestSubscription = null;\n    }\n\n    //######################### public methods - implementation of BasicPopup #########################\n\n    /**\n     * Initialize plugin, to be ready to use, initialize communication with other plugins\n     */\n    public initialize()\n    {\n        this._dialogComponent = resolveForwardRef(this.options.dialogComponent);\n\n        if(!this._popupToggleSubscription)\n        {\n            this._popupToggleSubscription = this.pluginBus.togglePopup.subscribe(() => this.toggleDialog());\n        }\n\n        if(!this._visibilityRequestSubscription)\n        {\n            this._visibilityRequestSubscription = this.pluginBus.showHidePopup.subscribe(this._handleDialog);\n        }\n\n        if (this.options.visible)\n        {\n            this._handleDialog(true);\n        }\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        this._changeDetector.detectChanges();\n        this._dialogRef?.componentInstance?.invalidateVisuals();\n    }\n\n    /**\n     * Toggles dialog visibility\n     */\n    protected toggleDialog()\n    {\n        this._handleDialog(true);\n    }\n\n    /**\n     * Handles dialog visibility change\n     */\n    protected _handleDialog = (visible: boolean) =>\n    {\n        if (visible)\n        {\n            this._dialogRef = this._dialog.open<TComponent, DialogPopupComponentData<TDialogOptions, TValue, TCssClasses>>(this._dialogComponent,\n            {\n                panelClass: this.options?.cssClasses?.dialogDiv,\n                data:\n                {\n                    ngSelectPlugins: this.ngSelectPlugins,\n                    options: this.options.dialogOptions,\n                    pluginBus: this.pluginBus\n                }\n            });\n        }\n        else\n        {\n            this._dialogRef?.close();\n            this._dialogRef = null;\n        }\n    };\n}"]}

package/es2020/material/src/plugins/popup/dialog/dialogPopup.interface.js

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

package/es2020/material/src/plugins/popup/dialog/dialogPopup.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogPopup.interface.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/dialog/dialogPopup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {ComponentType} from '@angular/cdk/portal';\nimport {Popup, PopupOptions, NgSelectPluginInstances, PluginBus, VisualPluginOptions} from '@anglr/select';\n\n/**\n * Css classes for dialog popup\n */\nexport interface CssClassesDialogPopup\n{\n    /**\n     * Css class applied directly to dialog\n     */\n    dialogDiv?: string;\n}\n\n/**\n * Dialog popup options\n */\nexport interface DialogPopupOptions<TComponent extends DialogPopupContentComponent<TOptions, TValue, TCssClasses> = any, TOptions = any, TValue = any, TCssClasses = any> extends PopupOptions<CssClassesDialogPopup>\n{\n    /**\n     * Component that is used to show popup content in dialog\n     */\n    dialogComponent?: ComponentType<TComponent>;\n\n    /**\n     * Options passed to dialog component\n     */\n    dialogOptions?: TOptions;\n}\n\n/**\n * Public API for 'DialogPopupComponent'\n */\nexport interface DialogPopup extends Popup\n{\n}\n\n/**\n * Data that are passed to component that displays popup\n */\nexport interface DialogPopupComponentData<TOptions extends VisualPluginOptions<TCssClasses> = any, TValue = any, TCssClasses = any>\n{\n    /**\n     * NgSelect plugin instances available for this plugin\n     */\n    ngSelectPlugins: NgSelectPluginInstances;\n\n    /**\n     * Plugin bus used in select\n     */\n    pluginBus: PluginBus<TValue>;\n\n    /**\n     * Dialogs popup options\n     */\n    options: TOptions;\n}\n\n/**\n * Component that is rendered within dialog and represents popup\n */\nexport interface DialogPopupContentComponent<TOptions = any, TValue = any, TCssClasses = any>\n{\n    /**\n     * Data that are used for communication with Popup\n     */\n    data: DialogPopupComponentData<TOptions, TValue, TCssClasses>;\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    invalidateVisuals(): void;\n}"]}

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

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

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

@@ -1 +0,0 @@
-{"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/es2020/material/src/plugins/popup/virtualEdit/virtualEditPopup.component.js

@@ -1,89 +0,0 @@
-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/common";
-import * as i2 from "@angular/cdk/scrolling";
-//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(() => {
-                const viewportElement = this.viewPort?.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(() => {
-                const viewportElement = this.viewPort?.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() {
-        const activeOption = this.availableOptions.find(itm => itm.active);
-        const index = activeOption ? this.availableOptions.indexOf(activeOption) : 0;
-        this.viewPort?.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: "15.0.4", ngImport: i0, type: VirtualEditPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-VirtualEditPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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/es2020/material/src/plugins/popup/virtualEdit/virtualEditPopup.component.js.map

@@ -1 +0,0 @@
-{"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/es2020/material/src/plugins/popup/virtualEdit/virtualEditPopup.interface.js

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

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

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

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

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

@@ -1 +0,0 @@
-{"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';"]}