@nstudio/ui-collectionview 5.1.9-alpha.4 → 5.1.9

package/common.d.ts

@@ -1,19 +1,6 @@
-import { ChangedData, CoreTypes, EventData, KeyedTemplate, Label, ObservableArray, Property, Template, View } from '@nativescript/core';
-import { CollectionView as CollectionViewDefinition } from '.';
+import { ChangedData, CoreTypes, ItemsSource, KeyedTemplate, Label, Property, Template, View } from '@nativescript/core';
+import { CollectionView as CollectionViewDefinition, Orientation } from '.';
 export declare const CollectionViewTraceCategory = "NativescriptCollectionView";
-export interface CollectionViewItemEventData extends EventData {
-    eventName: string;
-    object: CollectionViewBase;
-    index: number;
-    view: View;
-    item: any;
-    bindingContext?: any;
-}
-export interface CollectionViewItemDisplayEventData extends EventData {
-    eventName: string;
-    object: CollectionViewBase;
-    index: number;
-}
 export declare enum ContentInsetAdjustmentBehavior {
     Always = 0,
     Automatic = 1,
@@ -21,28 +8,14 @@ export declare enum ContentInsetAdjustmentBehavior {
     ScrollableAxes = 3
 }
 export declare enum CLogTypes {
-    log,
-    info,
-    warning,
-    error
+    log = 0,
+    info = 1,
+    warning = 2,
+    error = 3
 }
 export declare const CLog: (type: CLogTypes, ...args: any[]) => void;
-/**
- * Defines the different view types that {@link RadListView} can display in various scenarios.
- */
-export declare enum ViewTemplateType {
-    /**
-     * Identifies a view created using the {@link headerItemTemplate} value.
-     */
-    Header = "ns_default_header",
-    /**
-     * Identifies a view created using the {@link footerItemTemplate} value.
-     */
-    Footer = "ns_default_footer",
-    /**
-     * Identifies a view created using the {@link itemTemplate} value.
-     */
-    Item = "ns_default_item"
+export declare enum ListViewViewTypes {
+    ItemView = 0
 }
 export declare namespace knownTemplates {
     const itemTemplate = "itemTemplate";
@@ -52,8 +25,8 @@ export declare namespace knownMultiTemplates {
 }
 export interface Plugin {
     onLayout?: Function;
+    onMeasure?: Function;
 }
-export declare function getUUID(): any;
 export declare abstract class CollectionViewBase extends View implements CollectionViewDefinition {
     static itemLoadingEvent: string;
     static itemRecyclingEvent: string;
@@ -67,6 +40,7 @@ export declare abstract class CollectionViewBase extends View implements Collect
     static itemHighlightEndEvent: string;
     static displayItemEvent: string;
     static itemReorderedEvent: string;
+    static itemReorderCheckEvent: string;
     static itemReorderStartingEvent: string;
     static itemReorderStartedEvent: string;
     static loadMoreItemsEvent: string;
@@ -74,23 +48,17 @@ export declare abstract class CollectionViewBase extends View implements Collect
     static knownFunctions: string[];
     isBounceEnabled: boolean;
     isScrollEnabled: boolean;
-    isAnimationEnabled: boolean;
     reverseLayout: boolean;
-    loadingMore: boolean;
-    orientation: CoreTypes.OrientationType;
+    orientation: Orientation;
     itemTemplate: string | Template;
     itemTemplates: string | KeyedTemplate[];
-    headerKey: string;
-    headerItemTemplate: string | Template;
-    headerPinned: boolean;
-    footerKey: string;
-    footerItemTemplate: string | Template;
-    sectionTemplate: string;
     isItemsSourceIn: boolean;
     rowHeight: CoreTypes.PercentLengthType;
     colWidth: CoreTypes.PercentLengthType;
     verticalSpacing: CoreTypes.LengthType;
     horizontalSpacing: CoreTypes.LengthType;
+    spanSize: (item: any, index: number) => number;
+    itemOverlap: (item: any, index: number) => [number, number, number, number];
     _innerWidth: number;
     _innerHeight: number;
     _effectiveRowHeight: number;
@@ -105,10 +73,6 @@ export declare abstract class CollectionViewBase extends View implements Collect
     reorderLongPressEnabled: boolean;
     protected _dataUpdatesSuspended: boolean;
     scrollBarIndicatorVisible: boolean;
-    sections: Array<{
-        identifier: string;
-        key: string;
-    }>;
     layoutStyle: string;
     plugins: string[];
     static plugins: {
@@ -117,26 +81,29 @@ export declare abstract class CollectionViewBase extends View implements Collect
     static registerPlugin(key: string, plugin: Plugin): void;
     static layoutStyles: {
         [k: string]: {
-            createLayout: (view: CollectionViewBase) => any;
-            createDelegate?: (view: CollectionViewBase) => any;
+            createLayout: Function;
+            createDelegate?: Function;
         };
     };
     static registerLayoutStyle(style: string, generator: {
-        createLayout: (view: CollectionViewBase) => any;
-        createDelegate?: (view: CollectionViewBase) => any;
+        createLayout: Function;
+        createDelegate?: Function;
     }): void;
     protected _itemTemplatesInternal: Map<string, KeyedTemplate>;
     protected _defaultTemplate: KeyedTemplate;
     constructor();
     notifyForItemAtIndex(eventName: string, view: View, index: number, bindingContext?: any, native?: any): void;
     abstract refresh(): any;
+    abstract eachChildAsync(callback: any): any;
     abstract refreshVisibleItems(): any;
     abstract isItemAtIndexVisible(index: number): any;
+    abstract findFirstVisibleItemIndex(): number;
+    abstract findLastVisibleItemIndex(): number;
     abstract scrollToIndex(index: number, animated: boolean): any;
     abstract scrollToOffset(value: number, animated?: boolean): any;
-    protected updateInnerSize(): void;
+    protected updateInnerSize(): boolean;
     onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void;
-    items: any[] | ObservableArray<any>;
+    items: any[] | ItemsSource;
     _prepareItem(view: View, index: number): any;
     notifyLoading(args: any): void;
     getItemAtIndex(index: number): any;
@@ -161,7 +128,7 @@ export declare abstract class CollectionViewBase extends View implements Collect
     resolveTemplateView(template: any): View;
     _getDefaultItemContent(): Label;
     getTemplateFromSelector(templateKey: any): KeyedTemplate;
-    getViewForTemplateType(templateKey: string, templateType?: ViewTemplateType): any;
+    getViewForViewType(viewType: ListViewViewTypes, templateKey: string): any;
     private _itemTemplateSelectorBindable;
     _itemTemplateSelector: Function;
     onItemTemplateSelectorChanged(oldValue: any, newValue: any): void;
@@ -174,14 +141,11 @@ export declare abstract class CollectionViewBase extends View implements Collect
     removeTemplate(key: any): void;
     onItemTemplatesChanged(oldValue: any, newValue: any): void;
     onItemTemplateChanged(oldValue: any, newValue: any): void;
-    onHeaderItemTemplateChanged(oldValue: string | Template, newValue: string | Template): void;
-    onFooterItemTemplateChanged(oldValue: string | Template, newValue: string | Template): void;
-    onSupplementaryTemplateChanged(template: Template): void;
     getItemSourceAtIndex(index: number): any;
     getItemArrayAtIndex(index: number): any;
     onItemsChanged(oldValue: any, newValue: any): void;
-    spanSize: (item: any, index: number) => number;
-    onSpanSizeChangedInternal: (oldValue: any, newValue: any) => void;
+    onSpanSizeChanged: (oldValue: any, newValue: any) => void;
+    onItemOverlapChanged: (oldValue: any, newValue: any) => void;
     _isDataDirty: boolean;
     onLoaded(): void;
     onSourceCollectionChanged(event: ChangedData<any>): void;
@@ -193,27 +157,25 @@ export declare abstract class CollectionViewBase extends View implements Collect
     abstract startDragging(index: number): any;
     draggingView: View;
     _callItemReorderedEvent(oldPosition: any, newPosition: any, item: any): void;
+    _canReorderToPosition(oldPosition: any, newPosition: any, item: any): boolean;
     _reorderItemInSource(oldPosition: number, newPosition: number, callEvents?: boolean): void;
     shouldMoveItemAtIndex(index: number): boolean;
 }
 export declare const rowHeightProperty: Property<CollectionViewBase, CoreTypes.PercentLengthType>;
 export declare const colWidthProperty: Property<CollectionViewBase, CoreTypes.PercentLengthType>;
-export declare const orientationProperty: Property<CollectionViewBase, CoreTypes.OrientationType>;
+export declare const orientationProperty: Property<CollectionViewBase, Orientation>;
 export declare const itemTemplateProperty: Property<CollectionViewBase, string | Template>;
 export declare const itemTemplatesProperty: Property<CollectionViewBase, KeyedTemplate[]>;
-export declare const headerItemTemplateProperty: Property<CollectionViewBase, string | Template>;
-export declare const footerItemTemplateProperty: Property<CollectionViewBase, string | Template>;
-export declare const sectionTemplateProperty: Property<CollectionViewBase, string | Template>;
 export declare const itemTemplateSelectorProperty: Property<CollectionViewBase, Function>;
 export declare const itemIdGeneratorProperty: Property<CollectionViewBase, Function>;
 export declare const itemsProperty: Property<CollectionViewBase, Function>;
 export declare const spanSizeProperty: Property<CollectionViewBase, Function>;
 export declare const isScrollEnabledProperty: Property<CollectionViewBase, boolean>;
 export declare const isBounceEnabledProperty: Property<CollectionViewBase, boolean>;
-export declare const isAnimationEnabledProperty: Property<CollectionViewBase, boolean>;
 export declare const reverseLayoutProperty: Property<CollectionViewBase, boolean>;
 export declare const loadMoreThresholdProperty: Property<CollectionViewBase, number>;
 export declare const reorderingEnabledProperty: Property<CollectionViewBase, boolean>;
 export declare const reorderLongPressEnabledProperty: Property<CollectionViewBase, boolean>;
 export declare const scrollBarIndicatorVisibleProperty: Property<CollectionViewBase, boolean>;
 export declare const autoReloadItemOnLayoutProperty: Property<CollectionViewBase, boolean>;
+export declare const itemOverlapProperty: Property<CollectionViewBase, Function>;

package/common.js

@@ -11,34 +11,21 @@ export var ContentInsetAdjustmentBehavior;
 })(ContentInsetAdjustmentBehavior || (ContentInsetAdjustmentBehavior = {}));
 export var CLogTypes;
 (function (CLogTypes) {
-    CLogTypes[CLogTypes["log"] = Trace.messageType.log] = "log";
-    CLogTypes[CLogTypes["info"] = Trace.messageType.info] = "info";
-    CLogTypes[CLogTypes["warning"] = Trace.messageType.warn] = "warning";
-    CLogTypes[CLogTypes["error"] = Trace.messageType.error] = "error";
+    CLogTypes[CLogTypes["log"] = 0] = "log";
+    CLogTypes[CLogTypes["info"] = 1] = "info";
+    CLogTypes[CLogTypes["warning"] = 2] = "warning";
+    CLogTypes[CLogTypes["error"] = 3] = "error";
 })(CLogTypes || (CLogTypes = {}));
 export const CLog = (type, ...args) => {
     Trace.write(args.map((a) => (a && typeof a === 'object' ? a.toString() : a)).join(' '), CollectionViewTraceCategory, type);
 };
 const autoEffectiveRowHeight = 0;
 const autoEffectiveColWidth = 0;
-/**
- * Defines the different view types that {@link RadListView} can display in various scenarios.
- */
-export var ViewTemplateType;
-(function (ViewTemplateType) {
-    /**
-     * Identifies a view created using the {@link headerItemTemplate} value.
-     */
-    ViewTemplateType["Header"] = "ns_default_header";
-    /**
-     * Identifies a view created using the {@link footerItemTemplate} value.
-     */
-    ViewTemplateType["Footer"] = "ns_default_footer";
-    /**
-     * Identifies a view created using the {@link itemTemplate} value.
-     */
-    ViewTemplateType["Item"] = "ns_default_item";
-})(ViewTemplateType || (ViewTemplateType = {}));
+// export * from 'ui/core/view';
+export var ListViewViewTypes;
+(function (ListViewViewTypes) {
+    ListViewViewTypes[ListViewViewTypes["ItemView"] = 0] = "ItemView";
+})(ListViewViewTypes || (ListViewViewTypes = {}));
 export var knownTemplates;
 (function (knownTemplates) {
     knownTemplates.itemTemplate = 'itemTemplate';
@@ -47,23 +34,6 @@ export var knownMultiTemplates;
 (function (knownMultiTemplates) {
     knownMultiTemplates.itemTemplates = 'itemTemplates';
 })(knownMultiTemplates || (knownMultiTemplates = {}));
-Builder.knownTemplates.add('itemTemplate').add('headerItemTemplate').add('footerItemTemplate');
-Builder.knownMultiTemplates.add('itemTemplates');
-export function getUUID() {
-    var _a, _b;
-    if (global.crypto === undefined) {
-        (_a = global).crypto ?? (_a.crypto = {});
-        (_b = global.crypto).randomUUID ?? (_b.randomUUID = function generateUUID() {
-            if (global.isAndroid) {
-                return java.util.UUID.randomUUID().toString();
-            }
-            if (global.isIOS) {
-                return NSUUID.UUID().UUIDString;
-            }
-        });
-    }
-    return global.crypto.randomUUID();
-}
 function toDevicePixels(length, auto = Number.NaN, parentAvailableWidth = Number.NaN) {
     if (length === 'auto') {
         // tslint:disable-line
@@ -101,10 +71,14 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         this.plugins = [];
         // public _itemIdGenerator: (item: any, index: number, items: any) => number = (_item: any, index: number) => index;
         this._itemIdGenerator = null;
-        this.onSpanSizeChangedInternal = (oldValue, newValue) => {
+        this.onSpanSizeChanged = (oldValue, newValue) => {
             this.spanSize = newValue;
             this.refresh();
         };
+        this.onItemOverlapChanged = (oldValue, newValue) => {
+            this.itemOverlap = newValue;
+            this.refresh();
+        };
         this._isDataDirty = false;
         this._defaultTemplate = {
             key: 'default',
@@ -122,12 +96,17 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         throw new Error('Method not implemented.');
     }
     updateInnerSize() {
+        const lastInnerWidth = this._innerWidth;
+        const lastInnerHeight = this._innerHeight;
         const width = this.getMeasuredWidth();
         const height = this.getMeasuredHeight();
+        if (width === 0 || height === 0) {
+            return false;
+        }
         this._innerWidth = width - this.effectivePaddingLeft - this.effectivePaddingRight;
         if (this.colWidth) {
             let newValue = toDevicePixels(this.colWidth, autoEffectiveColWidth, this._innerWidth); // We cannot use 0 for auto as it throws for android.
-            if (global.isAndroid) {
+            if (__ANDROID__) {
                 newValue = Math.floor(newValue);
             }
             if (newValue !== this._effectiveColWidth) {
@@ -137,24 +116,17 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         this._innerHeight = height - this.effectivePaddingTop - this.effectivePaddingBottom;
         if (this.rowHeight) {
             let newValue = toDevicePixels(this.rowHeight, autoEffectiveRowHeight, this._innerHeight);
-            if (global.isAndroid) {
+            if (__ANDROID__) {
                 newValue = Math.floor(newValue);
             }
             if (newValue !== this._effectiveRowHeight) {
                 this._effectiveRowHeight = newValue;
             }
         }
+        return lastInnerWidth !== this._innerWidth || lastInnerHeight !== this._innerHeight;
     }
-    // public onLayout(left: number, top: number, right: number, bottom: number) {
-    //     super.onLayout(left, top, right, bottom);
-    //     // on ios and during device rotation the getMeasuredWidth and getMeasuredHeight are wrong
-    //     // so we use left, top , right, bottom
-    //     this.updateInnerSize();
-    // }
     onMeasure(widthMeasureSpec, heightMeasureSpec) {
         super.onMeasure(widthMeasureSpec, heightMeasureSpec);
-        // on ios and during device rotation the getMeasuredWidth and getMeasuredHeight are wrong
-        // so we use left, top , right, bottom
         this.updateInnerSize();
     }
     _prepareItem(view, index) {
@@ -261,35 +233,28 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         if (this._itemTemplatesInternal.has(key)) {
             return this._itemTemplatesInternal.get(key);
         }
-        return null;
+        return this._itemTemplatesInternal.get('default');
     }
-    getViewForTemplateType(templateKey, templateType = ViewTemplateType.Item) {
+    getViewForViewType(viewType, templateKey) {
         let newView;
-        // console.log('getViewForTemplateType - templateKey: ', templateKey, ' templateType: ', templateType);
-        if (templateType) {
+        if (templateKey) {
             const template = this.getTemplateFromSelector(templateKey);
-            // console.log('template:', template)
-            if (template && template.createView) {
-                newView = template.createView();
-            }
+            newView = template.createView();
         }
         if (!newView && this._itemViewLoader !== undefined) {
-            // console.log('...using _itemViewLoader...')
-            newView = this._itemViewLoader(templateType);
+            newView = this._itemViewLoader(templateKey);
         }
         if (newView) {
             return newView;
         }
         let templateString;
-        switch (templateType) {
-            case ViewTemplateType.Item:
+        switch (viewType) {
+            case ListViewViewTypes.ItemView:
                 templateString = this.itemTemplate;
-                break;
-            case ViewTemplateType.Header:
-                templateString = this.headerItemTemplate;
-                break;
-            case ViewTemplateType.Footer:
-                templateString = this.footerItemTemplate;
+                if (templateString === undefined) {
+                    return undefined;
+                    // return this._getDefaultItemContent();
+                }
                 break;
         }
         return templateString === undefined ? undefined : this.resolveTemplateView(templateString);
@@ -351,17 +316,13 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         }
     }
     onItemTemplatesChanged(oldValue, newValue) {
-        console.log('onItemTemplatesChanged:', newValue);
-        if (!this._itemTemplatesInternal) {
-            this._itemTemplatesInternal = new Map();
-        }
+        this._itemTemplatesInternal = new Map();
         if (newValue) {
             newValue.forEach((t) => {
                 if (!t.key) {
                     t.key = t._key;
                     delete t._key;
                 }
-                console.log('t.key:', t.key);
                 this._itemTemplatesInternal.set(t.key, t);
             });
         }
@@ -369,40 +330,10 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
             this._itemTemplatesInternal.set(this._defaultTemplate.key, this._defaultTemplate);
         }
     }
-    onItemTemplateChanged(oldValue, newValue) {
-        // console.log('onItemTemplateChanged:', newValue)
-    }
+    onItemTemplateChanged(oldValue, newValue) { }
     // onItemTemplateSelectorPropertyChanged(oldValue, newValue) {
     //     this.onItemTemplateSelectorChanged(oldValue, newValue);
     // }
-    onHeaderItemTemplateChanged(oldValue, newValue) {
-        this.onSupplementaryTemplateChanged(newValue);
-        // if (this.headerKey) {
-        //     console.log('onHeaderItemTemplateChanged this.headerKey:', this.headerKey)
-        //     if (!this._itemTemplatesInternal.has(this.headerKey)) {
-        //         this._itemTemplatesInternal.set(this.headerKey, {
-        //             key: this.headerKey,
-        //             createView: () => {
-        //                 if (this.headerItemTemplate) {
-        //                     return Builder.parse(this.headerItemTemplate, this);
-        //                 }
-        //                 return undefined;
-        //             }
-        //         });
-        //     }
-        // }
-    }
-    onFooterItemTemplateChanged(oldValue, newValue) {
-        this.onSupplementaryTemplateChanged(newValue);
-    }
-    onSupplementaryTemplateChanged(template) {
-        // if (typeof template !== 'string') {
-        //     const key = template.key.toLowerCase();
-        //     if (!this._itemTemplatesInternal.has(key)) {
-        //         this._itemTemplatesInternal.set(key, template);
-        //     }
-        // }
-    }
     getItemSourceAtIndex(index) {
         return this.items.getItem(index);
     }
@@ -469,6 +400,19 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         this.notify(args);
         this.draggingView = null;
     }
+    _canReorderToPosition(oldPosition, newPosition, item) {
+        const args = {
+            returnValue: true,
+            eventName: CollectionViewBase_1.itemReorderCheckEvent,
+            object: this,
+            index: oldPosition,
+            item,
+            data: { targetIndex: newPosition },
+            view: this.draggingView
+        };
+        this.notify(args);
+        return args.returnValue;
+    }
     _reorderItemInSource(oldPosition, newPosition, callEvents = true) {
         this.suspendUpdates();
         const ownerSource = this.items;
@@ -481,9 +425,9 @@ let CollectionViewBase = CollectionViewBase_1 = class CollectionViewBase extends
         }
     }
     shouldMoveItemAtIndex(index) {
-        if (!this.reorderEnabled) {
-            return false;
-        }
+        // if (!this.reorderEnabled) {
+        //     return false;
+        // }
         const item = this.getItemAtIndex(index);
         const view = (this.draggingView = this.getViewForItemAtIndex(index));
         let args = {
@@ -521,6 +465,7 @@ CollectionViewBase.itemHighlightEvent = 'itemHighlight';
 CollectionViewBase.itemHighlightEndEvent = 'itemHighlightEnd';
 CollectionViewBase.displayItemEvent = 'displayItem';
 CollectionViewBase.itemReorderedEvent = 'itemReordered';
+CollectionViewBase.itemReorderCheckEvent = 'itemReorderCheck';
 CollectionViewBase.itemReorderStartingEvent = 'itemReorderStarting';
 CollectionViewBase.itemReorderStartedEvent = 'itemReorderStarted';
 CollectionViewBase.loadMoreItemsEvent = 'loadMoreItems';
@@ -540,6 +485,36 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], CollectionViewBase.prototype, "notifyLoading", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object, Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewBase.prototype, "onItemIdGeneratorChanged", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object, Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewBase.prototype, "onItemTemplatesChanged", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object, Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewBase.prototype, "onItemsChanged", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewBase.prototype, "onSourceCollectionChanged", null);
+__decorate([
+    profile,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], CollectionViewBase.prototype, "onSourceCollectionChangedInternal", null);
 CollectionViewBase = CollectionViewBase_1 = __decorate([
     CSSType('CollectionView'),
     __metadata("design:paramtypes", [])
@@ -552,8 +527,10 @@ export const rowHeightProperty = new Property({
     equalityComparer: PercentLength.equals,
     valueConverter: PercentLength.parse,
     valueChanged: (target, oldValue, newValue) => {
-        target._effectiveRowHeight = PercentLength.toDevicePixels(newValue, autoEffectiveRowHeight, target._innerHeight);
-        target._onRowHeightPropertyChanged(oldValue, newValue);
+        if (target._innerHeight !== 0) {
+            target._effectiveRowHeight = PercentLength.toDevicePixels(newValue, autoEffectiveRowHeight, target._innerHeight);
+            target._onRowHeightPropertyChanged(oldValue, newValue);
+        }
     }
 });
 rowHeightProperty.register(CollectionViewBase);
@@ -566,8 +543,8 @@ export const colWidthProperty = new Property({
     valueChanged: (target, oldValue, newValue) => {
         if (target._innerWidth !== 0) {
             target._effectiveColWidth = PercentLength.toDevicePixels(newValue, autoEffectiveColWidth, target._innerWidth);
+            target._onColWidthPropertyChanged(oldValue, newValue);
         }
-        target._onColWidthPropertyChanged(oldValue, newValue);
     }
 });
 colWidthProperty.register(CollectionViewBase);
@@ -602,27 +579,6 @@ export const itemTemplatesProperty = new Property({
     }
 });
 itemTemplatesProperty.register(CollectionViewBase);
-export const headerItemTemplateProperty = new Property({
-    name: "headerItemTemplate",
-    defaultValue: undefined,
-    valueChanged(target, oldValue, newValue) {
-        target.onHeaderItemTemplateChanged(oldValue, newValue);
-    }
-});
-headerItemTemplateProperty.register(CollectionViewBase);
-export const footerItemTemplateProperty = new Property({
-    name: "footerItemTemplate",
-    defaultValue: undefined,
-    valueChanged(target, oldValue, newValue) {
-        target.onFooterItemTemplateChanged(oldValue, newValue);
-    }
-});
-footerItemTemplateProperty.register(CollectionViewBase);
-export const sectionTemplateProperty = new Property({
-    name: "sectionTemplate",
-    defaultValue: undefined,
-});
-sectionTemplateProperty.register(CollectionViewBase);
 export const itemTemplateSelectorProperty = new Property({
     name: 'itemTemplateSelector',
     defaultValue: undefined,
@@ -651,7 +607,7 @@ export const spanSizeProperty = new Property({
     name: 'spanSize',
     defaultValue: undefined,
     valueChanged(target, oldValue, newValue) {
-        target.onSpanSizeChangedInternal(oldValue, newValue);
+        target.onSpanSizeChanged(oldValue, newValue);
     }
 });
 spanSizeProperty.register(CollectionViewBase);
@@ -667,12 +623,6 @@ export const isBounceEnabledProperty = new Property({
     valueConverter: booleanConverter
 });
 isBounceEnabledProperty.register(CollectionViewBase);
-export const isAnimationEnabledProperty = new Property({
-    name: 'isAnimationEnabled',
-    defaultValue: true,
-    valueConverter: booleanConverter
-});
-isAnimationEnabledProperty.register(CollectionViewBase);
 export const reverseLayoutProperty = new Property({
     name: 'reverseLayout',
     defaultValue: false,
@@ -709,4 +659,12 @@ export const autoReloadItemOnLayoutProperty = new Property({
     valueConverter: booleanConverter
 });
 autoReloadItemOnLayoutProperty.register(CollectionViewBase);
+export const itemOverlapProperty = new Property({
+    name: 'itemOverlap',
+    defaultValue: undefined,
+    valueChanged(target, oldValue, newValue) {
+        target.onItemOverlapChanged(oldValue, newValue);
+    }
+});
+itemOverlapProperty.register(CollectionViewBase);
 //# sourceMappingURL=common.js.map