@nativescript-community/ui-pager 13.0.36 → 13.0.39

package/index.android.js

@@ -1,7 +1,7 @@
 import { ChangeType, Color, Device, ObservableArray, Property, Screen, StackLayout, View, ViewBase, profile } from '@nativescript/core';
 import { isString } from '@nativescript/core/utils/types';
 import { layout } from '@nativescript/core/utils/utils';
-import { Indicator, PagerBase, PagerItem, Transformer, autoPlayProperty, autoplayDelayProperty, disableSwipeProperty, indicatorColorProperty, indicatorProperty, indicatorSelectedColorProperty, itemTemplatesProperty, itemsProperty, orientationProperty, peakingProperty, selectedIndexProperty, showIndicatorProperty, spacingProperty } from './index.common';
+import { Indicator, PagerBase, Transformer, autoPlayProperty, autoplayDelayProperty, disableSwipeProperty, indicatorColorProperty, indicatorProperty, indicatorSelectedColorProperty, itemTemplatesProperty, itemsProperty, orientationProperty, peakingProperty, selectedIndexProperty, showIndicatorProperty, spacingProperty } from './index.common';
 export * from './index.common';
 export { Transformer } from './index.common';
 function notifyForItemAtIndex(owner, nativeView, view, eventName, index) {
@@ -21,7 +21,7 @@ export class Pager extends PagerBase {
     constructor() {
         super();
         this._oldDisableAnimation = false;
-        this._realizedItems = new Map();
+        this._viewHolders = new Set();
         this._childrenViewsType = new Map();
         this._realizedTemplates = new Map();
         this.lastEvent = 0;
@@ -88,8 +88,6 @@ export class Pager extends PagerBase {
         else {
             this._pager.setOrientation(androidx.viewpager2.widget.ViewPager2.ORIENTATION_HORIZONTAL);
         }
-        initPagerChangeCallback();
-        this._pageListener = new PageChangeCallback(new WeakRef(this));
         initPagerRecyclerAdapter();
         this._pagerAdapter = new PagerRecyclerAdapter(new WeakRef(this));
         this.compositeTransformer = new androidx.viewpager2.widget.CompositePageTransformer();
@@ -112,6 +110,8 @@ export class Pager extends PagerBase {
         super.initNativeView();
         this._oldDisableAnimation = this.disableAnimation;
         this.disableAnimation = true;
+        initPagerChangeCallback();
+        this._pageListener = new PageChangeCallback(new WeakRef(this));
         this.pager.registerOnPageChangeCallback(this._pageListener);
         this.pager.setAdapter(this._pagerAdapter);
         if (this._androidViewId < 0) {
@@ -134,6 +134,24 @@ export class Pager extends PagerBase {
             this._indicatorView.setCount(0);
         }
     }
+    enumerateViewHolders(cb) {
+        let result, v;
+        for (let it = this._viewHolders.values(), cellItemView = null; (cellItemView = it.next().value);) {
+            if (cellItemView) {
+                result = cb(cellItemView);
+                if (result) {
+                    return result;
+                }
+            }
+        }
+        return result;
+    }
+    getChildView(index) {
+        if (this._childrenViews) {
+            return this._childrenViews[index].view;
+        }
+        return this.enumerateViewHolders((v) => (v.getAdapterPosition() === index ? v.view : undefined));
+    }
     _removeChildView(index) {
         const type = this._childrenViews[index].type;
         this._childrenViewsType.delete(type);
@@ -230,12 +248,24 @@ export class Pager extends PagerBase {
         }
         this.pager.setPageTransformer(this.compositeTransformer);
     }
+    disposeViewHolderViews() {
+        this.enumerateViewHolders((v) => {
+            const view = v.view;
+            if (view && view.isLoaded) {
+                view.callUnloaded();
+            }
+            view._isAddedToNativeVisualTree = false;
+            view._tearDownUI();
+        });
+        this._viewHolders = new Set();
+    }
     disposeNativeView() {
         this.off(View.layoutChangedEvent, this.onLayoutChange, this);
         this._childrenViews = null;
-        this._realizedItems.clear();
+        this.disposeViewHolderViews();
         this._realizedTemplates.clear();
         this._pageListener = null;
+        this.pager.setAdapter(null);
         this._pagerAdapter = null;
         this._transformers = [];
         if (this._observableArrayInstance) {
@@ -365,12 +395,21 @@ export class Pager extends PagerBase {
     onUnloaded() {
         super.onUnloaded();
     }
-    eachChildView(callback) {
-        if (this._realizedItems && this._realizedItems.size > 0) {
-            this._realizedItems.forEach((view, key) => {
-                callback(view);
-            });
-        }
+    eachChild(callback) {
+        super.eachChild(callback);
+        this.enumerateViewHolders((v) => {
+            const view = v.view;
+            if (view) {
+                if (view.parent instanceof Pager) {
+                    callback(view);
+                }
+                else {
+                    if (view.parent) {
+                        callback(view.parent);
+                    }
+                }
+            }
+        });
     }
     updateAdapter() {
         this._pagerAdapter.notifyDataSetChanged();
@@ -519,116 +558,118 @@ function initPagerChangeCallback() {
     if (PageChangeCallback) {
         return PageChangeCallback;
     }
-    let PageChangeCallbackImpl = class PageChangeCallbackImpl extends androidx.viewpager2.widget.ViewPager2.OnPageChangeCallback {
-        constructor(owner) {
-            super();
-            this.owner = owner;
-            return global.__native(this);
+    var PageChangeCallbackImpl = /** @class */ (function (_super) {
+    __extends(PageChangeCallbackImpl, _super);
+    function PageChangeCallbackImpl(owner) {
+        var _this = _super.call(this) || this;
+        _this.owner = owner;
+        return global.__native(_this);
+    }
+    PageChangeCallbackImpl.prototype.onPageSelected = function (position) {
+        var owner = this.owner && this.owner.get();
+        if (owner) {
+            owner.notify({
+                eventName: Pager.swipeEvent,
+                object: owner
+            });
         }
-        onPageSelected(position) {
-            const owner = this.owner && this.owner.get();
-            if (owner) {
+    };
+    PageChangeCallbackImpl.prototype.onPageScrolled = function (position, positionOffset, positionOffsetPixels) {
+        var owner = this.owner && this.owner.get();
+        if (owner && owner.isLayoutValid) {
+            if (owner.circularMode) {
+                position = owner.pagerAdapter.getPosition(position);
+            }
+            var offset = position * positionOffsetPixels;
+            if (owner.orientation === 'vertical') {
+                owner._horizontalOffset = 0;
+                owner._verticalOffset = offset;
+            }
+            else if (owner.orientation === 'horizontal') {
+                owner._horizontalOffset = offset;
+                owner._verticalOffset = 0;
+            }
+            owner.notify({
+                eventName: Pager.scrollEvent,
+                object: owner,
+                selectedIndex: position,
+                currentPosition: position + positionOffset,
+                scrollX: owner.horizontalOffset,
+                scrollY: owner.verticalOffset
+            });
+            if (owner.items && position === owner.pagerAdapter.lastIndex() - owner.loadMoreCount) {
+                owner.notify({ eventName: Pager.loadMoreItemsEvent, object: owner });
+            }
+            if (owner.showIndicator && owner.indicatorView) {
+                var progress = Pager.getProgress(owner.indicatorView, position, positionOffset, false);
+                var selectingPosition = progress[0];
+                var selectingProgress = progress[1];
+                owner.indicatorView.setInteractiveAnimation(true);
+                owner.indicatorView.setProgress(selectingPosition, selectingProgress);
+            }
+        }
+    };
+    PageChangeCallbackImpl.prototype.onPageScrollStateChanged = function (state) {
+        var owner = this.owner && this.owner.get();
+        if (owner) {
+            if (owner.lastEvent === 0 && state === 1) {
                 owner.notify({
-                    eventName: Pager.swipeEvent,
+                    eventName: Pager.swipeStartEvent,
                     object: owner
                 });
+                owner.lastEvent = 1;
             }
-        }
-        onPageScrolled(position, positionOffset, positionOffsetPixels) {
-            const owner = this.owner && this.owner.get();
-            if (owner && owner.isLayoutValid) {
-                if (owner.circularMode) {
-                    position = owner.pagerAdapter.getPosition(position);
-                }
-                const offset = position * positionOffsetPixels;
-                if (owner.orientation === 'vertical') {
-                    owner._horizontalOffset = 0;
-                    owner._verticalOffset = offset;
-                }
-                else if (owner.orientation === 'horizontal') {
-                    owner._horizontalOffset = offset;
-                    owner._verticalOffset = 0;
-                }
+            else if (owner.lastEvent === 1 && state === 1) {
                 owner.notify({
-                    eventName: Pager.scrollEvent,
-                    object: owner,
-                    selectedIndex: position,
-                    currentPosition: position + positionOffset,
-                    scrollX: owner.horizontalOffset,
-                    scrollY: owner.verticalOffset
+                    eventName: Pager.swipeOverEvent,
+                    object: owner
                 });
-                if (owner.items && position === owner.pagerAdapter.lastIndex() - owner.loadMoreCount) {
-                    owner.notify({ eventName: Pager.loadMoreItemsEvent, object: owner });
-                }
-                if (owner.showIndicator && owner.indicatorView) {
-                    const progress = Pager.getProgress(owner.indicatorView, position, positionOffset, false);
-                    const selectingPosition = progress[0];
-                    const selectingProgress = progress[1];
-                    owner.indicatorView.setInteractiveAnimation(true);
-                    owner.indicatorView.setProgress(selectingPosition, selectingProgress);
-                }
+                owner.lastEvent = 1;
             }
-        }
-        onPageScrollStateChanged(state) {
-            const owner = this.owner && this.owner.get();
-            if (owner) {
-                if (owner.lastEvent === 0 && state === 1) {
-                    owner.notify({
-                        eventName: Pager.swipeStartEvent,
-                        object: owner
-                    });
-                    owner.lastEvent = 1;
-                }
-                else if (owner.lastEvent === 1 && state === 1) {
-                    owner.notify({
-                        eventName: Pager.swipeOverEvent,
-                        object: owner
-                    });
-                    owner.lastEvent = 1;
-                }
-                else if (owner.lastEvent === 1 && state === 2) {
-                    owner.notify({
-                        eventName: Pager.swipeEndEvent,
-                        object: owner
-                    });
-                    owner.lastEvent = 2;
-                }
-                else {
-                    owner.lastEvent = 0;
-                }
-                if (owner.isLayoutValid && state === androidx.viewpager2.widget.ViewPager2.SCROLL_STATE_IDLE) {
-                    const count = owner.pagerAdapter.getItemCount();
-                    const index = owner.pager.getCurrentItem();
-                    if (owner.circularMode) {
-                        if (index === 0) {
-                            owner.indicatorView.setInteractiveAnimation(false);
-                            owner.pager.setCurrentItem(count - 2, false);
-                            selectedIndexProperty.nativeValueChange(owner, count - 3);
-                            owner.indicatorView.setSelected(count - 3);
-                            owner.indicatorView.setInteractiveAnimation(true);
-                        }
-                        else if (index === count - 1) {
-                            owner.indicatorView.setInteractiveAnimation(false);
-                            owner.indicatorView.setSelected(0);
-                            owner.pager.setCurrentItem(1, false);
-                            selectedIndexProperty.nativeValueChange(owner, 0);
-                            owner.indicatorView.setInteractiveAnimation(true);
-                        }
-                        else {
-                            selectedIndexProperty.nativeValueChange(owner, index - 1);
-                        }
+            else if (owner.lastEvent === 1 && state === 2) {
+                owner.notify({
+                    eventName: Pager.swipeEndEvent,
+                    object: owner
+                });
+                owner.lastEvent = 2;
+            }
+            else {
+                owner.lastEvent = 0;
+            }
+            if (owner.isLayoutValid && state === androidx.viewpager2.widget.ViewPager2.SCROLL_STATE_IDLE) {
+                // ts-ignore
+                var count = owner.pagerAdapter.getItemCount();
+                var index = owner.pager.getCurrentItem();
+                if (owner.circularMode) {
+                    if (index === 0) {
+                        // last item
+                        owner.indicatorView.setInteractiveAnimation(false);
+                        owner.pager.setCurrentItem(count - 2, false);
+                        selectedIndexProperty.nativeValueChange(owner, count - 3);
+                        owner.indicatorView.setSelected(count - 3);
+                        owner.indicatorView.setInteractiveAnimation(true);
+                    }
+                    else if (index === count - 1) {
+                        // first item
+                        owner.indicatorView.setInteractiveAnimation(false);
+                        owner.indicatorView.setSelected(0);
+                        owner.pager.setCurrentItem(1, false);
+                        selectedIndexProperty.nativeValueChange(owner, 0);
+                        owner.indicatorView.setInteractiveAnimation(true);
                     }
                     else {
-                        selectedIndexProperty.nativeValueChange(owner, index);
-                        owner.indicatorView.setSelected(index);
+                        selectedIndexProperty.nativeValueChange(owner, index - 1);
                     }
                 }
+                else {
+                    selectedIndexProperty.nativeValueChange(owner, index);
+                    owner.indicatorView.setSelected(index);
+                }
             }
         }
     };
-    PageChangeCallbackImpl = __decorate([
-        NativeClass
-    ], PageChangeCallbackImpl);
+    return PageChangeCallbackImpl;
+}(androidx.viewpager2.widget.ViewPager2.OnPageChangeCallback));
     PageChangeCallback = PageChangeCallbackImpl;
 }
 let PagerRecyclerAdapter;
@@ -636,138 +677,140 @@ function initPagerRecyclerAdapter() {
     if (PagerRecyclerAdapter) {
         return;
     }
-    let PagerRecyclerAdapterImpl = class PagerRecyclerAdapterImpl extends androidx.recyclerview.widget.RecyclerView.Adapter {
-        constructor(owner) {
-            super();
-            this.owner = owner;
-            return global.__native(this);
+    var PagerRecyclerAdapterImpl = /** @class */ (function (_super) {
+    __extends(PagerRecyclerAdapterImpl, _super);
+    function PagerRecyclerAdapterImpl(owner) {
+        var _this = _super.call(this) || this;
+        _this.owner = owner;
+        return global.__native(_this);
+    }
+    PagerRecyclerAdapterImpl.prototype.onCreateViewHolder = function (param0, type) {
+        var owner = this.owner ? this.owner.get() : null;
+        if (!owner) {
+            return null;
         }
-        onCreateViewHolder(param0, type) {
-            const owner = this.owner ? this.owner.get() : null;
-            if (!owner) {
-                return null;
-            }
-            const template = owner._itemTemplatesInternal[type];
-            let view = template.createView();
-            if (!view && owner._itemViewLoader !== undefined) {
-                view = owner._itemViewLoader(template.key);
+        var template = owner._itemTemplatesInternal[type];
+        var view = template.createView();
+        if (!view && owner._itemViewLoader !== undefined) {
+            view = owner._itemViewLoader(template.key);
+        }
+        var sp = new StackLayout();
+        if (view) {
+            sp.addChild(view);
+        }
+        else {
+            sp[PLACEHOLDER] = true;
+        }
+        sp._setupAsRootView(owner._context);
+        sp._isAddedToNativeVisualTree = true;
+        sp.callLoaded();
+        sp.nativeView.setLayoutParams(new android.view.ViewGroup.LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT, android.view.ViewGroup.LayoutParams.MATCH_PARENT));
+        initPagerViewHolder();
+        var holder = new PagerViewHolder(new WeakRef(sp), new WeakRef(owner));
+        owner._viewHolders.add(holder);
+        return holder;
+    };
+    PagerRecyclerAdapterImpl.prototype.getPosition = function (index) {
+        var owner = this.owner && this.owner.get();
+        var position = index;
+        if (owner && owner.circularMode) {
+            if (position === 0) {
+                position = this.lastDummy();
             }
-            const sp = new StackLayout();
-            if (view) {
-                sp.addChild(view);
+            else if (position === this.firstDummy()) {
+                position = 0;
             }
             else {
-                sp[PLACEHOLDER] = true;
-            }
-            owner._addView(sp);
-            sp.nativeView.setLayoutParams(new android.view.ViewGroup.LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT, android.view.ViewGroup.LayoutParams.MATCH_PARENT));
-            owner._realizedItems.set(sp.nativeView, sp);
-            initPagerViewHolder();
-            return new PagerViewHolder(new WeakRef(sp), new WeakRef(owner));
-        }
-        getPosition(index) {
-            const owner = this.owner && this.owner.get();
-            let position = index;
-            if (owner && owner.circularMode) {
-                if (position === 0) {
-                    position = this.lastDummy();
+                position = position - 1;
+            }
+        }
+        return position;
+    };
+    PagerRecyclerAdapterImpl.prototype.onBindViewHolder = function (holder, index) {
+        var owner = this.owner ? this.owner.get() : null;
+        if (owner) {
+            if (owner.circularMode) {
+                if (index === 0) {
+                    index = this.lastDummy();
                 }
-                else if (position === this.firstDummy()) {
-                    position = 0;
+                else if (index === this.firstDummy()) {
+                    index = 0;
                 }
                 else {
-                    position = position - 1;
+                    index = index - 1;
                 }
             }
-            return position;
-        }
-        onBindViewHolder(holder, index) {
-            const owner = this.owner ? this.owner.get() : null;
-            if (owner) {
-                if (owner.circularMode) {
-                    if (index === 0) {
-                        index = this.lastDummy();
-                    }
-                    else if (index === this.firstDummy()) {
-                        index = 0;
-                    }
-                    else {
-                        index = index - 1;
-                    }
+            var bindingContext = owner._getDataItem(index);
+            var args = {
+                eventName: Pager.itemLoadingEvent,
+                object: owner,
+                android: holder,
+                ios: undefined,
+                index: index,
+                bindingContext: bindingContext,
+                view: holder.view[PLACEHOLDER] ? null : holder.view.getChildAt(0)
+            };
+            owner.notify(args);
+            if (holder.view[PLACEHOLDER]) {
+                if (args.view) {
+                    holder.view.addChild(args.view);
                 }
-                const bindingContext = owner._getDataItem(index);
-                const args = {
-                    eventName: Pager.itemLoadingEvent,
-                    object: owner,
-                    android: holder,
-                    ios: undefined,
-                    index,
-                    bindingContext,
-                    view: holder.view[PLACEHOLDER] ? null : holder.view.getChildAt(0)
-                };
-                owner.notify(args);
-                if (holder.view[PLACEHOLDER]) {
-                    if (args.view) {
-                        holder.view.addChild(args.view);
-                    }
-                    else {
-                        holder.view.addChild(owner._getDefaultItemContent(index));
-                    }
-                    holder.view[PLACEHOLDER] = false;
-                }
-                owner._prepareItem(holder.view, index);
-            }
-        }
-        getItemId(i) {
-            const owner = this.owner ? this.owner.get() : null;
-            let id = i;
-            if (owner && owner.items) {
-                const item = owner.items.getItem ? owner.items.getItem(i) : owner.items[i];
-                if (item) {
-                    id = owner.itemIdGenerator(item, i, owner.items);
+                else {
+                    holder.view.addChild(owner._getDefaultItemContent(index));
                 }
+                holder.view[PLACEHOLDER] = false;
             }
-            return long(id);
-        }
-        getItemCount() {
-            const owner = this.owner ? this.owner.get() : null;
-            return owner && owner.items && owner.items.length ? owner.items.length + (owner.circularMode ? 2 : 0) : 0;
+            owner._prepareItem(holder.view, index);
         }
-        getItemViewType(index) {
-            const owner = this.owner ? this.owner.get() : null;
-            if (owner) {
-                const template = owner._getItemTemplate(index);
-                return owner._itemTemplatesInternal.indexOf(template);
+    };
+    PagerRecyclerAdapterImpl.prototype.getItemId = function (i) {
+        var owner = this.owner ? this.owner.get() : null;
+        var id = i;
+        if (owner && owner.items) {
+            var item = owner.items.getItem ? owner.items.getItem(i) : owner.items[i];
+            if (item) {
+                id = owner.itemIdGenerator(item, i, owner.items);
             }
-            return 0;
         }
-        lastIndex() {
-            const owner = this.owner && this.owner.get();
-            if (owner) {
-                if (owner.items.length === 0) {
-                    return 0;
-                }
-                return owner.circularMode ? this.getItemCount() - 3 : this.getItemCount() - 1;
-            }
-            return 0;
+        return long(id);
+    };
+    PagerRecyclerAdapterImpl.prototype.getItemCount = function () {
+        var owner = this.owner ? this.owner.get() : null;
+        return owner && owner.items && owner.items.length ? owner.items.length + (owner.circularMode ? 2 : 0) : 0;
+    };
+    PagerRecyclerAdapterImpl.prototype.getItemViewType = function (index) {
+        var owner = this.owner ? this.owner.get() : null;
+        if (owner) {
+            var template = owner._getItemTemplate(index);
+            return owner._itemTemplatesInternal.indexOf(template);
         }
-        firstDummy() {
-            const count = this.getItemCount();
-            if (count === 0) {
+        return 0;
+    };
+    PagerRecyclerAdapterImpl.prototype.lastIndex = function () {
+        var owner = this.owner && this.owner.get();
+        if (owner) {
+            if (owner.items.length === 0) {
                 return 0;
             }
-            return this.getItemCount() - 1;
-        }
-        lastDummy() {
-            return this.lastIndex();
+            return owner.circularMode ? this.getItemCount() - 3 : this.getItemCount() - 1;
         }
-        hasStableIds() {
-            return true;
+        return 0;
+    };
+    PagerRecyclerAdapterImpl.prototype.firstDummy = function () {
+        var count = this.getItemCount();
+        if (count === 0) {
+            return 0;
         }
+        return this.getItemCount() - 1;
     };
-    PagerRecyclerAdapterImpl = __decorate([
-        NativeClass
-    ], PagerRecyclerAdapterImpl);
+    PagerRecyclerAdapterImpl.prototype.lastDummy = function () {
+        return this.lastIndex();
+    };
+    PagerRecyclerAdapterImpl.prototype.hasStableIds = function () {
+        return true;
+    };
+    return PagerRecyclerAdapterImpl;
+}(androidx.recyclerview.widget.RecyclerView.Adapter));
     PagerRecyclerAdapter = PagerRecyclerAdapterImpl;
 }
 let StaticPagerStateAdapter;
@@ -775,91 +818,93 @@ function initStaticPagerStateAdapter() {
     if (StaticPagerStateAdapter) {
         return;
     }
-    let StaticPagerStateAdapterImpl = class StaticPagerStateAdapterImpl extends androidx.recyclerview.widget.RecyclerView.Adapter {
-        constructor(owner) {
-            super();
-            this.owner = owner;
-            return global.__native(this);
-        }
-        onCreateViewHolder(param0, type) {
-            const owner = this.owner ? this.owner.get() : null;
-            if (!owner) {
-                return null;
-            }
-            const view = owner._childrenViewsType.get(type);
-            const sp = new StackLayout();
-            if (view && !view.parent) {
-                sp.addChild(view);
-            }
-            else {
-                sp[PLACEHOLDER] = true;
-            }
-            owner._addView(sp);
-            sp.nativeView.setLayoutParams(new android.view.ViewGroup.LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT, android.view.ViewGroup.LayoutParams.MATCH_PARENT));
-            owner._realizedItems.set(sp.nativeView, sp);
-            initPagerViewHolder();
-            return new PagerViewHolder(new WeakRef(sp), new WeakRef(owner));
-        }
-        onBindViewHolder(holder, index) {
-            const owner = this.owner ? this.owner.get() : null;
-            if (owner) {
-                const args = {
-                    eventName: Pager.itemLoadingEvent,
-                    object: owner,
-                    android: holder,
-                    ios: undefined,
-                    index,
-                    view: holder.view[PLACEHOLDER] ? null : holder.view
-                };
-                owner.notify(args);
-                if (holder.view[PLACEHOLDER]) {
-                    if (args.view) {
-                        holder.view.addChild(args.view);
-                    }
-                    holder.view[PLACEHOLDER] = false;
-                }
-            }
+    var StaticPagerStateAdapterImpl = /** @class */ (function (_super) {
+    __extends(StaticPagerStateAdapterImpl, _super);
+    function StaticPagerStateAdapterImpl(owner) {
+        var _this = _super.call(this) || this;
+        _this.owner = owner;
+        return global.__native(_this);
+    }
+    StaticPagerStateAdapterImpl.prototype.onCreateViewHolder = function (param0, type) {
+        var owner = this.owner ? this.owner.get() : null;
+        if (!owner) {
+            return null;
         }
-        hasStableIds() {
-            return true;
+        var view = owner._childrenViewsType.get(type);
+        var sp = new StackLayout(); // Pager2 requires match_parent so add a parent with to fill
+        if (view && !view.parent) {
+            sp.addChild(view);
         }
-        getItem(i) {
-            const owner = this.owner ? this.owner.get() : null;
-            if (owner) {
-                if (owner._childrenViews) {
-                    return owner._childrenViews[i].view;
+        else {
+            sp[PLACEHOLDER] = true;
+        }
+        sp._setupAsRootView(owner._context);
+        sp._isAddedToNativeVisualTree = true;
+        sp.callLoaded();
+        sp.nativeView.setLayoutParams(new android.view.ViewGroup.LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT, android.view.ViewGroup.LayoutParams.MATCH_PARENT));
+        initPagerViewHolder();
+        var holder = new PagerViewHolder(new WeakRef(sp), new WeakRef(owner));
+        owner._viewHolders.add(holder);
+        return holder;
+    };
+    StaticPagerStateAdapterImpl.prototype.onBindViewHolder = function (holder, index) {
+        var owner = this.owner ? this.owner.get() : null;
+        if (owner) {
+            var args = {
+                eventName: Pager.itemLoadingEvent,
+                object: owner,
+                android: holder,
+                ios: undefined,
+                index: index,
+                view: holder.view[PLACEHOLDER] ? null : holder.view
+            };
+            owner.notify(args);
+            if (holder.view[PLACEHOLDER]) {
+                if (args.view) {
+                    holder.view.addChild(args.view);
                 }
+                holder.view[PLACEHOLDER] = false;
             }
-            return null;
         }
-        getItemId(i) {
-            const owner = this.owner ? this.owner.get() : null;
-            let id = i;
-            if (owner) {
-                const item = this.getItem(i);
-                if (item) {
-                    id = owner.itemIdGenerator(item, i, Array.from(owner._childrenViews));
-                }
+    };
+    StaticPagerStateAdapterImpl.prototype.hasStableIds = function () {
+        return true;
+    };
+    StaticPagerStateAdapterImpl.prototype.getItem = function (i) {
+        var owner = this.owner ? this.owner.get() : null;
+        if (owner) {
+            if (owner._childrenViews) {
+                return owner._childrenViews[i].view;
             }
-            return long(id);
         }
-        getItemCount() {
-            var _a;
-            const owner = this.owner ? this.owner.get() : null;
-            return (owner && ((_a = owner._childrenViews) === null || _a === void 0 ? void 0 : _a.length)) || 0;
-        }
-        getItemViewType(index) {
-            var _a;
-            const owner = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.get();
-            if (owner && owner._childrenViews) {
-                return owner._childrenViews[index].type;
+        return null;
+    };
+    StaticPagerStateAdapterImpl.prototype.getItemId = function (i) {
+        var owner = this.owner ? this.owner.get() : null;
+        var id = i;
+        if (owner) {
+            var item = this.getItem(i);
+            if (item) {
+                id = owner.itemIdGenerator(item, i, Array.from(owner._childrenViews));
             }
-            return index;
         }
+        return long(id);
+    };
+    StaticPagerStateAdapterImpl.prototype.getItemCount = function () {
+        var _a;
+        var owner = this.owner ? this.owner.get() : null;
+        return (owner && ((_a = owner._childrenViews) === null || _a === void 0 ? void 0 : _a.length)) || 0;
+    };
+    StaticPagerStateAdapterImpl.prototype.getItemViewType = function (index) {
+        var _a;
+        var owner = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.get();
+        if (owner && owner._childrenViews) {
+            return owner._childrenViews[index].type;
+        }
+        return index;
     };
-    StaticPagerStateAdapterImpl = __decorate([
-        NativeClass
-    ], StaticPagerStateAdapterImpl);
+    return StaticPagerStateAdapterImpl;
+}(androidx.recyclerview.widget.RecyclerView.Adapter));
     StaticPagerStateAdapter = StaticPagerStateAdapterImpl;
 }
 let PagerViewHolder;
@@ -867,20 +912,24 @@ function initPagerViewHolder() {
     if (PagerViewHolder) {
         return;
     }
-    let PagerViewHolderImpl = class PagerViewHolderImpl extends androidx.recyclerview.widget.RecyclerView.ViewHolder {
-        constructor(owner, pager) {
-            super(owner.get().nativeViewProtected);
-            this.owner = owner;
-            this.pager = pager;
-            return global.__native(this);
-        }
-        get view() {
-            return this.owner ? this.owner.get() : null;
-        }
-    };
-    PagerViewHolderImpl = __decorate([
-        NativeClass
-    ], PagerViewHolderImpl);
+    var PagerViewHolderImpl = /** @class */ (function (_super) {
+    __extends(PagerViewHolderImpl, _super);
+    function PagerViewHolderImpl(owner, pager) {
+        var _this = _super.call(this, owner.get().nativeViewProtected) || this;
+        _this.owner = owner;
+        _this.pager = pager;
+        return global.__native(_this);
+    }
+    Object.defineProperty(PagerViewHolderImpl.prototype, "view", {
+        get: function () {
+            var _a;
+            return (_a = this.owner) === null || _a === void 0 ? void 0 : _a.get();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    return PagerViewHolderImpl;
+}(androidx.recyclerview.widget.RecyclerView.ViewHolder));
     PagerViewHolder = PagerViewHolderImpl;
 }
 let ZoomOutPageTransformer;
@@ -888,28 +937,29 @@ function initZoomOutPageTransformer() {
     if (ZoomOutPageTransformer) {
         return;
     }
-    let ZoomOutPageTransformerImpl = class ZoomOutPageTransformerImpl extends java.lang.Object {
-        constructor() {
-            super();
-            return global.__native(this);
+    var ZoomOutPageTransformerImpl = /** @class */ (function (_super) {
+    __extends(ZoomOutPageTransformerImpl, _super);
+    function ZoomOutPageTransformerImpl() {
+        var _this = _super.call(this) || this;
+        return global.__native(_this);
+    }
+    ZoomOutPageTransformerImpl.prototype.transformPage = function (view, position) {
+        var MIN_SCALE = 0.85;
+        if (position <= 1 || position >= -1) {
+            var scale = Math.max(MIN_SCALE, 1 - Math.abs(position));
+            view.setScaleX(scale);
+            view.setScaleY(scale);
         }
-        transformPage(view, position) {
-            const MIN_SCALE = 0.85;
-            if (position <= 1 || position >= -1) {
-                const scale = Math.max(MIN_SCALE, 1 - Math.abs(position));
-                view.setScaleX(scale);
-                view.setScaleY(scale);
-            }
-            else {
-                view.setScaleX(1);
-                view.setScaleY(1);
-            }
+        else {
+            view.setScaleX(1);
+            view.setScaleY(1);
         }
     };
     ZoomOutPageTransformerImpl = __decorate([
-        NativeClass,
         Interfaces([androidx.viewpager2.widget.ViewPager2.PageTransformer])
     ], ZoomOutPageTransformerImpl);
+    return ZoomOutPageTransformerImpl;
+}(java.lang.Object));
     ZoomOutPageTransformer = ZoomOutPageTransformerImpl;
 }
 let ZoomInPageTransformer;
@@ -917,24 +967,25 @@ function initZoomInPageTransformer() {
     if (ZoomInPageTransformer) {
         return;
     }
-    let ZoomInPageTransformerImpl = class ZoomInPageTransformerImpl extends java.lang.Object {
-        constructor() {
-            super();
-            return global.__native(this);
-        }
-        transformPage(view, position) {
-            const scale = position < 0 ? position + 1.0 : Math.abs(1.0 - position);
-            view.setScaleX(scale);
-            view.setScaleY(scale);
-            view.setPivotX(view.getWidth() * 0.5);
-            view.setPivotY(view.getHeight() * 0.5);
-            view.setAlpha(view < -1.0 || position > 1.0 ? 0.0 : 1.0 - (scale - 1.0));
-        }
+    var ZoomInPageTransformerImpl = /** @class */ (function (_super) {
+    __extends(ZoomInPageTransformerImpl, _super);
+    function ZoomInPageTransformerImpl() {
+        var _this = _super.call(this) || this;
+        return global.__native(_this);
+    }
+    ZoomInPageTransformerImpl.prototype.transformPage = function (view, position) {
+        var scale = position < 0 ? position + 1.0 : Math.abs(1.0 - position);
+        view.setScaleX(scale);
+        view.setScaleY(scale);
+        view.setPivotX(view.getWidth() * 0.5);
+        view.setPivotY(view.getHeight() * 0.5);
+        view.setAlpha(view < -1.0 || position > 1.0 ? 0.0 : 1.0 - (scale - 1.0));
     };
     ZoomInPageTransformerImpl = __decorate([
-        NativeClass,
         Interfaces([androidx.viewpager2.widget.ViewPager2.PageTransformer])
     ], ZoomInPageTransformerImpl);
+    return ZoomInPageTransformerImpl;
+}(java.lang.Object));
     ZoomInPageTransformer = ZoomInPageTransformerImpl;
 }
 //# sourceMappingURL=index.android.js.map