@anglr/select 15.0.0 → 16.0.0-beta.20260226142137

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

@@ -1,89 +1,121 @@
-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: "21.1.3", ngImport: i0, type: VirtualEditPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", 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: "21.1.3", 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]
-            }] } });
+"use strict";
+// import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core';
+// import {CdkVirtualScrollViewport} from '@angular/cdk/scrolling';
+// import {EditPopupComponent, NgSelectPlugin, ɵNgSelectOption} from '@anglr/select';
+// import {VirtualEditPopup, VirtualEditPopupOptions} from './virtualEditPopup.interface';
+// //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
+//  */
+// @Component(
+// {
+//     selector: 'div.ng-select-virtual-edit-popup',
+//     templateUrl: 'virtualEditPopup.component.html',
+//     styleUrl: 'virtualEditPopup.component.scss',
+//     standalone: false,
+//     changeDetection: ChangeDetectionStrategy.OnPush
+// })
+// export class VirtualEditPopupComponent extends EditPopupComponent implements VirtualEditPopup, NgSelectPlugin<VirtualEditPopupOptions>
+// {
+//     //######################### protected properties #########################
+//     /**
+//      * Currently stored max width of displayed popup
+//      */
+//     protected _maxWidth: number = 0;
+//     //######################### public properties - children #########################
+//     // /**
+//     //  *
+//     //  */
+//     // @ViewChildren('popupOptions')
+//     // public popupOptions: QueryList<ElementRef>;
+//     /**
+//      * View port that is used for virtual scrolling
+//      */
+//     @ViewChild(CdkVirtualScrollViewport)
+//     public viewPort: CdkVirtualScrollViewport;
+//     //######################### protected properties #########################
+//     /**
+//      * Gets currently available options
+//      */
+//     protected get availableOptions(): ɵNgSelectOption[]
+//     {
+//         return this.pluginBus.selectOptions.optionsGatherer.availableOptions;
+//     }
+//     //######################### public properties #########################
+//     public override invalidateVisuals()
+//     {
+//         super.invalidateVisuals();
+//         this._scrollToOption();
+//     }
+//     /**
+//      * Toggles popup visibility
+//      */
+//     protected override togglePopup(): void
+//     {
+//         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;
+//         }
+//     }
+//     private _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;
+//         // }
+//     }
+//     // private _getOptionScrollPosition(currentScrollPosition: number)
+//     // {
+//     //     const activeOptionsElement = this.popupOptions.toArray().find(el => el.nativeElement.classList.contains('active'))?.nativeElement;
+//     //     const top = activeOptionsElement?.offsetTop;
+//     //     const bottom = top + activeOptionsElement?.offsetHeight;
+//     //     if (bottom > this.popupElement?.clientHeight + currentScrollPosition)
+//     //     {
+//     //         return Math.max(bottom - this.popupElement?.clientHeight);
+//     //     }
+//     //     else if (top < currentScrollPosition)
+//     //     {
+//     //         return Math.max(0, top);
+//     //     }
+//     //     return currentScrollPosition;
+//     // }
+// }
 //# sourceMappingURL=virtualEditPopup.component.js.map

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

@@ -1 +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>"]}
+{"version":3,"file":"virtualEditPopup.component.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/virtualEdit/virtualEditPopup.component.ts"],"names":[],"mappings":";AAAA,+EAA+E;AAC/E,mEAAmE;AACnE,qFAAqF;AAErF,0FAA0F;AAE1F,6BAA6B;AAC7B,oCAAoC;AACpC,4DAA4D;AAE5D,MAAM;AACN,kEAAkE;AAClE,MAAM;AACN,cAAc;AACd,IAAI;AACJ,oDAAoD;AACpD,sDAAsD;AACtD,mDAAmD;AACnD,yBAAyB;AACzB,sDAAsD;AACtD,KAAK;AACL,yIAAyI;AACzI,IAAI;AACJ,iFAAiF;AAEjF,UAAU;AACV,uDAAuD;AACvD,UAAU;AACV,uCAAuC;AAEvC,yFAAyF;AAEzF,aAAa;AACb,YAAY;AACZ,aAAa;AACb,uCAAuC;AACvC,qDAAqD;AAErD,UAAU;AACV,sDAAsD;AACtD,UAAU;AACV,2CAA2C;AAC3C,iDAAiD;AAEjD,iFAAiF;AAEjF,UAAU;AACV,0CAA0C;AAC1C,UAAU;AACV,0DAA0D;AAC1D,QAAQ;AACR,gFAAgF;AAChF,QAAQ;AAER,8EAA8E;AAE9E,0CAA0C;AAC1C,QAAQ;AACR,qCAAqC;AAErC,kCAAkC;AAClC,QAAQ;AAER,UAAU;AACV,kCAAkC;AAClC,UAAU;AACV,6CAA6C;AAC7C,QAAQ;AACR,+BAA+B;AAE/B,4BAA4B;AAC5B,YAAY;AACZ,8DAA8D;AAC9D,gBAAgB;AAChB,wFAAwF;AAExF,sCAAsC;AACtC,oBAAoB;AACpB,kFAAkF;AAElF,iDAAiD;AACjD,wBAAwB;AACxB,kDAAkD;AAClD,6GAA6G;AAC7G,wBAAwB;AACxB,oBAAoB;AACpB,kBAAkB;AAElB,+BAA+B;AAC/B,gBAAgB;AAChB,wFAAwF;AAExF,qGAAqG;AACrG,qBAAqB;AAErB,4GAA4G;AAC5G,iDAAiD;AACjD,YAAY;AACZ,eAAe;AACf,YAAY;AACZ,kCAAkC;AAClC,YAAY;AACZ,QAAQ;AAER,gCAAgC;AAChC,QAAQ;AACR,8EAA8E;AAC9E,wFAAwF;AAExF,+CAA+C;AAE/C,8BAA8B;AAC9B,eAAe;AACf,mCAAmC;AACnC,eAAe;AACf,kBAAkB;AAClB,eAAe;AACf,kHAAkH;AAClH,eAAe;AAEf,qCAAqC;AAErC,oCAAoC;AACpC,eAAe;AACf,+EAA+E;AAC/E,eAAe;AACf,QAAQ;AAER,yEAAyE;AACzE,WAAW;AACX,gJAAgJ;AAChJ,0DAA0D;AAC1D,sEAAsE;AAEtE,mFAAmF;AACnF,eAAe;AACf,4EAA4E;AAC5E,eAAe;AACf,mDAAmD;AACnD,eAAe;AACf,0CAA0C;AAC1C,eAAe;AAEf,2CAA2C;AAC3C,WAAW;AACX,IAAI","sourcesContent":["// import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core';\n// import {CdkVirtualScrollViewport} from '@angular/cdk/scrolling';\n// import {EditPopupComponent, NgSelectPlugin, ɵNgSelectOption} from '@anglr/select';\n\n// import {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// })\n// export 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// }"]}

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

@@ -1,2 +1,21 @@
-export {};
+"use strict";
+// import {Popup, PopupOptions} from '@anglr/select';
+// /**
+//  * Css classes for virtual edit popup
+//  */
+// export interface CssClassesVirtualEditPopup
+// {
+// }
+// /**
+//  * Virtual edit popup options
+//  */
+// export interface VirtualEditPopupOptions extends PopupOptions<CssClassesVirtualEditPopup>
+// {
+// }
+// /**
+//  * Public API for 'VirtualEditPopupComponent'
+//  */
+// export interface VirtualEditPopup extends Popup
+// {
+// }
 //# sourceMappingURL=virtualEditPopup.interface.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"virtualEditPopup.interface.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/virtualEdit/virtualEditPopup.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Popup, PopupOptions} from '@anglr/select';\n\n/**\n * Css classes for virtual edit popup\n */\nexport interface CssClassesVirtualEditPopup\n{\n}\n\n/**\n * Virtual edit popup options\n */\nexport interface VirtualEditPopupOptions extends PopupOptions<CssClassesVirtualEditPopup>\n{\n}\n\n/**\n * Public API for 'VirtualEditPopupComponent'\n */\nexport interface VirtualEditPopup extends Popup\n{\n}"]}
+{"version":3,"file":"virtualEditPopup.interface.js","sourceRoot":"","sources":["../../../../../../material/src/plugins/popup/virtualEdit/virtualEditPopup.interface.ts"],"names":[],"mappings":";AAAA,qDAAqD;AAErD,MAAM;AACN,wCAAwC;AACxC,MAAM;AACN,8CAA8C;AAC9C,IAAI;AACJ,IAAI;AAEJ,MAAM;AACN,gCAAgC;AAChC,MAAM;AACN,4FAA4F;AAC5F,IAAI;AACJ,IAAI;AAEJ,MAAM;AACN,gDAAgD;AAChD,MAAM;AACN,kDAAkD;AAClD,IAAI;AACJ,IAAI","sourcesContent":["// import {Popup, PopupOptions} from '@anglr/select';\n\n// /**\n//  * Css classes for virtual edit popup\n//  */\n// export interface CssClassesVirtualEditPopup\n// {\n// }\n\n// /**\n//  * Virtual edit popup options\n//  */\n// export interface VirtualEditPopupOptions extends PopupOptions<CssClassesVirtualEditPopup>\n// {\n// }\n\n// /**\n//  * Public API for 'VirtualEditPopupComponent'\n//  */\n// export interface VirtualEditPopup extends Popup\n// {\n// }"]}

package/es2022/src/components/index.js

@@ -0,0 +1,4 @@
+export * from './option/option.component';
+export * from './optionGroup/optgroup.component';
+export * from './select/select.component';
+//# sourceMappingURL=index.js.map

package/es2022/src/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './option/option.component';\nexport * from './optionGroup/optgroup.component';\nexport * from './select/select.component';\n"]}

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

@@ -1,39 +1,42 @@
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Component, ChangeDetectionStrategy, signal, input } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Component used for options in select component
  */
-export class OptionComponent {
+export class Option {
     constructor() {
-        //######################### public properties - template bindings #########################
+        //######################### public properties - implementation of ɵSelectOption #########################
         /**
-         * Indication whether is item active
+         * @inheritdoc
          */
-        this.active = false;
+        this.active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
         /**
-         * Indication whether this option is selected
+         * @inheritdoc
          */
-        this.selected = false;
-        //######################### public properties #########################
+        this.selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+        //######################### public properties - implementation of SelectOption #########################
         /**
-         * If specified this option will be displayed in group
+         * @inheritdoc
          */
-        this.group = null;
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+        /**
+         * @inheritdoc
+         */
+        this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+        /**
+         * @inheritdoc
+         */
+        this.group = signal(null, ...(ngDevMode ? [{ debugName: "group" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: OptionComponent, isStandalone: false, selector: "ng-option", inputs: { value: "value", text: "text" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Option, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: Option, isStandalone: true, selector: "ng-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: Option, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-option',
                     template: '',
-                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }] } });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 //# sourceMappingURL=option.component.js.map

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

@@ -1 +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;;sBAoBI,KAAK;;sBAML,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}"]}
+{"version":3,"file":"option.component.js","sourceRoot":"","sources":["../../../../src/components/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAkB,MAAM,EAAe,KAAK,EAAS,MAAM,eAAe,CAAC;;AAIrH;;GAEG;AAOH,MAAM,OAAO,MAAM;IANnB;QAQI,yGAAyG;QAEzG;;WAEG;QACI,WAAM,GAA4B,MAAM,CAAC,KAAK,kDAAC,CAAC;QAEvD;;WAEG;QACI,aAAQ,GAA4B,MAAM,CAAC,KAAK,oDAAC,CAAC;QAEzD,wGAAwG;QAExG;;WAEG;QACI,UAAK,GAAuC,KAAK,2DAAE,CAAC;QAE3D;;WAEG;QACI,SAAI,GAAwB,KAAK,CAAC,EAAE,gDAAC,CAAC;QAE7C;;WAEG;QACI,UAAK,GAA6C,MAAM,CAAC,IAAI,iDAAC,CAAC;KACzE;8GA9BY,MAAM;kGAAN,MAAM,8TAHL,EAAE;;2FAGH,MAAM;kBANlB,SAAS;mBACV;oBACI,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD","sourcesContent":["import {Component, ChangeDetectionStrategy, WritableSignal, signal, InputSignal, input, Signal} from '@angular/core';\n\nimport {ɵSelectOption, SelectOptionGroup} from '../../interfaces';\n\n/**\n * Component used for options in select component\n */\n@Component(\n{\n    selector: 'ng-option',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class Option<TValue = unknown> implements ɵSelectOption<TValue>\n{\n    //######################### public properties - implementation of ɵSelectOption #########################\n\n    /**\n     * @inheritdoc\n     */\n    public active: WritableSignal<boolean> = signal(false);\n\n    /**\n     * @inheritdoc\n     */\n    public selected: WritableSignal<boolean> = signal(false);\n\n    //######################### public properties - implementation of SelectOption #########################\n\n    /**\n     * @inheritdoc\n     */\n    public value: InputSignal<TValue|undefined|null> = input();\n\n    /**\n     * @inheritdoc\n     */\n    public text: InputSignal<string> = input('');\n\n    /**\n     * @inheritdoc\n     */\n    public group: Signal<SelectOptionGroup|undefined|null> = signal(null);\n}\n"]}

package/es2022/src/components/optionGroup/optgroup.component.js

@@ -0,0 +1,29 @@
+import { Component, ChangeDetectionStrategy, input } from '@angular/core';
+import { generateId } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Component used for option group in select component
+ */
+export class OptGroup {
+    constructor() {
+        /**
+         * @inheritdoc
+         */
+        this.id = generateId(10);
+        /**
+         * @inheritdoc
+         */
+        this.text = input.required(...(ngDevMode ? [{ debugName: "text" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: OptGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: OptGroup, isStandalone: true, selector: "ng-option-group", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: OptGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-option-group',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }] } });
+//# sourceMappingURL=optgroup.component.js.map

package/es2022/src/components/optionGroup/optgroup.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.component.js","sourceRoot":"","sources":["../../../../src/components/optionGroup/optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAA2B,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;;AAI1C;;GAEG;AAOH,MAAM,OAAO,QAAQ;IANrB;QAeI;;WAEG;QACa,OAAE,GAAW,UAAU,CAAC,EAAE,CAAC,CAAC;QAE5C;;WAEG;QACI,SAAI,GAAwB,KAAK,CAAC,QAAQ,+CAAE,CAAC;KACvD;8GAlBY,QAAQ;kGAAR,QAAQ,2MAHP,EAAE;;2FAGH,QAAQ;kBANpB,SAAS;mBACV;oBACI,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,EAAE;oBACZ,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD","sourcesContent":["import {Component, ChangeDetectionStrategy, input, InputSignal, TemplateRef} from '@angular/core';\nimport {generateId} from '@jscrpt/common';\n\nimport {SelectOptionGroup} from '../../interfaces';\n\n/**\n * Component used for option group in select component\n */\n@Component(\n{\n    selector: 'ng-option-group',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class OptGroup implements SelectOptionGroup\n{\n    //######################### public properties - implementation of SelectOptionGroup #########################\n\n    /**\n     * @inheritdoc\n     */\n    public template: TemplateRef<{$implicit: string}>|undefined|null;\n\n    /**\n     * @inheritdoc\n     */\n    public readonly id: string = generateId(10);\n\n    /**\n     * @inheritdoc\n     */\n    public text: InputSignal<string> = input.required();\n}\n"]}