@anglr/select 12.0.0 → 13.0.0-beta.20250127113535

package/changelog.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## Version 13.0.0 (2025-01-27)
+
+### Features
+
+- all pipes and directives are now `standalone`
+
+### BREAKING CHANGES
+
+- minimal supported version of `NodeJs` is `18`
+- minimal supported version of `@angular` is `19.1.0`
+- minimal supported version of `@jscrpt/common` is `7.0.0`
+- minimal supported version of `@anglr/common` is `22.0.0`
+- minimal supported version of `rxjs` is `7.5.7`
+- minimal supported version of `tslib` is `2.8.1`
+- removed *unused* submodule `@anglr/select/elements`, no replacement
+
 ## Version 12.0.0 (2023-01-09)
 
 ### Features

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

@@ -0,0 +1 @@
+{"version":3,"file":"reinitializeOptions.js","sourceRoot":"","sources":["../../../../extensions/src/extensions/reinitializeOptions.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAe,OAAiC;IAE/E,OAAO,QAAQ,CAAC,EAAE;QAEd,IAAG,OAAO,EACV,CAAC;YACG,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;QACrC,CAAC;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/es2022/material/src/components/basicDialogPopup/basicDialogPopup.component.js

@@ -0,0 +1,73 @@
+import { Component, ChangeDetectionStrategy, Inject, ChangeDetectorRef } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { extend } from '@jscrpt/common/extend';
+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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: BasicDialogPopupComponent, deps: [{ token: i1.MatDialogRef }, { token: i0.ChangeDetectorRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: BasicDialogPopupComponent, isStandalone: false, 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: "19.1.0", ngImport: i0, type: BasicDialogPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-select-basic-dialog-popup', standalone: false, 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: () => [{ type: i1.MatDialogRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+//# sourceMappingURL=basicDialogPopup.component.js.map

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

@@ -0,0 +1 @@
+{"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,uBAAuB,CAAC;;;;AAM7C;;;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;AASH,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,CAAC;YACG,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,CAAC;YAC9C,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;YAEvC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QACjC,CAAC;QAED,IAAG,CAAC,IAAI,CAAC,gBAAgB,EACzB,CAAC;YACG,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;QACP,CAAC;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;8GAjFQ,yBAAyB,+EA6Bd,eAAe;kGA7B1B,yBAAyB,yFClCtC,6tBAYM;;2FDsBO,yBAAyB;kBARrC,SAAS;+BAEI,8BAA8B,cAG5B,KAAK,mBACA,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/extend';\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    styleUrl: 'basicDialogPopup.component.css',\n    standalone: false,\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 → es2022}/material/src/directives/dialogPopup/dialogPopup.directive.js

@@ -47,15 +47,15 @@ export class DialogPopupDirective {
             }));
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DialogPopupDirective, deps: [{ token: i1.NgSelectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: DialogPopupDirective, isStandalone: true, selector: "ng-select[dialogPopup]", inputs: { popupType: ["dialogPopup", "popupType"], dialogPopupOptions: "dialogPopupOptions" }, providers: [
+            {
+                provide: POPUP_TYPE,
+                useValue: DialogPopupComponent
+            }
+        ], usesOnChanges: true, ngImport: i0 }); }
 }
-DialogPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupDirective, deps: [{ token: i1.NgSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
-DialogPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DialogPopupDirective, selector: "ng-select[dialogPopup]", inputs: { popupType: ["dialogPopup", "popupType"], dialogPopupOptions: "dialogPopupOptions" }, providers: [
-        {
-            provide: POPUP_TYPE,
-            useValue: DialogPopupComponent
-        }
-    ], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DialogPopupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-select[dialogPopup]',
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                         }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.NgSelectComponent }]; }, propDecorators: { popupType: [{
+        }], ctorParameters: () => [{ type: i1.NgSelectComponent }], propDecorators: { popupType: [{
                 type: Input,
                 args: ['dialogPopup']
             }], dialogPopupOptions: [{

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

@@ -0,0 +1 @@
+{"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,CAAC;YACG,OAAO,GAAG,IAAI,CAAC;YAEf,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;QAC7C,CAAC;QAED,IAAG,MAAM,CAAuB,oBAAoB,CAAC,IAAI,OAAO,EAChE,CAAC;YACG,OAAO,GAAG,IAAI,CAAC;YAEf,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC;QACpD,CAAC;QAED,IAAG,OAAO,EACV,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CACjC;gBACI,OAAO,EACP;oBACI,KAAK,EACL;wBACI,OAAO,EAAE,OAAO;qBACnB;iBACJ;aACJ,CAAC,CAAC,CAAC;QACR,CAAC;IACL,CAAC;8GA1DQ,oBAAoB;kGAApB,oBAAoB,oKAR7B;YAEI;gBACI,OAAO,EAAE,UAAU;gBACnB,QAAQ,EAAE,oBAAoB;aACjC;SACJ;;2FAEQ,oBAAoB;kBAZhC,SAAS;mBACV;oBACI,QAAQ,EAAE,wBAAwB;oBAClC,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,UAAU;4BACnB,QAAQ,EAAE,oBAAoB;yBACjC;qBACJ;iBACJ;sFASU,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/{es2015 → es2022}/material/src/modules/dialogPopup.module.js

@@ -9,32 +9,32 @@ import * as i0 from "@angular/core";
  * Module allows using of angular material dialog for select popup
  */
 export class NgSelectDialogPopupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NgSelectDialogPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: NgSelectDialogPopupModule, declarations: [DialogPopupComponent,
+            BasicDialogPopupComponent], imports: [CommonModule,
+            MatDialogModule,
+            DialogPopupDirective], exports: [DialogPopupComponent,
+            DialogPopupDirective,
+            BasicDialogPopupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NgSelectDialogPopupModule, imports: [CommonModule,
+            MatDialogModule] }); }
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NgSelectDialogPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        MatDialogModule
+                        MatDialogModule,
+                        DialogPopupDirective,
                     ],
                     declarations: [
                         DialogPopupComponent,
                         BasicDialogPopupComponent,
-                        DialogPopupDirective
                     ],
                     exports: [
                         DialogPopupComponent,
+                        DialogPopupDirective,
                         BasicDialogPopupComponent,
-                        DialogPopupDirective
                     ]
                 }]
         }] });

package/{es2015 → es2022}/material/src/modules/dialogPopup.module.js.map

@@ -1 +1 @@
-{"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}"]}
+{"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;8GAAzB,yBAAyB;+GAAzB,yBAAyB,iBAV9B,oBAAoB;YACpB,yBAAyB,aAPzB,YAAY;YACZ,eAAe;YACf,oBAAoB,aASpB,oBAAoB;YACpB,oBAAoB;YACpB,yBAAyB;+GAGpB,yBAAyB,YAhB9B,YAAY;YACZ,eAAe;;2FAeV,yBAAyB;kBApBrC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;wBACZ,eAAe;wBACf,oBAAoB;qBACvB;oBACD,YAAY,EACZ;wBACI,oBAAoB;wBACpB,yBAAyB;qBAC5B;oBACD,OAAO,EACP;wBACI,oBAAoB;wBACpB,oBAAoB;wBACpB,yBAAyB;qBAC5B;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        DialogPopupDirective,\n    ],\n    declarations:\n    [\n        DialogPopupComponent,\n        BasicDialogPopupComponent,\n    ],\n    exports:\n    [\n        DialogPopupComponent,\n        DialogPopupDirective,\n        BasicDialogPopupComponent,\n    ]\n})\nexport class NgSelectDialogPopupModule\n{\n}"]}

package/{es2015 → es2022}/material/src/modules/virtualEditPopup.module.js

@@ -7,13 +7,13 @@ import * as i0 from "@angular/core";
  * Module for VirtualEditPopup components, can also by used for non edit version
  */
 export class VirtualEditPopupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: VirtualEditPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: VirtualEditPopupModule, declarations: [VirtualEditPopupComponent], imports: [CommonModule,
+            ScrollingModule], exports: [VirtualEditPopupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: VirtualEditPopupModule, imports: [CommonModule,
+            ScrollingModule] }); }
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: VirtualEditPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/{es2015 → es2022}/material/src/modules/virtualEditPopup.module.js.map

@@ -1 +1 @@
-{"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"]}
+{"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;8GAAtB,sBAAsB;+GAAtB,sBAAsB,iBAP3B,yBAAyB,aALzB,YAAY;YACZ,eAAe,aAQf,yBAAyB;+GAGpB,sBAAsB,YAZ3B,YAAY;YACZ,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 → es2022}/material/src/plugins/popup/dialog/dialogPopup.component.js

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Inject, Optional, resolveForwardRef } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { NG_SELECT_PLUGIN_INSTANCES, PluginBus, POPUP_OPTIONS } from '@anglr/select';
-import { extend } from '@jscrpt/common';
+import { extend } from '@jscrpt/common/extend';
 import { BasicDialogPopupComponent } from '../../../components/basicDialogPopup/basicDialogPopup.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@anglr/select";
@@ -22,6 +22,22 @@ const defaultOptions = {
  * Component used for rendering basic popup with options
  */
 export class DialogPopupComponent {
+    //######################### public properties - implementation of BasicPopup #########################
+    /**
+     * Options for NgSelect plugin
+     */
+    get options() {
+        return this._options;
+    }
+    set options(options) {
+        this._options = extend(true, this._options, options);
+    }
+    /**
+     * Html element that represents popup itself
+     */
+    get popupElement() {
+        return null;
+    }
     //######################### constructor #########################
     constructor(ngSelectPlugins, pluginBus, pluginElement, _dialog, _changeDetector, options) {
         this.ngSelectPlugins = ngSelectPlugins;
@@ -54,22 +70,6 @@ export class DialogPopupComponent {
         };
         this._options = extend(true, {}, defaultOptions, options);
     }
-    //######################### public properties - implementation of BasicPopup #########################
-    /**
-     * Options for NgSelect plugin
-     */
-    get options() {
-        return this._options;
-    }
-    set options(options) {
-        this._options = extend(true, this._options, options);
-    }
-    /**
-     * Html element that represents popup itself
-     */
-    get popupElement() {
-        return null;
-    }
     //######################### public methods - implementation of OnDestroy #########################
     /**
      * Called when component is destroyed
@@ -114,17 +114,18 @@ export class DialogPopupComponent {
     toggleDialog() {
         this._handleDialog(true);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DialogPopupComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: POPUP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: DialogPopupComponent, isStandalone: false, selector: "div.ng-select-dialog-popup", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-DialogPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupComponent, deps: [{ token: NG_SELECT_PLUGIN_INSTANCES, optional: true }, { token: i1.PluginBus, optional: true }, { token: i0.ElementRef }, { token: i2.MatDialog }, { token: i0.ChangeDetectorRef }, { token: POPUP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DialogPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DialogPopupComponent, selector: "div.ng-select-dialog-popup", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DialogPopupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'div.ng-select-dialog-popup',
                     template: '',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [NG_SELECT_PLUGIN_INSTANCES]
                 }, {
@@ -136,5 +137,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     args: [POPUP_OPTIONS]
                 }, {
                     type: Optional
-                }] }]; } });
+                }] }] });
 //# sourceMappingURL=dialogPopup.component.js.map

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

@@ -0,0 +1 @@
+{"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,uBAAuB,CAAC;AAG7C,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;AAQH,MAAM,OAAO,oBAAoB;IA6B7B,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;IAUD,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,CAAC;gBACG,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;YACP,CAAC;iBAED,CAAC;gBACG,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAC3B,CAAC;QACL,CAAC,CAAC;QAzFE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAED,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,CAAC;YACG,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACpG,CAAC;QAED,IAAG,CAAC,IAAI,CAAC,8BAA8B,EACvC,CAAC;YACG,IAAI,CAAC,8BAA8B,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACrG,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EACxB,CAAC;YACG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;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;8GAxIQ,oBAAoB,kBAiET,0BAA0B,0JAK1B,aAAa;kGAtExB,oBAAoB,uFAJnB,EAAE;;2FAIH,oBAAoB;kBAPhC,SAAS;mBACV;oBACI,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,KAAK;oBACjB,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/extend';\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    standalone: false,\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}\n"]}

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

@@ -0,0 +1,89 @@
+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;
+        // }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: VirtualEditPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: VirtualEditPopupComponent, isStandalone: false, 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: "19.1.0", ngImport: i0, type: VirtualEditPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div.ng-select-virtual-edit-popup', standalone: false, 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/es2022/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    styleUrl: 'virtualEditPopup.component.scss',\n    standalone: false,\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 → es2022}/src/components/option/optgroup.component.js

@@ -34,14 +34,15 @@ export class OptGroupComponent {
             this._optionsChange.emit();
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: OptGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: OptGroupComponent, isStandalone: false, selector: "ng-select>ng-optgroup", inputs: { text: "text" }, viewQueries: [{ propertyName: "optionsChildren", predicate: OptionComponent, descendants: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-OptGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OptGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OptGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: "15.0.4", ngImport: i0, type: OptGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: OptGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-select>ng-optgroup',
                     template: '',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { optionsChildren: [{

package/es2022/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;AAQH,MAAM,OAAO,iBAAiB;IAP9B;QASI,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,gJAiCZ,eAAe,gDArCnB,EAAE;;2FAIH,iBAAiB;kBAP7B,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,KAAK;oBACjB,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    standalone: false,\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/{es2020 → es2022}/src/components/option/option.component.js

@@ -20,14 +20,15 @@ export class OptionComponent {
          */
         this.group = null;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: OptionComponent, isStandalone: false, selector: "ng-option", inputs: { value: "value", text: "text" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: "15.0.4", ngImport: i0, type: OptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: OptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-option',
                     template: '',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { value: [{

package/es2022/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;AAQH,MAAM,OAAO,eAAe;IAP5B;QASI,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;8GAlCY,eAAe;kGAAf,eAAe,gHAJd,EAAE;;2FAIH,eAAe;kBAP3B,SAAS;mBACV;oBACI,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,KAAK;oBACjB,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    standalone: false,\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}"]}