@nstudio/ui-collectionview 5.1.8 → 5.1.9-alpha.0

package/angular/fesm2015/nstudio-ui-collectionview-angular.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, 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 '@nstudio/ui-collectionview';
+import { CollectionView, ViewTemplateType, CLog, CLogTypes } from '@nstudio/ui-collectionview';
 import * as i1 from '@nativescript/angular';
 import { registerElement, DetachedLoader, isListLikeIterable, NativeScriptRendererFactory, extractSingleViewRecursive } from '@nativescript/angular';
 import { ObservableArray, Trace, LayoutBase } from '@nativescript/core';
@@ -36,7 +36,19 @@ class CollectionViewComponent {
     }
     set itemTemplate(value) {
         this._itemTemplate = value;
-        this._collectionView.refresh();
+        // this._collectionView.refresh();
+    }
+    get headerItemTemplate() {
+        return this._headerTemplate;
+    }
+    set headerItemTemplate(value) {
+        this._headerTemplate = value;
+    }
+    get footerItemTemplate() {
+        return this._footerTemplate;
+    }
+    set footerItemTemplate(value) {
+        this._footerTemplate = value;
     }
     get items() {
         return this._items;
@@ -59,17 +71,28 @@ class CollectionViewComponent {
         this._ngZone = _ngZone;
         this.setupItemView = new EventEmitter();
         this.autoReuseViews = false;
-        this.itemViewLoader = (viewType) => this._ngZone.run(() => {
-            switch (viewType) {
-                case ListViewViewTypes.ItemView:
-                    if (this._itemTemplate && this.loader) {
-                        const typedView = this.getOrCreate(this._itemTemplate);
-                        return typedView;
-                    }
-                    break;
-            }
-            return null;
-        });
+        this.itemViewLoader = (viewType) => {
+            this._ngZone.run(() => {
+                switch (viewType) {
+                    case ViewTemplateType.Item:
+                        if (this._itemTemplate) {
+                            return this.getOrCreate(this._itemTemplate);
+                        }
+                        break;
+                    case ViewTemplateType.Header:
+                        if (this._headerTemplate) {
+                            return this.getOrCreate(this._headerTemplate);
+                        }
+                        break;
+                    case ViewTemplateType.Footer:
+                        if (this._footerTemplate) {
+                            return this.getOrCreate(this._footerTemplate);
+                        }
+                        break;
+                }
+                return null;
+            });
+        };
         this.viewPool = new Map();
         this.viewToTemplate = new WeakMap();
         this.viewToLoader = new WeakMap();
@@ -98,7 +121,15 @@ class CollectionViewComponent {
         if (this._templateMap) {
             this._templateMap.clear();
         }
+        if (this._headerTemplateMap) {
+            this._headerTemplateMap.clear();
+        }
+        if (this._footerTemplateMap) {
+            this._footerTemplateMap.clear();
+        }
         this._templateMap = null;
+        this._headerTemplateMap = null;
+        this._footerTemplateMap = null;
     }
     ngDoCheck() {
         if (Trace.isEnabled()) {
@@ -130,6 +161,31 @@ class CollectionViewComponent {
         };
         this._templateMap.set(key, keyedTemplate);
     }
+    registerTemplateSupplemental(key, template, type) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'registerTemplate for key: ' + key);
+        }
+        switch (type) {
+            case 'header':
+                // if (!this._headerTemplateMap) {
+                //   this._headerTemplateMap = new Map<string, KeyedTemplate>();
+                // }
+                // this._headerTemplateMap.set(key, keyedTemplate);
+                this._collectionView.headerKey = key;
+                this.headerItemTemplate = template;
+                this._collectionView.headerItemTemplate = this.getItemTemplateViewFactory(template);
+                break;
+            case 'footer':
+                // if (!this._footerTemplateMap) {
+                //   this._footerTemplateMap = new Map<string, KeyedTemplate>();
+                // }
+                // this._footerTemplateMap.set(key, keyedTemplate);
+                this._collectionView.footerKey = key;
+                this.footerItemTemplate = template;
+                this._collectionView.footerItemTemplate = this.getItemTemplateViewFactory(template);
+                break;
+        }
+    }
     onItemLoading(args) {
         if (!args.view && !this.itemTemplate) {
             return;
@@ -238,7 +294,6 @@ class CollectionViewComponent {
             let viewRef = this.getView(templateRef);
             if (!viewRef) {
                 const loader = this.detachedLoaderFactory();
-                // viewRef = this.loader.createEmbeddedView(templateRef, new ItemContext(), 0);
                 viewRef = loader.instance.vc.createEmbeddedView(templateRef, new ItemContext(), 0);
                 this.viewToLoader.set(viewRef, loader);
                 this.viewToTemplate.set(viewRef, templateRef);
@@ -303,7 +358,7 @@ class CollectionViewComponent {
     }
 }
 CollectionViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewComponent, deps: [{ token: ElementRef }, { token: IterableDiffers }, { token: NativeScriptRendererFactory }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CollectionViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CollectionViewComponent, selector: "CollectionView", inputs: { autoReuseViews: "autoReuseViews", itemTemplate: "itemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, host: { listeners: { "itemLoading": "onItemLoading($event)", "itemRecycling": "onItemRecyclingInternal($event)", "itemDisposing": "onItemDisposingInternal($event)" } }, queries: [{ propertyName: "itemTemplateQuery", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+CollectionViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CollectionViewComponent, selector: "CollectionView", inputs: { autoReuseViews: "autoReuseViews", itemTemplate: "itemTemplate", headerItemTemplate: "headerItemTemplate", footerItemTemplate: "footerItemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, host: { listeners: { "itemLoading": "onItemLoading($event)", "itemRecycling": "onItemRecyclingInternal($event)", "itemDisposing": "onItemDisposingInternal($event)" } }, queries: [{ propertyName: "itemTemplateQuery", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <DetachedContainer>
       <Placeholder #loader></Placeholder>
     </DetachedContainer>
@@ -345,6 +400,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], itemTemplate: [{
                 type: Input
+            }], headerItemTemplate: [{
+                type: Input
+            }], footerItemTemplate: [{
+                type: Input
             }], items: [{
                 type: Input
             }], onItemLoading: [{
@@ -387,18 +446,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
     }, propDecorators: { cvTemplateKey: [{
                 type: Input
             }] } });
+class TemplateHeaderDirective {
+    constructor(templateRef, collectionView) {
+        this.templateRef = templateRef;
+        this.collectionView = collectionView;
+    }
+    set cvTemplateHeader(value) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'cvTemplateHeader: ' + value);
+        }
+        if (this.collectionView && this.templateRef) {
+            // TODO: allow keying of multiple headers per section
+            this.collectionView.registerTemplateSupplemental(value || ViewTemplateType.Header, this.templateRef, 'header');
+        }
+    }
+}
+TemplateHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateHeaderDirective, deps: [{ token: i0.TemplateRef }, { token: CollectionViewComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TemplateHeaderDirective, selector: "[cvTemplateHeader]", inputs: { cvTemplateHeader: "cvTemplateHeader" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cvTemplateHeader]',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.TemplateRef }, { type: CollectionViewComponent, decorators: [{
+                        type: Host
+                    }] }];
+    }, propDecorators: { cvTemplateHeader: [{
+                type: Input
+            }] } });
+class TemplateFooterDirective {
+    constructor(templateRef, collectionView) {
+        this.templateRef = templateRef;
+        this.collectionView = collectionView;
+    }
+    set cvTemplateFooter(value) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'cvTemplateFooter: ' + value);
+        }
+        if (this.collectionView && this.templateRef) {
+            // TODO: allow keying of multiple footers per section
+            this.collectionView.registerTemplateSupplemental(value || ViewTemplateType.Footer, this.templateRef, 'footer');
+        }
+    }
+}
+TemplateFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateFooterDirective, deps: [{ token: i0.TemplateRef }, { token: CollectionViewComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TemplateFooterDirective, selector: "[cvTemplateFooter]", inputs: { cvTemplateFooter: "cvTemplateFooter" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cvTemplateFooter]',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.TemplateRef }, { type: CollectionViewComponent, decorators: [{
+                        type: Host
+                    }] }];
+    }, propDecorators: { cvTemplateFooter: [{
+                type: Input
+            }] } });
 
 // External
 class CollectionViewModule {
 }
 CollectionViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CollectionViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, declarations: [CollectionViewComponent, TemplateKeyDirective], exports: [CollectionViewComponent, TemplateKeyDirective] });
+CollectionViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, declarations: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective], exports: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective] });
 CollectionViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CollectionViewComponent, TemplateKeyDirective],
-                    exports: [CollectionViewComponent, TemplateKeyDirective],
+                    declarations: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective],
+                    exports: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective],
                     schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });
@@ -407,5 +524,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CollectionViewComponent, CollectionViewModule, TemplateKeyDirective };
+export { CollectionViewComponent, CollectionViewModule, TemplateFooterDirective, TemplateHeaderDirective, TemplateKeyDirective };
 //# sourceMappingURL=nstudio-ui-collectionview-angular.mjs.map

package/angular/fesm2015/nstudio-ui-collectionview-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nstudio-ui-collectionview-angular.mjs","sources":["../../../../../packages/ui-collectionview/angular/collectionview.component.ts","../../../../../packages/ui-collectionview/angular/index.ts","../../../../../packages/ui-collectionview/angular/nstudio-ui-collectionview-angular.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ComponentRef, ContentChild, Directive, DoCheck, ElementRef, EmbeddedViewRef, EventEmitter, Host, HostListener, Inject, Input, IterableDiffer, IterableDiffers, NgZone, OnDestroy, Output, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';\nimport { CLog, CLogTypes, CollectionView, CollectionViewItemEventData, ListViewViewTypes } from '@nstudio/ui-collectionview';\nimport { DetachedLoader, NativeScriptRendererFactory, extractSingleViewRecursive, isListLikeIterable, 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(@Inject(ElementRef) private _elementRef: ElementRef, @Inject(IterableDiffers) private _iterableDiffers: IterableDiffers, @Inject(NativeScriptRendererFactory) private _renderer: NativeScriptRendererFactory, @Inject(NgZone) private _ngZone: NgZone) {\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.component';\nexport { CollectionViewComponent, TemplateKeyDirective } from './collectionview.component';\n\n@NgModule({\n  declarations: [CollectionViewComponent, TemplateKeyDirective],\n  exports: [CollectionViewComponent, TemplateKeyDirective],\n  schemas: [NO_ERRORS_SCHEMA],\n})\nexport class CollectionViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"nstudio-ui-collectionview-angular.mjs","sources":["../../../../../packages/ui-collectionview/angular/collectionview.component.ts","../../../../../packages/ui-collectionview/angular/index.ts","../../../../../packages/ui-collectionview/angular/nstudio-ui-collectionview-angular.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ComponentRef, ContentChild, Directive, DoCheck, ElementRef, EmbeddedViewRef, EventEmitter, Host, HostListener, Inject, Input, IterableDiffer, IterableDiffers, NgZone, OnDestroy, Output, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';\nimport { CLog, CLogTypes, CollectionView, CollectionViewItemEventData, ViewTemplateType } from '@nstudio/ui-collectionview';\nimport { DetachedLoader, NativeScriptRendererFactory, extractSingleViewRecursive, isListLikeIterable, 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() {\n    return this._collectionView;\n  }\n  public get listView() {\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: TemplateRef<ItemContext>) {\n    this._itemTemplate = value;\n    // this._collectionView.refresh();\n  }\n  @Input()\n  public get headerItemTemplate() {\n    return this._headerTemplate;\n  }\n  public set headerItemTemplate(value: TemplateRef<ItemContext>) {\n    this._headerTemplate = value;\n  }\n  @Input()\n  public get footerItemTemplate() {\n    return this._footerTemplate;\n  }\n  public set footerItemTemplate(value: TemplateRef<ItemContext>) {\n    this._footerTemplate = value;\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 _headerTemplate: TemplateRef<ItemContext>;\n  private _headerTemplateMap: Map<string, KeyedTemplate>;\n  private _footerTemplate: TemplateRef<ItemContext>;\n  private _footerTemplateMap: Map<string, KeyedTemplate>;\n  private _loaders: ComponentRef<DetachedLoader>[];\n\n  constructor(@Inject(ElementRef) private _elementRef: ElementRef, @Inject(IterableDiffers) private _iterableDiffers: IterableDiffers, @Inject(NativeScriptRendererFactory) private _renderer: NativeScriptRendererFactory, @Inject(NgZone) private _ngZone: NgZone) {\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 ViewTemplateType.Item:\n          if (this._itemTemplate) {\n            return this.getOrCreate(this._itemTemplate);\n          }\n          break;\n        case ViewTemplateType.Header:\n          if (this._headerTemplate) {\n            return this.getOrCreate(this._headerTemplate);\n          }\n          break;\n        case ViewTemplateType.Footer:\n          if (this._footerTemplate) {\n            return this.getOrCreate(this._footerTemplate);\n          }\n          break;\n      }\n      return null;\n    });\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    if (this._headerTemplateMap) {\n      this._headerTemplateMap.clear();\n    }\n    if (this._footerTemplateMap) {\n      this._footerTemplateMap.clear();\n    }\n    this._templateMap = null;\n    this._headerTemplateMap = null;\n    this._footerTemplateMap = 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  public registerTemplateSupplemental(key: string, template: TemplateRef<ItemContext>, type: 'header' | 'footer') {\n    if (Trace.isEnabled()) {\n      CLog(CLogTypes.info, 'registerTemplate for key: ' + key);\n    }\n\n    switch (type) {\n      case 'header':\n        // if (!this._headerTemplateMap) {\n        //   this._headerTemplateMap = new Map<string, KeyedTemplate>();\n        // }\n        // this._headerTemplateMap.set(key, keyedTemplate);\n        this._collectionView.headerKey = key;\n        this.headerItemTemplate = template;\n        this._collectionView.headerItemTemplate = this.getItemTemplateViewFactory(template);\n        break;\n      case 'footer':\n        // if (!this._footerTemplateMap) {\n        //   this._footerTemplateMap = new Map<string, KeyedTemplate>();\n        // }\n\n        // this._footerTemplateMap.set(key, keyedTemplate);\n\n        this._collectionView.footerKey = key;\n        this.footerItemTemplate = template;\n        this._collectionView.footerItemTemplate = this.getItemTemplateViewFactory(template);\n        break;\n    }\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  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      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 = 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\n@Directive({\n  selector: '[cvTemplateHeader]',\n})\nexport class TemplateHeaderDirective {\n  constructor(private templateRef: TemplateRef<any>, @Host() private collectionView: CollectionViewComponent) {}\n\n  @Input()\n  set cvTemplateHeader(value: any) {\n    if (Trace.isEnabled()) {\n      CLog(CLogTypes.info, 'cvTemplateHeader: ' + value);\n    }\n    if (this.collectionView && this.templateRef) {\n      // TODO: allow keying of multiple headers per section\n      this.collectionView.registerTemplateSupplemental(value || ViewTemplateType.Header, this.templateRef, 'header');\n    }\n  }\n}\n\n@Directive({\n  selector: '[cvTemplateFooter]',\n})\nexport class TemplateFooterDirective {\n  constructor(private templateRef: TemplateRef<any>, @Host() private collectionView: CollectionViewComponent) {}\n\n  @Input()\n  set cvTemplateFooter(value: any) {\n    if (Trace.isEnabled()) {\n      CLog(CLogTypes.info, 'cvTemplateFooter: ' + value);\n    }\n    if (this.collectionView && this.templateRef) {\n      // TODO: allow keying of multiple footers per section\n      this.collectionView.registerTemplateSupplemental(value || ViewTemplateType.Footer, this.templateRef, 'footer');\n    }\n  }\n}\n","// External\nimport { NO_ERRORS_SCHEMA, NgModule } from '@angular/core';\n\nimport { CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective } from './collectionview.component';\nexport { CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective } from './collectionview.component';\n\n@NgModule({\n  declarations: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective],\n  exports: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective],\n  schemas: [NO_ERRORS_SCHEMA],\n})\nexport class CollectionViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/angular/fesm2020/nstudio-ui-collectionview-angular.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, 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 '@nstudio/ui-collectionview';
+import { CollectionView, ViewTemplateType, CLog, CLogTypes } from '@nstudio/ui-collectionview';
 import * as i1 from '@nativescript/angular';
 import { registerElement, DetachedLoader, isListLikeIterable, NativeScriptRendererFactory, extractSingleViewRecursive } from '@nativescript/angular';
 import { ObservableArray, Trace, LayoutBase } from '@nativescript/core';
@@ -36,7 +36,19 @@ class CollectionViewComponent {
     }
     set itemTemplate(value) {
         this._itemTemplate = value;
-        this._collectionView.refresh();
+        // this._collectionView.refresh();
+    }
+    get headerItemTemplate() {
+        return this._headerTemplate;
+    }
+    set headerItemTemplate(value) {
+        this._headerTemplate = value;
+    }
+    get footerItemTemplate() {
+        return this._footerTemplate;
+    }
+    set footerItemTemplate(value) {
+        this._footerTemplate = value;
     }
     get items() {
         return this._items;
@@ -59,17 +71,28 @@ class CollectionViewComponent {
         this._ngZone = _ngZone;
         this.setupItemView = new EventEmitter();
         this.autoReuseViews = false;
-        this.itemViewLoader = (viewType) => this._ngZone.run(() => {
-            switch (viewType) {
-                case ListViewViewTypes.ItemView:
-                    if (this._itemTemplate && this.loader) {
-                        const typedView = this.getOrCreate(this._itemTemplate);
-                        return typedView;
-                    }
-                    break;
-            }
-            return null;
-        });
+        this.itemViewLoader = (viewType) => {
+            this._ngZone.run(() => {
+                switch (viewType) {
+                    case ViewTemplateType.Item:
+                        if (this._itemTemplate) {
+                            return this.getOrCreate(this._itemTemplate);
+                        }
+                        break;
+                    case ViewTemplateType.Header:
+                        if (this._headerTemplate) {
+                            return this.getOrCreate(this._headerTemplate);
+                        }
+                        break;
+                    case ViewTemplateType.Footer:
+                        if (this._footerTemplate) {
+                            return this.getOrCreate(this._footerTemplate);
+                        }
+                        break;
+                }
+                return null;
+            });
+        };
         this.viewPool = new Map();
         this.viewToTemplate = new WeakMap();
         this.viewToLoader = new WeakMap();
@@ -98,7 +121,15 @@ class CollectionViewComponent {
         if (this._templateMap) {
             this._templateMap.clear();
         }
+        if (this._headerTemplateMap) {
+            this._headerTemplateMap.clear();
+        }
+        if (this._footerTemplateMap) {
+            this._footerTemplateMap.clear();
+        }
         this._templateMap = null;
+        this._headerTemplateMap = null;
+        this._footerTemplateMap = null;
     }
     ngDoCheck() {
         if (Trace.isEnabled()) {
@@ -130,6 +161,31 @@ class CollectionViewComponent {
         };
         this._templateMap.set(key, keyedTemplate);
     }
+    registerTemplateSupplemental(key, template, type) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'registerTemplate for key: ' + key);
+        }
+        switch (type) {
+            case 'header':
+                // if (!this._headerTemplateMap) {
+                //   this._headerTemplateMap = new Map<string, KeyedTemplate>();
+                // }
+                // this._headerTemplateMap.set(key, keyedTemplate);
+                this._collectionView.headerKey = key;
+                this.headerItemTemplate = template;
+                this._collectionView.headerItemTemplate = this.getItemTemplateViewFactory(template);
+                break;
+            case 'footer':
+                // if (!this._footerTemplateMap) {
+                //   this._footerTemplateMap = new Map<string, KeyedTemplate>();
+                // }
+                // this._footerTemplateMap.set(key, keyedTemplate);
+                this._collectionView.footerKey = key;
+                this.footerItemTemplate = template;
+                this._collectionView.footerItemTemplate = this.getItemTemplateViewFactory(template);
+                break;
+        }
+    }
     onItemLoading(args) {
         if (!args.view && !this.itemTemplate) {
             return;
@@ -237,7 +293,6 @@ class CollectionViewComponent {
             let viewRef = this.getView(templateRef);
             if (!viewRef) {
                 const loader = this.detachedLoaderFactory();
-                // viewRef = this.loader.createEmbeddedView(templateRef, new ItemContext(), 0);
                 viewRef = loader.instance.vc.createEmbeddedView(templateRef, new ItemContext(), 0);
                 this.viewToLoader.set(viewRef, loader);
                 this.viewToTemplate.set(viewRef, templateRef);
@@ -302,7 +357,7 @@ class CollectionViewComponent {
     }
 }
 CollectionViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewComponent, deps: [{ token: ElementRef }, { token: IterableDiffers }, { token: NativeScriptRendererFactory }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CollectionViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CollectionViewComponent, selector: "CollectionView", inputs: { autoReuseViews: "autoReuseViews", itemTemplate: "itemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, host: { listeners: { "itemLoading": "onItemLoading($event)", "itemRecycling": "onItemRecyclingInternal($event)", "itemDisposing": "onItemDisposingInternal($event)" } }, queries: [{ propertyName: "itemTemplateQuery", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+CollectionViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CollectionViewComponent, selector: "CollectionView", inputs: { autoReuseViews: "autoReuseViews", itemTemplate: "itemTemplate", headerItemTemplate: "headerItemTemplate", footerItemTemplate: "footerItemTemplate", items: "items" }, outputs: { setupItemView: "setupItemView" }, host: { listeners: { "itemLoading": "onItemLoading($event)", "itemRecycling": "onItemRecyclingInternal($event)", "itemDisposing": "onItemDisposingInternal($event)" } }, queries: [{ propertyName: "itemTemplateQuery", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <DetachedContainer>
       <Placeholder #loader></Placeholder>
     </DetachedContainer>
@@ -342,6 +397,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], itemTemplate: [{
                 type: Input
+            }], headerItemTemplate: [{
+                type: Input
+            }], footerItemTemplate: [{
+                type: Input
             }], items: [{
                 type: Input
             }], onItemLoading: [{
@@ -382,18 +441,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }] }]; }, propDecorators: { cvTemplateKey: [{
                 type: Input
             }] } });
+class TemplateHeaderDirective {
+    constructor(templateRef, collectionView) {
+        this.templateRef = templateRef;
+        this.collectionView = collectionView;
+    }
+    set cvTemplateHeader(value) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'cvTemplateHeader: ' + value);
+        }
+        if (this.collectionView && this.templateRef) {
+            // TODO: allow keying of multiple headers per section
+            this.collectionView.registerTemplateSupplemental(value || ViewTemplateType.Header, this.templateRef, 'header');
+        }
+    }
+}
+TemplateHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateHeaderDirective, deps: [{ token: i0.TemplateRef }, { token: CollectionViewComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TemplateHeaderDirective, selector: "[cvTemplateHeader]", inputs: { cvTemplateHeader: "cvTemplateHeader" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cvTemplateHeader]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: CollectionViewComponent, decorators: [{
+                    type: Host
+                }] }]; }, propDecorators: { cvTemplateHeader: [{
+                type: Input
+            }] } });
+class TemplateFooterDirective {
+    constructor(templateRef, collectionView) {
+        this.templateRef = templateRef;
+        this.collectionView = collectionView;
+    }
+    set cvTemplateFooter(value) {
+        if (Trace.isEnabled()) {
+            CLog(CLogTypes.info, 'cvTemplateFooter: ' + value);
+        }
+        if (this.collectionView && this.templateRef) {
+            // TODO: allow keying of multiple footers per section
+            this.collectionView.registerTemplateSupplemental(value || ViewTemplateType.Footer, this.templateRef, 'footer');
+        }
+    }
+}
+TemplateFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateFooterDirective, deps: [{ token: i0.TemplateRef }, { token: CollectionViewComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TemplateFooterDirective, selector: "[cvTemplateFooter]", inputs: { cvTemplateFooter: "cvTemplateFooter" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TemplateFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cvTemplateFooter]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: CollectionViewComponent, decorators: [{
+                    type: Host
+                }] }]; }, propDecorators: { cvTemplateFooter: [{
+                type: Input
+            }] } });
 
 // External
 class CollectionViewModule {
 }
 CollectionViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CollectionViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, declarations: [CollectionViewComponent, TemplateKeyDirective], exports: [CollectionViewComponent, TemplateKeyDirective] });
+CollectionViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, declarations: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective], exports: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective] });
 CollectionViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CollectionViewModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [CollectionViewComponent, TemplateKeyDirective],
-                    exports: [CollectionViewComponent, TemplateKeyDirective],
+                    declarations: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective],
+                    exports: [CollectionViewComponent, TemplateKeyDirective, TemplateHeaderDirective, TemplateFooterDirective],
                     schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });
@@ -402,5 +515,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CollectionViewComponent, CollectionViewModule, TemplateKeyDirective };
+export { CollectionViewComponent, CollectionViewModule, TemplateFooterDirective, TemplateHeaderDirective, TemplateKeyDirective };
 //# sourceMappingURL=nstudio-ui-collectionview-angular.mjs.map