@nativescript-community/ui-collectionview 4.0.54 → 4.0.57

package/angular/fesm2015/nativescript-community-ui-collectionview-angular.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵisListLikeIterable, ElementRef, IterableDiffers, TemplateRef, ViewContainerRef, Component, ChangeDetectionStrategy, Inject, ViewChild, Output, ContentChild, Input, Directive, Host, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { EventEmitter, ɵisListLikeIterable, ElementRef, IterableDiffers, NgZone, TemplateRef, ViewContainerRef, Component, ChangeDetectionStrategy, Inject, ViewChild, Output, ContentChild, Input, HostListener, Directive, Host, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { CollectionView, ListViewViewTypes, CLog, CLogTypes } from '@nativescript-community/ui-collectionview';
-import { registerElement, extractSingleViewRecursive } from '@nativescript/angular';
+import * as i1 from '@nativescript/angular';
+import { registerElement, DetachedLoader, NativeScriptRendererFactory, extractSingleViewRecursive } from '@nativescript/angular';
 import { ObservableArray, Trace, LayoutBase } from '@nativescript/core';
 
 const _c0 = ["loader"];
@@ -17,25 +18,31 @@ class ItemContext {
     }
 }
 class CollectionViewComponent {
-    constructor(_elementRef, _iterableDiffers) {
+    constructor(_elementRef, _iterableDiffers, _renderer, _ngZone) {
+        this._elementRef = _elementRef;
         this._iterableDiffers = _iterableDiffers;
+        this._renderer = _renderer;
+        this._ngZone = _ngZone;
         this.setupItemView = new EventEmitter();
-        this.itemViewLoader = (viewType) => {
+        this.autoReuseViews = false;
+        this.itemViewLoader = (viewType) => this._ngZone.run(() => {
             switch (viewType) {
                 case ListViewViewTypes.ItemView:
                     if (this._itemTemplate && this.loader) {
-                        const nativeItem = this.loader.createEmbeddedView(this._itemTemplate, new ItemContext(), 0);
-                        const typedView = getItemViewRoot(nativeItem);
-                        typedView[NG_VIEW] = nativeItem;
+                        const typedView = this.getOrCreate(this._itemTemplate);
                         return typedView;
                     }
                     break;
             }
             return null;
-        };
+        });
+        this.viewPool = new Map();
+        this.viewToTemplate = new WeakMap();
+        this.viewToLoader = new WeakMap();
         this._collectionView = _elementRef.nativeElement;
         this._collectionView.on(CollectionView.itemLoadingEvent, this.onItemLoading, this);
         this._collectionView.itemViewLoader = this.itemViewLoader;
+        this._loaders = [];
     }
     get nativeElement() {
         return this._collectionView;
@@ -43,6 +50,14 @@ class CollectionViewComponent {
     get listView() {
         return this._collectionView;
     }
+    detachedLoaderFactory() {
+        const ref = this.loader.createComponent(DetachedLoader, {
+            index: 0
+        });
+        this.loader.detach(0);
+        this._loaders.push(ref);
+        return ref;
+    }
     get itemTemplate() {
         return this._itemTemplate;
     }
@@ -72,6 +87,19 @@ class CollectionViewComponent {
     }
     ngOnDestroy() {
         this._collectionView.off(CollectionView.itemLoadingEvent, this.onItemLoading, this);
+        this._collectionView = null;
+        this._loaders.forEach((l) => l.destroy());
+        this._loaders = null;
+        this.viewToLoader = null;
+        this.viewToTemplate = null;
+        this.viewPool = null;
+        this._items = null;
+        this._differ = null;
+        this._itemTemplate = null;
+        if (this._templateMap) {
+            this._templateMap.clear();
+        }
+        this._templateMap = null;
     }
     ngDoCheck() {
         if (Trace.isEnabled()) {
@@ -136,6 +164,31 @@ class CollectionViewComponent {
         this.setupViewRef(viewRef, currentItem, index);
         this.detectChangesOnChild(viewRef, index);
     }
+    onItemRecyclingInternal(args) {
+        if (!args.view) {
+            return;
+        }
+        let ngView = args.view[NG_VIEW];
+        if (!ngView && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {
+            ngView = args.view.getChildAt(0)[NG_VIEW];
+        }
+        if (ngView) {
+            ngView.detach();
+        }
+    }
+    onItemDisposingInternal(args) {
+        if (!args.view) {
+            return;
+        }
+        let ngView = args.view[NG_VIEW];
+        if (!ngView && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {
+            ngView = args.view.getChildAt(0)[NG_VIEW];
+        }
+        if (ngView) {
+            ngView.detach();
+            this.storeViewRef(ngView);
+        }
+    }
     setupViewRef(view, data, index) {
         const context = view.context;
         context.$implicit = data;
@@ -158,6 +211,58 @@ class CollectionViewComponent {
             return resultView;
         };
     }
+    storeViewRef(viewRef) {
+        var _a;
+        const templateRef = this.viewToTemplate.get(viewRef);
+        if (templateRef) {
+            const scrap = this.viewPool.get(templateRef);
+            if (scrap) {
+                if (scrap.scrapHead.size >= scrap.scrapSize) {
+                    viewRef.destroy();
+                    (_a = this.viewToLoader.get(viewRef)) === null || _a === void 0 ? void 0 : _a.destroy();
+                }
+                else {
+                    scrap.scrapHead.add(viewRef);
+                }
+            }
+        }
+    }
+    getOrCreate(templateRef) {
+        return this._ngZone.run(() => {
+            let viewRef = this.getView(templateRef);
+            if (!viewRef) {
+                const loader = this.detachedLoaderFactory();
+                viewRef = loader.instance.vc.createEmbeddedView(templateRef, new ItemContext(), 0);
+                this.viewToLoader.set(viewRef, loader);
+                this.viewToTemplate.set(viewRef, templateRef);
+            }
+            viewRef.detach();
+            const resultView = getItemViewRoot(viewRef);
+            resultView[NG_VIEW] = viewRef;
+            resultView.reusable = this.autoReuseViews;
+            return resultView;
+        });
+    }
+    getView(templateRef) {
+        const pool = this.getViewPool(templateRef);
+        while (pool.scrapHead.size > 0) {
+            const viewRef = pool.scrapHead.values().next().value;
+            pool.scrapHead.delete(viewRef);
+            if (!viewRef.destroyed) {
+                return viewRef;
+            }
+        }
+        return null;
+    }
+    getViewPool(templateRef) {
+        if (!this.viewPool.has(templateRef)) {
+            this.viewPool.set(templateRef, {
+                scrapSize: this.autoReuseViews ? Infinity : 0,
+                scrapHead: new Set()
+            });
+        }
+        return this.viewPool.get(templateRef);
+    }
     setItemTemplates() {
         this.itemTemplate = this.itemTemplateQuery;
         if (this._templateMap) {
@@ -187,7 +292,7 @@ class CollectionViewComponent {
         }
     }
 }
-CollectionViewComponent.ɵfac = function CollectionViewComponent_Factory(t) { return new (t || CollectionViewComponent)(i0.ɵɵdirectiveInject(ElementRef), i0.ɵɵdirectiveInject(IterableDiffers)); };
+CollectionViewComponent.ɵfac = function CollectionViewComponent_Factory(t) { return new (t || CollectionViewComponent)(i0.ɵɵdirectiveInject(ElementRef), i0.ɵɵdirectiveInject(IterableDiffers), i0.ɵɵdirectiveInject(NativeScriptRendererFactory), i0.ɵɵdirectiveInject(NgZone)); };
 CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewComponent, selectors: [["CollectionView"]], contentQueries: function CollectionViewComponent_ContentQueries(rf, ctx, dirIndex) {
         if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, TemplateRef, 7, TemplateRef);
@@ -204,7 +309,11 @@ CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewCom
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loader = _t.first);
         }
-    }, inputs: { itemTemplate: "itemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, decls: 3, vars: 0, consts: [["loader", ""]], template: function CollectionViewComponent_Template(rf, ctx) {
+    }, hostBindings: function CollectionViewComponent_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("itemLoading", function CollectionViewComponent_itemLoading_HostBindingHandler($event) { return ctx.onItemLoading($event); })("itemRecycling", function CollectionViewComponent_itemRecycling_HostBindingHandler($event) { return ctx.onItemRecyclingInternal($event); })("itemDisposing", function CollectionViewComponent_itemDisposing_HostBindingHandler($event) { return ctx.onItemDisposingInternal($event); });
+        }
+    }, inputs: { autoReuseViews: "autoReuseViews", itemTemplate: "itemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, decls: 3, vars: 0, consts: [["loader", ""]], template: function CollectionViewComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "DetachedContainer");
             i0.ɵɵelement(1, "Placeholder", null, 0);
@@ -230,6 +339,12 @@ CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewCom
                     }] }, { type: i0.IterableDiffers, decorators: [{
                         type: Inject,
                         args: [IterableDiffers]
+                    }] }, { type: i1.NativeScriptRendererFactory, decorators: [{
+                        type: Inject,
+                        args: [NativeScriptRendererFactory]
+                    }] }, { type: i0.NgZone, decorators: [{
+                        type: Inject,
+                        args: [NgZone]
                     }] }];
     }, { loader: [{
                 type: ViewChild,
@@ -239,10 +354,21 @@ CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewCom
             }], itemTemplateQuery: [{
                 type: ContentChild,
                 args: [TemplateRef, { read: TemplateRef, static: true }]
+            }], autoReuseViews: [{
+                type: Input
             }], itemTemplate: [{
                 type: Input
             }], items: [{
                 type: Input
+            }], onItemLoading: [{
+                type: HostListener,
+                args: ['itemLoading', ['$event']]
+            }], onItemRecyclingInternal: [{
+                type: HostListener,
+                args: ['itemRecycling', ['$event']]
+            }], onItemDisposingInternal: [{
+                type: HostListener,
+                args: ['itemDisposing', ['$event']]
             }] });
 })();
 function getItemViewRoot(viewRef, rootLocator = extractSingleViewRecursive) {

package/angular/fesm2015/nativescript-community-ui-collectionview-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nativescript-community-ui-collectionview-angular.mjs","sources":["../../../../src/collectionview/angular/collectionview-comp.ts","../../../../src/collectionview/angular/index.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive,\n    DoCheck,\n    ElementRef,\n    EmbeddedViewRef,\n    EventEmitter,\n    Host,\n    Inject,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    TemplateRef,\n    ViewChild,\n    ViewContainerRef,\n    ɵisListLikeIterable as isListLikeIterable\n} from '@angular/core';\nimport { CLog, CLogTypes, CollectionView, CollectionViewItemEventData, ListViewViewTypes } from '@nativescript-community/ui-collectionview';\nimport { extractSingleViewRecursive, registerElement } from '@nativescript/angular';\nimport { KeyedTemplate, LayoutBase, ObservableArray, Trace, View } from '@nativescript/core';\n\nregisterElement('CollectionView', () => CollectionView);\n\nconst NG_VIEW = '_ngViewRef';\n\nexport class ItemContext {\n    constructor(public $implicit?: any, public item?: any, public index?: number, public even?: boolean, public odd?: boolean) {}\n}\n\nexport interface SetupItemViewArgs {\n    view: EmbeddedViewRef<any>;\n    data: any;\n    index: number;\n    context: ItemContext;\n}\n\n@Component({\n    selector: 'CollectionView',\n    template: `\n        <DetachedContainer>\n            <Placeholder #loader></Placeholder>\n        </DetachedContainer>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CollectionViewComponent implements DoCheck, OnDestroy, AfterContentInit {\n    public get nativeElement(): any {\n        return this._collectionView;\n    }\n    public get listView(): any {\n        return this._collectionView;\n    }\n\n    @ViewChild('loader', { read: ViewContainerRef, static: true }) public loader: ViewContainerRef;\n    @Output() public setupItemView = new EventEmitter<SetupItemViewArgs>();\n    @ContentChild(TemplateRef, { read: TemplateRef, static: true }) public itemTemplateQuery: TemplateRef<ItemContext>;\n\n    @Input()\n    public get itemTemplate() {\n        return this._itemTemplate;\n    }\n    public set itemTemplate(value: any) {\n        this._itemTemplate = value;\n        this._collectionView.refresh();\n    }\n    @Input()\n    public get items() {\n        return this._items;\n    }\n    public set items(value: any) {\n        this._items = value;\n        let needDiffer = true;\n        if (value instanceof ObservableArray) {\n            needDiffer = false;\n        }\n        if (needDiffer && !this._differ && isListLikeIterable(value)) {\n            this._differ = this._iterableDiffers.find(this._items).create((_index, item) => item);\n        }\n\n        this._collectionView.items = this._items;\n    }\n\n    private _collectionView: CollectionView;\n    private _items: any;\n    private _differ: IterableDiffer<KeyedTemplate>;\n    private _itemTemplate: TemplateRef<ItemContext>;\n    private _templateMap: Map<string, KeyedTemplate>;\n\n    constructor(@Inject(ElementRef) _elementRef: ElementRef, @Inject(IterableDiffers) private _iterableDiffers: IterableDiffers) {\n        this._collectionView = _elementRef.nativeElement;\n\n        this._collectionView.on(CollectionView.itemLoadingEvent, this.onItemLoading, this);\n        this._collectionView.itemViewLoader = this.itemViewLoader;\n    }\n\n    private itemViewLoader = (viewType) => {\n        switch (viewType) {\n            case ListViewViewTypes.ItemView:\n                if (this._itemTemplate && this.loader) {\n                    const nativeItem = this.loader.createEmbeddedView(this._itemTemplate, new ItemContext(), 0);\n                    const typedView = getItemViewRoot(nativeItem);\n                    typedView[NG_VIEW] = nativeItem;\n                    return typedView;\n                }\n                break;\n        }\n        return null;\n    };\n\n    public ngAfterContentInit() {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'CollectionView.ngAfterContentInit()');\n        }\n        this.setItemTemplates();\n    }\n\n    public ngOnDestroy() {\n        this._collectionView.off(CollectionView.itemLoadingEvent, this.onItemLoading, this);\n    }\n\n    public ngDoCheck() {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'ngDoCheck() - execute differ? ' + this._differ);\n        }\n        if (this._differ) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, 'ngDoCheck() - execute differ');\n            }\n            const changes = this._differ.diff(this._items);\n            if (changes) {\n                if (Trace.isEnabled()) {\n                    CLog(CLogTypes.info, 'ngDoCheck() - refresh');\n                }\n                this.refresh();\n            }\n        }\n    }\n\n    public registerTemplate(key: string, template: TemplateRef<ItemContext>) {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'registerTemplate for key: ' + key);\n        }\n        if (!this._templateMap) {\n            this._templateMap = new Map<string, KeyedTemplate>();\n        }\n\n        const keyedTemplate = {\n            key,\n            createView: this.getItemTemplateViewFactory(template)\n        };\n\n        this._templateMap.set(key, keyedTemplate);\n    }\n\n    // @HostListener('itemLoadingInternal', ['$event'])\n    public onItemLoading(args: CollectionViewItemEventData) {\n        if (!args.view && !this.itemTemplate) {\n            return;\n        }\n        if (!this.items) return;\n        const index = args.index;\n        const items = (args.object as any).items;\n        const currentItem = typeof items.getItem === 'function' ? items.getItem(index) : items[index];\n        let viewRef: EmbeddedViewRef<ItemContext>;\n\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, `onItemLoading: ${index} - Reusing existing view`);\n        }\n\n        viewRef = args.view[NG_VIEW];\n        // Getting angular view from original element (in cases when ProxyViewContainer\n        // is used NativeScript internally wraps it in a StackLayout)\n        if (!viewRef && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {\n            viewRef = args.view.getChildAt(0)[NG_VIEW];\n        }\n\n        if (!viewRef && Trace.isEnabled()) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, `ViewReference not found for item ${index}. View recycling is not working`);\n            }\n        }\n\n        if (!viewRef) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, `onItemLoading: ${index} - Creating view from template`);\n            }\n\n            viewRef = this.loader.createEmbeddedView(this.itemTemplate, new ItemContext(), 0);\n            args.view = getItemViewRoot(viewRef);\n            args.view[NG_VIEW] = viewRef;\n        }\n\n        this.setupViewRef(viewRef, currentItem, index);\n\n        this.detectChangesOnChild(viewRef, index);\n    }\n\n    public setupViewRef(view: EmbeddedViewRef<ItemContext>, data: any, index: number): void {\n        const context = view.context;\n        context.$implicit = data;\n        context.item = data;\n        context.index = index;\n        context.even = index % 2 === 0;\n        context.odd = !context.even;\n\n        this.setupItemView.next({\n            context,\n            data,\n            index,\n            view\n        });\n    }\n\n    protected getItemTemplateViewFactory(template: TemplateRef<ItemContext>): () => View {\n        return () => {\n            const viewRef = this.loader.createEmbeddedView(template, new ItemContext(), 0);\n            const resultView = getItemViewRoot(viewRef);\n            resultView[NG_VIEW] = viewRef;\n\n            return resultView;\n        };\n    }\n\n    private setItemTemplates() {\n        // The itemTemplateQuery may be changed after list items are added that contain <template> inside,\n        // so cache and use only the original template to avoid errors.\n        this.itemTemplate = this.itemTemplateQuery;\n\n        if (this._templateMap) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, 'Setting templates');\n            }\n\n            const templates: KeyedTemplate[] = [];\n            this._templateMap.forEach((value) => {\n                templates.push(value);\n            });\n            this._collectionView.itemTemplates = templates;\n        } else {\n            // If the map was not initialized this means that there are no named templates, so we register the default one.\n            this._collectionView.itemTemplate = this.getItemTemplateViewFactory(this.itemTemplate);\n        }\n    }\n\n    private detectChangesOnChild(viewRef: EmbeddedViewRef<ItemContext>, index: number) {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'Manually detect changes in child: ' + index);\n        }\n        viewRef.markForCheck();\n        viewRef.detectChanges();\n    }\n\n    private refresh() {\n        if (this._collectionView) {\n            this._collectionView.refresh();\n        }\n    }\n}\n\nexport interface ComponentView {\n    rootNodes: any[];\n    destroy(): void;\n}\n\nexport type RootLocator = (nodes: any[], nestLevel: number) => View;\n\nexport function getItemViewRoot(viewRef: ComponentView, rootLocator: RootLocator = extractSingleViewRecursive): View {\n    const rootView = rootLocator(viewRef.rootNodes, 0);\n    return rootView;\n}\n\n@Directive({ selector: '[cvTemplateKey]' })\nexport class TemplateKeyDirective {\n    constructor(private templateRef: TemplateRef<any>, @Host() private collectionView: CollectionViewComponent) {}\n\n    @Input()\n    set cvTemplateKey(value: any) {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'cvTemplateKey: ' + value);\n        }\n        if (this.collectionView && this.templateRef) {\n            this.collectionView.registerTemplate(value.toLowerCase(), this.templateRef);\n        }\n    }\n}\n","// External\nimport { NO_ERRORS_SCHEMA, NgModule } from '@angular/core';\n\nimport { CollectionViewComponent, TemplateKeyDirective } from './collectionview-comp';\nexport { CollectionViewComponent, TemplateKeyDirective } from './collectionview-comp';\n\n@NgModule({\n    declarations: [CollectionViewComponent, TemplateKeyDirective],\n    exports: [CollectionViewComponent, TemplateKeyDirective],\n    schemas: [NO_ERRORS_SCHEMA]\n})\nexport class CollectionViewModule {}\n"],"names":["isListLikeIterable"],"mappings":";;;;;;;AA0BA,eAAe,CAAC,gBAAgB,EAAE,MAAM,cAAc,CAAC,CAAC;AAExD,MAAM,OAAO,GAAG,YAAY,CAAC;MAEhB,WAAW,CAAA;IACpB,WAAmB,CAAA,SAAe,EAAS,IAAU,EAAS,KAAc,EAAS,IAAc,EAAS,GAAa,EAAA;AAAtG,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAM;AAAS,QAAA,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAM;AAAS,QAAA,IAAK,CAAA,KAAA,GAAL,KAAK,CAAS;AAAS,QAAA,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAU;AAAS,QAAA,IAAG,CAAA,GAAA,GAAH,GAAG,CAAU;KAAI;AAChI,CAAA;MAkBY,uBAAuB,CAAA;IA2ChC,WAAgC,CAAA,WAAuB,EAAmC,gBAAiC,EAAA;AAAjC,QAAA,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAiB;AAlC1G,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAqB,CAAC;AAyC/D,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,QAAQ,KAAI;AAClC,YAAA,QAAQ,QAAQ;gBACZ,KAAK,iBAAiB,CAAC,QAAQ;AAC3B,oBAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,EAAE;AACnC,wBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5F,wBAAA,MAAM,SAAS,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;AAC9C,wBAAA,SAAS,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;AAChC,wBAAA,OAAO,SAAS,CAAC;AACpB,qBAAA;oBACD,MAAM;AACb,aAAA;AACD,YAAA,OAAO,IAAI,CAAC;AAChB,SAAC,CAAC;AAlBE,QAAA,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC;AAEjD,QAAA,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,cAAc,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACnF,IAAI,CAAC,eAAe,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;KAC7D;AA/CD,IAAA,IAAW,aAAa,GAAA;QACpB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC/B;AACD,IAAA,IAAW,QAAQ,GAAA;QACf,OAAO,IAAI,CAAC,eAAe,CAAC;KAC/B;AAMD,IAAA,IACW,YAAY,GAAA;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;KAC7B;IACD,IAAW,YAAY,CAAC,KAAU,EAAA;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;AAC3B,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;KAClC;AACD,IAAA,IACW,KAAK,GAAA;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;IACD,IAAW,KAAK,CAAC,KAAU,EAAA;AACvB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,UAAU,GAAG,IAAI,CAAC;QACtB,IAAI,KAAK,YAAY,eAAe,EAAE;YAClC,UAAU,GAAG,KAAK,CAAC;AACtB,SAAA;QACD,IAAI,UAAU,IAAI,CAAC,IAAI,CAAC,OAAO,IAAIA,mBAAkB,CAAC,KAAK,CAAC,EAAE;YAC1D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC;AACzF,SAAA;QAED,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;KAC5C;IA6BM,kBAAkB,GAAA;AACrB,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;AACnB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,qCAAqC,CAAC,CAAC;AAC/D,SAAA;QACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;IAEM,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,cAAc,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;KACvF;IAEM,SAAS,GAAA;AACZ,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,gCAAgC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;AACzE,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;AACnB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,8BAA8B,CAAC,CAAC;AACxD,aAAA;AACD,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC/C,YAAA,IAAI,OAAO,EAAE;AACT,gBAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;AACnB,oBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;AACjD,iBAAA;gBACD,IAAI,CAAC,OAAO,EAAE,CAAC;AAClB,aAAA;AACJ,SAAA;KACJ;IAEM,gBAAgB,CAAC,GAAW,EAAE,QAAkC,EAAA;AACnE,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,4BAA4B,GAAG,GAAG,CAAC,CAAC;AAC5D,SAAA;AACD,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACpB,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,EAAyB,CAAC;AACxD,SAAA;AAED,QAAA,MAAM,aAAa,GAAG;YAClB,GAAG;AACH,YAAA,UAAU,EAAE,IAAI,CAAC,0BAA0B,CAAC,QAAQ,CAAC;SACxD,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;KAC7C;AAGM,IAAA,aAAa,CAAC,IAAiC,EAAA;QAClD,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YAClC,OAAO;AACV,SAAA;QACD,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;AACxB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AACzB,QAAA,MAAM,KAAK,GAAI,IAAI,CAAC,MAAc,CAAC,KAAK,CAAC;QACzC,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,OAAO,KAAK,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AAC9F,QAAA,IAAI,OAAqC,CAAC;AAE1C,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAkB,eAAA,EAAA,KAAK,CAA0B,wBAAA,CAAA,CAAC,CAAC;AAC3E,SAAA;AAED,QAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAG7B,QAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,YAAY,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE;AACjF,YAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AAC9C,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;AAC/B,YAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAoC,iCAAA,EAAA,KAAK,CAAiC,+BAAA,CAAA,CAAC,CAAC;AACpG,aAAA;AACJ,SAAA;QAED,IAAI,CAAC,OAAO,EAAE;AACV,YAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAkB,eAAA,EAAA,KAAK,CAAgC,8BAAA,CAAA,CAAC,CAAC;AACjF,aAAA;AAED,YAAA,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;AAClF,YAAA,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AAChC,SAAA;QAED,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAE/C,QAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;KAC7C;AAEM,IAAA,YAAY,CAAC,IAAkC,EAAE,IAAS,EAAE,KAAa,EAAA;AAC5E,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC7B,QAAA,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;AACzB,QAAA,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AACpB,QAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QACtB,OAAO,CAAC,IAAI,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC;AAE5B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACpB,OAAO;YACP,IAAI;YACJ,KAAK;YACL,IAAI;AACP,SAAA,CAAC,CAAC;KACN;AAES,IAAA,0BAA0B,CAAC,QAAkC,EAAA;AACnE,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,EAAE,IAAI,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC;AAC/E,YAAA,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAC5C,YAAA,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AAE9B,YAAA,OAAO,UAAU,CAAC;AACtB,SAAC,CAAC;KACL;IAEO,gBAAgB,GAAA;AAGpB,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAE3C,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;AACnB,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AAC7C,aAAA;YAED,MAAM,SAAS,GAAoB,EAAE,CAAC;YACtC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AAChC,gBAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC1B,aAAC,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,SAAS,CAAC;AAClD,SAAA;AAAM,aAAA;AAEH,YAAA,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC1F,SAAA;KACJ;IAEO,oBAAoB,CAAC,OAAqC,EAAE,KAAa,EAAA;AAC7E,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,oCAAoC,GAAG,KAAK,CAAC,CAAC;AACtE,SAAA;QACD,OAAO,CAAC,YAAY,EAAE,CAAC;QACvB,OAAO,CAAC,aAAa,EAAE,CAAC;KAC3B;IAEO,OAAO,GAAA;QACX,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;AAClC,SAAA;KACJ;;8FAnNQ,uBAAuB,EAAA,EAAA,CAAA,iBAAA,CA2CZ,UAAU,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAmC,eAAe,CAAA,CAAA,CAAA,EAAA,CAAA;4DA3CvE,uBAAuB,EAAA,SAAA,EAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,cAAA,EAAA,SAAA,sCAAA,CAAA,EAAA,EAAA,GAAA,EAAA,QAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YAUlB,EAAA,CAAA,cAAA,CAAA,QAAA,EAAA,WAAW,KAAU,WAAW,CAAA,CAAA;;;;;;;;mCAFjB,gBAAgB,CAAA,CAAA;;;;;;;;AAdzC,YAAA,EAAmB,CAAA,cAAA,CAAA,CAAA,EAAA,mBAAA,CAAA,CAAA;YACf,EAAmC,CAAA,SAAA,CAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;YACvC,EAAoB,CAAA,YAAA,EAAA,CAAA;;;;4EAIf,uBAAuB,EAAA,CAAA;kBATnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,CAAA;;;;AAIT,IAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAClD,CAAA;;;8BA4CgB,MAAM;+BAAC,UAAU,CAAA;;8BAA4B,MAAM;+BAAC,eAAe,CAAA;;SAnCV,MAAM,EAAA,CAAA;sBAA3E,SAAS;uBAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAC5C,aAAa,EAAA,CAAA;sBAA7B,MAAM;gBACgE,iBAAiB,EAAA,CAAA;sBAAvF,YAAY;uBAAC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAGnD,YAAY,EAAA,CAAA;sBADtB,KAAK;gBASK,KAAK,EAAA,CAAA;sBADf,KAAK;;;SAyMM,eAAe,CAAC,OAAsB,EAAE,cAA2B,0BAA0B,EAAA;IACzG,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;AACnD,IAAA,OAAO,QAAQ,CAAC;AACpB,CAAC;MAGY,oBAAoB,CAAA;IAC7B,WAAoB,CAAA,WAA6B,EAAkB,cAAuC,EAAA;AAAtF,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAkB;AAAkB,QAAA,IAAc,CAAA,cAAA,GAAd,cAAc,CAAyB;KAAI;IAE9G,IACI,aAAa,CAAC,KAAU,EAAA;AACxB,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,KAAK,CAAC,CAAC;AACnD,SAAA;AACD,QAAA,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE;AACzC,YAAA,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;AAC/E,SAAA;KACJ;;AAXQ,oBAAA,CAAA,IAAA,GAAA,SAAA,4BAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,oBAAoB,6DACsD,uBAAuB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;yDADjG,oBAAoB,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,eAAA,EAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,CAAA,CAAA;;4EAApB,oBAAoB,EAAA,CAAA;kBADhC,SAAS;mBAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;;kDAE6C,uBAAuB,EAAA,UAAA,EAAA,CAAA;8BAAtD,IAAI;;SAGpD,aAAa,EAAA,CAAA;sBADhB,KAAK;;;;MC7QG,oBAAoB,CAAA;;wFAApB,oBAAoB,GAAA,CAAA,EAAA,CAAA;wDAApB,oBAAoB,EAAA,CAAA,CAAA;;;4EAApB,oBAAoB,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,uBAAuB,EAAE,oBAAoB,CAAC;AAC7D,oBAAA,OAAO,EAAE,CAAC,uBAAuB,EAAE,oBAAoB,CAAC;oBACxD,OAAO,EAAE,CAAC,gBAAgB,CAAC;iBAC9B,CAAA;;;AACY,CAAA,cAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,oBAAoB,mBAJd,uBAAuB,EAAE,oBAAoB,CAClD,EAAA,OAAA,EAAA,CAAA,uBAAuB,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;;;"}
+{"version":3,"file":"nativescript-community-ui-collectionview-angular.mjs","sources":["../../../../src/collectionview/angular/collectionview-comp.ts","../../../../src/collectionview/angular/index.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ComponentRef,\n    ContentChild,\n    Directive,\n    DoCheck,\n    ElementRef,\n    EmbeddedViewRef,\n    EventEmitter,\n    Host,\n    HostListener,\n    Inject,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    NgZone,\n    OnDestroy,\n    Output,\n    TemplateRef,\n    ViewChild,\n    ViewContainerRef,\n    ɵisListLikeIterable as isListLikeIterable\n} from '@angular/core';\nimport { CLog, CLogTypes, CollectionView, CollectionViewItemEventData, ListViewViewTypes } from '@nativescript-community/ui-collectionview';\nimport { DetachedLoader, NativeScriptRendererFactory, extractSingleViewRecursive, registerElement } from '@nativescript/angular';\nimport { KeyedTemplate, LayoutBase, ObservableArray, Trace, View } from '@nativescript/core';\n\nregisterElement('CollectionView', () => CollectionView);\n\nconst NG_VIEW = '_ngViewRef';\n\nexport class ItemContext {\n    constructor(public $implicit?: any, public item?: any, public index?: number, public even?: boolean, public odd?: boolean) {}\n}\n\nexport interface SetupItemViewArgs {\n    view: EmbeddedViewRef<any>;\n    data: any;\n    index: number;\n    context: ItemContext;\n}\n\n@Component({\n    selector: 'CollectionView',\n    template: `\n        <DetachedContainer>\n            <Placeholder #loader></Placeholder>\n        </DetachedContainer>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CollectionViewComponent implements DoCheck, OnDestroy, AfterContentInit {\n    public get nativeElement(): any {\n        return this._collectionView;\n    }\n    public get listView(): any {\n        return this._collectionView;\n    }\n\n    @ViewChild('loader', { read: ViewContainerRef, static: true }) public loader: ViewContainerRef;\n    @Output() public setupItemView = new EventEmitter<SetupItemViewArgs>();\n    @ContentChild(TemplateRef, { read: TemplateRef, static: true }) public itemTemplateQuery: TemplateRef<ItemContext>;\n\n    @Input() autoReuseViews = false;\n\n    detachedLoaderFactory() {\n        const ref = this.loader.createComponent(DetachedLoader, {\n            index: 0\n        });\n        this.loader.detach(0);\n        this._loaders.push(ref);\n        return ref;\n    }\n\n    @Input()\n    public get itemTemplate() {\n        return this._itemTemplate;\n    }\n    public set itemTemplate(value: any) {\n        this._itemTemplate = value;\n        this._collectionView.refresh();\n    }\n    @Input()\n    public get items() {\n        return this._items;\n    }\n    public set items(value: any) {\n        this._items = value;\n        let needDiffer = true;\n        if (value instanceof ObservableArray) {\n            needDiffer = false;\n        }\n        if (needDiffer && !this._differ && isListLikeIterable(value)) {\n            this._differ = this._iterableDiffers.find(this._items).create((_index, item) => item);\n        }\n\n        this._collectionView.items = this._items;\n    }\n\n    private _collectionView: CollectionView;\n    private _items: any;\n    private _differ: IterableDiffer<KeyedTemplate>;\n    private _itemTemplate: TemplateRef<ItemContext>;\n    private _templateMap: Map<string, KeyedTemplate>;\n    private _loaders: ComponentRef<DetachedLoader>[];\n\n    constructor(\n        @Inject(ElementRef) private _elementRef: ElementRef,\n        @Inject(IterableDiffers) private _iterableDiffers: IterableDiffers,\n        @Inject(NativeScriptRendererFactory) private _renderer: NativeScriptRendererFactory,\n        @Inject(NgZone) private _ngZone: NgZone\n    ) {\n        this._collectionView = _elementRef.nativeElement;\n\n        this._collectionView.on(CollectionView.itemLoadingEvent, this.onItemLoading, this);\n        this._collectionView.itemViewLoader = this.itemViewLoader;\n        this._loaders = [];\n    }\n\n    private itemViewLoader = (viewType) =>\n        this._ngZone.run(() => {\n            switch (viewType) {\n                case ListViewViewTypes.ItemView:\n                    if (this._itemTemplate && this.loader) {\n                        const typedView = this.getOrCreate(this._itemTemplate);\n                        return typedView;\n                    }\n                    break;\n            }\n            return null;\n        });\n\n    public ngAfterContentInit() {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'CollectionView.ngAfterContentInit()');\n        }\n        this.setItemTemplates();\n    }\n\n    public ngOnDestroy() {\n        this._collectionView.off(CollectionView.itemLoadingEvent, this.onItemLoading, this);\n        this._collectionView = null;\n        this._loaders.forEach((l) => l.destroy());\n        this._loaders = null;\n        this.viewToLoader = null;\n        this.viewToTemplate = null;\n        this.viewPool = null;\n\n        this._items = null;\n        this._differ = null;\n        this._itemTemplate = null;\n        if (this._templateMap) {\n            this._templateMap.clear();\n        }\n        this._templateMap = null;\n    }\n\n    public ngDoCheck() {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'ngDoCheck() - execute differ? ' + this._differ);\n        }\n        if (this._differ) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, 'ngDoCheck() - execute differ');\n            }\n            const changes = this._differ.diff(this._items);\n            if (changes) {\n                if (Trace.isEnabled()) {\n                    CLog(CLogTypes.info, 'ngDoCheck() - refresh');\n                }\n                this.refresh();\n            }\n        }\n    }\n\n    public registerTemplate(key: string, template: TemplateRef<ItemContext>) {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'registerTemplate for key: ' + key);\n        }\n        if (!this._templateMap) {\n            this._templateMap = new Map<string, KeyedTemplate>();\n        }\n\n        const keyedTemplate = {\n            key,\n            createView: this.getItemTemplateViewFactory(template)\n        };\n\n        this._templateMap.set(key, keyedTemplate);\n    }\n\n    @HostListener('itemLoading', ['$event'])\n    public onItemLoading(args: CollectionViewItemEventData) {\n        if (!args.view && !this.itemTemplate) {\n            return;\n        }\n        if (!this.items) return;\n        const index = args.index;\n        const items = (args.object as any).items;\n        const currentItem = typeof items.getItem === 'function' ? items.getItem(index) : items[index];\n        let viewRef: EmbeddedViewRef<ItemContext>;\n\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, `onItemLoading: ${index} - Reusing existing view`);\n        }\n\n        viewRef = args.view[NG_VIEW];\n        // Getting angular view from original element (in cases when ProxyViewContainer\n        // is used NativeScript internally wraps it in a StackLayout)\n        if (!viewRef && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {\n            viewRef = args.view.getChildAt(0)[NG_VIEW];\n        }\n\n        if (!viewRef && Trace.isEnabled()) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, `ViewReference not found for item ${index}. View recycling is not working`);\n            }\n        }\n\n        if (!viewRef) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, `onItemLoading: ${index} - Creating view from template`);\n            }\n\n            viewRef = this.loader.createEmbeddedView(this.itemTemplate, new ItemContext(), 0);\n            args.view = getItemViewRoot(viewRef);\n            args.view[NG_VIEW] = viewRef;\n        }\n\n        this.setupViewRef(viewRef, currentItem, index);\n\n        this.detectChangesOnChild(viewRef, index);\n    }\n    @HostListener('itemRecycling', ['$event'])\n    public onItemRecyclingInternal(args: any) {\n        if (!args.view) {\n            return;\n        }\n        let ngView: EmbeddedViewRef<any> = args.view[NG_VIEW];\n\n        // Getting angular view from original element (in cases when ProxyViewContainer\n        // is used NativeScript internally wraps it in a StackLayout)\n        if (!ngView && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {\n            ngView = args.view.getChildAt(0)[NG_VIEW];\n        }\n        // console.log('recycling', args.view);\n\n        if (ngView) {\n            ngView.detach();\n        }\n    }\n\n    @HostListener('itemDisposing', ['$event'])\n    public onItemDisposingInternal(args: any) {\n        if (!args.view) {\n            return;\n        }\n        let ngView: EmbeddedViewRef<any> = args.view[NG_VIEW];\n\n        // Getting angular view from original element (in cases when ProxyViewContainer\n        // is used NativeScript internally wraps it in a StackLayout)\n        if (!ngView && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {\n            ngView = args.view.getChildAt(0)[NG_VIEW];\n        }\n\n        if (ngView) {\n            ngView.detach();\n            this.storeViewRef(ngView);\n        }\n    }\n\n    public setupViewRef(view: EmbeddedViewRef<ItemContext>, data: any, index: number): void {\n        const context = view.context;\n        context.$implicit = data;\n        context.item = data;\n        context.index = index;\n        context.even = index % 2 === 0;\n        context.odd = !context.even;\n\n        this.setupItemView.next({\n            context,\n            data,\n            index,\n            view\n        });\n    }\n\n    protected getItemTemplateViewFactory(template: TemplateRef<ItemContext>): () => View {\n        return () => {\n            const viewRef = this.loader.createEmbeddedView(template, new ItemContext(), 0);\n            const resultView = getItemViewRoot(viewRef);\n            resultView[NG_VIEW] = viewRef;\n\n            return resultView;\n        };\n    }\n    viewPool = new Map<\n        TemplateRef<ItemContext>,\n        {\n            scrapSize: number;\n            scrapHead: Set<EmbeddedViewRef<ItemContext>>;\n        }\n    >();\n    private storeViewRef(viewRef: EmbeddedViewRef<any>) {\n        const templateRef = this.viewToTemplate.get(viewRef);\n        if (templateRef) {\n            const scrap = this.viewPool.get(templateRef);\n            if (scrap) {\n                if (scrap.scrapHead.size >= scrap.scrapSize) {\n                    viewRef.destroy();\n                    this.viewToLoader.get(viewRef)?.destroy();\n                } else {\n                    scrap.scrapHead.add(viewRef);\n                }\n            }\n        }\n    }\n    viewToTemplate = new WeakMap<EmbeddedViewRef<any>, TemplateRef<any>>();\n    viewToLoader = new WeakMap<EmbeddedViewRef<any>, ComponentRef<DetachedLoader>>();\n\n    private getOrCreate(templateRef: TemplateRef<ItemContext>) {\n        return this._ngZone.run(() => {\n            let viewRef = this.getView(templateRef);\n            if (!viewRef) {\n                const loader = this.detachedLoaderFactory();\n                // viewRef = this.loader.createEmbeddedView(templateRef, new ItemContext(), 0);\n                viewRef = loader.instance.vc.createEmbeddedView(templateRef, new ItemContext(), 0);\n                this.viewToLoader.set(viewRef, loader);\n                this.viewToTemplate.set(viewRef, templateRef);\n            }\n            viewRef.detach();\n            const resultView = getItemViewRoot(viewRef);\n            resultView[NG_VIEW] = viewRef;\n            resultView.reusable = this.autoReuseViews;\n            return resultView;\n        });\n    }\n    private getView(templateRef: TemplateRef<ItemContext>) {\n        const pool = this.getViewPool(templateRef);\n        while (pool.scrapHead.size > 0) {\n            const viewRef: EmbeddedViewRef<ItemContext> = pool.scrapHead.values().next().value;\n            pool.scrapHead.delete(viewRef);\n            if (!viewRef.destroyed) {\n                return viewRef;\n            }\n        }\n        return null;\n    }\n\n    private getViewPool(templateRef: TemplateRef<ItemContext>) {\n        if (!this.viewPool.has(templateRef)) {\n            this.viewPool.set(templateRef, {\n                scrapSize: this.autoReuseViews ? Infinity : 0,\n                scrapHead: new Set<EmbeddedViewRef<ItemContext>>()\n            });\n        }\n        return this.viewPool.get(templateRef);\n    }\n\n    private setItemTemplates() {\n        // The itemTemplateQuery may be changed after list items are added that contain <template> inside,\n        // so cache and use only the original template to avoid errors.\n        this.itemTemplate = this.itemTemplateQuery;\n\n        if (this._templateMap) {\n            if (Trace.isEnabled()) {\n                CLog(CLogTypes.info, 'Setting templates');\n            }\n\n            const templates: KeyedTemplate[] = [];\n            this._templateMap.forEach((value) => {\n                templates.push(value);\n            });\n            this._collectionView.itemTemplates = templates;\n        } else {\n            // If the map was not initialized this means that there are no named templates, so we register the default one.\n            this._collectionView.itemTemplate = this.getItemTemplateViewFactory(this.itemTemplate);\n        }\n    }\n\n    private detectChangesOnChild(viewRef: EmbeddedViewRef<ItemContext>, index: number) {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'Manually detect changes in child: ' + index);\n        }\n        viewRef.markForCheck();\n        viewRef.detectChanges();\n    }\n\n    private refresh() {\n        if (this._collectionView) {\n            this._collectionView.refresh();\n        }\n    }\n}\n\nexport interface ComponentView {\n    rootNodes: any[];\n    destroy(): void;\n}\n\nexport type RootLocator = (nodes: any[], nestLevel: number) => View;\n\nexport function getItemViewRoot(viewRef: ComponentView, rootLocator: RootLocator = extractSingleViewRecursive): View {\n    const rootView = rootLocator(viewRef.rootNodes, 0);\n    return rootView;\n}\n\n@Directive({ selector: '[cvTemplateKey]' })\nexport class TemplateKeyDirective {\n    constructor(private templateRef: TemplateRef<any>, @Host() private collectionView: CollectionViewComponent) {}\n\n    @Input()\n    set cvTemplateKey(value: any) {\n        if (Trace.isEnabled()) {\n            CLog(CLogTypes.info, 'cvTemplateKey: ' + value);\n        }\n        if (this.collectionView && this.templateRef) {\n            this.collectionView.registerTemplate(value.toLowerCase(), this.templateRef);\n        }\n    }\n}\n","// External\nimport { NO_ERRORS_SCHEMA, NgModule } from '@angular/core';\n\nimport { CollectionViewComponent, TemplateKeyDirective } from './collectionview-comp';\nexport { CollectionViewComponent, TemplateKeyDirective } from './collectionview-comp';\n\n@NgModule({\n    declarations: [CollectionViewComponent, TemplateKeyDirective],\n    exports: [CollectionViewComponent, TemplateKeyDirective],\n    schemas: [NO_ERRORS_SCHEMA]\n})\nexport class CollectionViewModule {}\n"],"names":["isListLikeIterable"],"mappings":"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"}

package/angular/fesm2020/nativescript-community-ui-collectionview-angular.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵisListLikeIterable, ElementRef, IterableDiffers, TemplateRef, ViewContainerRef, Component, ChangeDetectionStrategy, Inject, ViewChild, Output, ContentChild, Input, Directive, Host, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { EventEmitter, ɵisListLikeIterable, ElementRef, IterableDiffers, NgZone, TemplateRef, ViewContainerRef, Component, ChangeDetectionStrategy, Inject, ViewChild, Output, ContentChild, Input, HostListener, Directive, Host, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { CollectionView, ListViewViewTypes, CLog, CLogTypes } from '@nativescript-community/ui-collectionview';
-import { registerElement, extractSingleViewRecursive } from '@nativescript/angular';
+import * as i1 from '@nativescript/angular';
+import { registerElement, DetachedLoader, NativeScriptRendererFactory, extractSingleViewRecursive } from '@nativescript/angular';
 import { ObservableArray, Trace, LayoutBase } from '@nativescript/core';
 
 const _c0 = ["loader"];
@@ -17,25 +18,31 @@ class ItemContext {
     }
 }
 class CollectionViewComponent {
-    constructor(_elementRef, _iterableDiffers) {
+    constructor(_elementRef, _iterableDiffers, _renderer, _ngZone) {
+        this._elementRef = _elementRef;
         this._iterableDiffers = _iterableDiffers;
+        this._renderer = _renderer;
+        this._ngZone = _ngZone;
         this.setupItemView = new EventEmitter();
-        this.itemViewLoader = (viewType) => {
+        this.autoReuseViews = false;
+        this.itemViewLoader = (viewType) => this._ngZone.run(() => {
             switch (viewType) {
                 case ListViewViewTypes.ItemView:
                     if (this._itemTemplate && this.loader) {
-                        const nativeItem = this.loader.createEmbeddedView(this._itemTemplate, new ItemContext(), 0);
-                        const typedView = getItemViewRoot(nativeItem);
-                        typedView[NG_VIEW] = nativeItem;
+                        const typedView = this.getOrCreate(this._itemTemplate);
                         return typedView;
                     }
                     break;
             }
             return null;
-        };
+        });
+        this.viewPool = new Map();
+        this.viewToTemplate = new WeakMap();
+        this.viewToLoader = new WeakMap();
         this._collectionView = _elementRef.nativeElement;
         this._collectionView.on(CollectionView.itemLoadingEvent, this.onItemLoading, this);
         this._collectionView.itemViewLoader = this.itemViewLoader;
+        this._loaders = [];
     }
     get nativeElement() {
         return this._collectionView;
@@ -43,6 +50,14 @@ class CollectionViewComponent {
     get listView() {
         return this._collectionView;
     }
+    detachedLoaderFactory() {
+        const ref = this.loader.createComponent(DetachedLoader, {
+            index: 0
+        });
+        this.loader.detach(0);
+        this._loaders.push(ref);
+        return ref;
+    }
     get itemTemplate() {
         return this._itemTemplate;
     }
@@ -72,6 +87,19 @@ class CollectionViewComponent {
     }
     ngOnDestroy() {
         this._collectionView.off(CollectionView.itemLoadingEvent, this.onItemLoading, this);
+        this._collectionView = null;
+        this._loaders.forEach((l) => l.destroy());
+        this._loaders = null;
+        this.viewToLoader = null;
+        this.viewToTemplate = null;
+        this.viewPool = null;
+        this._items = null;
+        this._differ = null;
+        this._itemTemplate = null;
+        if (this._templateMap) {
+            this._templateMap.clear();
+        }
+        this._templateMap = null;
     }
     ngDoCheck() {
         if (Trace.isEnabled()) {
@@ -136,6 +164,31 @@ class CollectionViewComponent {
         this.setupViewRef(viewRef, currentItem, index);
         this.detectChangesOnChild(viewRef, index);
     }
+    onItemRecyclingInternal(args) {
+        if (!args.view) {
+            return;
+        }
+        let ngView = args.view[NG_VIEW];
+        if (!ngView && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {
+            ngView = args.view.getChildAt(0)[NG_VIEW];
+        }
+        if (ngView) {
+            ngView.detach();
+        }
+    }
+    onItemDisposingInternal(args) {
+        if (!args.view) {
+            return;
+        }
+        let ngView = args.view[NG_VIEW];
+        if (!ngView && args.view instanceof LayoutBase && args.view.getChildrenCount() > 0) {
+            ngView = args.view.getChildAt(0)[NG_VIEW];
+        }
+        if (ngView) {
+            ngView.detach();
+            this.storeViewRef(ngView);
+        }
+    }
     setupViewRef(view, data, index) {
         const context = view.context;
         context.$implicit = data;
@@ -158,6 +211,57 @@ class CollectionViewComponent {
             return resultView;
         };
     }
+    storeViewRef(viewRef) {
+        const templateRef = this.viewToTemplate.get(viewRef);
+        if (templateRef) {
+            const scrap = this.viewPool.get(templateRef);
+            if (scrap) {
+                if (scrap.scrapHead.size >= scrap.scrapSize) {
+                    viewRef.destroy();
+                    this.viewToLoader.get(viewRef)?.destroy();
+                }
+                else {
+                    scrap.scrapHead.add(viewRef);
+                }
+            }
+        }
+    }
+    getOrCreate(templateRef) {
+        return this._ngZone.run(() => {
+            let viewRef = this.getView(templateRef);
+            if (!viewRef) {
+                const loader = this.detachedLoaderFactory();
+                viewRef = loader.instance.vc.createEmbeddedView(templateRef, new ItemContext(), 0);
+                this.viewToLoader.set(viewRef, loader);
+                this.viewToTemplate.set(viewRef, templateRef);
+            }
+            viewRef.detach();
+            const resultView = getItemViewRoot(viewRef);
+            resultView[NG_VIEW] = viewRef;
+            resultView.reusable = this.autoReuseViews;
+            return resultView;
+        });
+    }
+    getView(templateRef) {
+        const pool = this.getViewPool(templateRef);
+        while (pool.scrapHead.size > 0) {
+            const viewRef = pool.scrapHead.values().next().value;
+            pool.scrapHead.delete(viewRef);
+            if (!viewRef.destroyed) {
+                return viewRef;
+            }
+        }
+        return null;
+    }
+    getViewPool(templateRef) {
+        if (!this.viewPool.has(templateRef)) {
+            this.viewPool.set(templateRef, {
+                scrapSize: this.autoReuseViews ? Infinity : 0,
+                scrapHead: new Set()
+            });
+        }
+        return this.viewPool.get(templateRef);
+    }
     setItemTemplates() {
         this.itemTemplate = this.itemTemplateQuery;
         if (this._templateMap) {
@@ -187,7 +291,7 @@ class CollectionViewComponent {
         }
     }
 }
-CollectionViewComponent.ɵfac = function CollectionViewComponent_Factory(t) { return new (t || CollectionViewComponent)(i0.ɵɵdirectiveInject(ElementRef), i0.ɵɵdirectiveInject(IterableDiffers)); };
+CollectionViewComponent.ɵfac = function CollectionViewComponent_Factory(t) { return new (t || CollectionViewComponent)(i0.ɵɵdirectiveInject(ElementRef), i0.ɵɵdirectiveInject(IterableDiffers), i0.ɵɵdirectiveInject(NativeScriptRendererFactory), i0.ɵɵdirectiveInject(NgZone)); };
 CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewComponent, selectors: [["CollectionView"]], contentQueries: function CollectionViewComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
         i0.ɵɵcontentQuery(dirIndex, TemplateRef, 7, TemplateRef);
     } if (rf & 2) {
@@ -198,7 +302,9 @@ CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewCom
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loader = _t.first);
-    } }, inputs: { itemTemplate: "itemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, decls: 3, vars: 0, consts: [["loader", ""]], template: function CollectionViewComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, hostBindings: function CollectionViewComponent_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("itemLoading", function CollectionViewComponent_itemLoading_HostBindingHandler($event) { return ctx.onItemLoading($event); })("itemRecycling", function CollectionViewComponent_itemRecycling_HostBindingHandler($event) { return ctx.onItemRecyclingInternal($event); })("itemDisposing", function CollectionViewComponent_itemDisposing_HostBindingHandler($event) { return ctx.onItemDisposingInternal($event); });
+    } }, inputs: { autoReuseViews: "autoReuseViews", itemTemplate: "itemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, decls: 3, vars: 0, consts: [["loader", ""]], template: function CollectionViewComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "DetachedContainer");
         i0.ɵɵelement(1, "Placeholder", null, 0);
         i0.ɵɵelementEnd();
@@ -220,6 +326,12 @@ CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewCom
             }] }, { type: i0.IterableDiffers, decorators: [{
                 type: Inject,
                 args: [IterableDiffers]
+            }] }, { type: i1.NativeScriptRendererFactory, decorators: [{
+                type: Inject,
+                args: [NativeScriptRendererFactory]
+            }] }, { type: i0.NgZone, decorators: [{
+                type: Inject,
+                args: [NgZone]
             }] }]; }, { loader: [{
             type: ViewChild,
             args: ['loader', { read: ViewContainerRef, static: true }]
@@ -228,10 +340,21 @@ CollectionViewComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CollectionViewCom
         }], itemTemplateQuery: [{
             type: ContentChild,
             args: [TemplateRef, { read: TemplateRef, static: true }]
+        }], autoReuseViews: [{
+            type: Input
         }], itemTemplate: [{
             type: Input
         }], items: [{
             type: Input
+        }], onItemLoading: [{
+            type: HostListener,
+            args: ['itemLoading', ['$event']]
+        }], onItemRecyclingInternal: [{
+            type: HostListener,
+            args: ['itemRecycling', ['$event']]
+        }], onItemDisposingInternal: [{
+            type: HostListener,
+            args: ['itemDisposing', ['$event']]
         }] }); })();
 function getItemViewRoot(viewRef, rootLocator = extractSingleViewRecursive) {
     const rootView = rootLocator(viewRef.rootNodes, 0);