@nativescript-community/ui-pager 13.0.33 → 13.0.36

package/index.android.js

@@ -1,7 +1,7 @@
-import { ChangeType, Color, Device, ObservableArray, Property, Screen, StackLayout, View, profile } from '@nativescript/core';
+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 { ITEMLOADING, Indicator, LOADMOREITEMS, PagerBase, Transformer, autoPlayProperty, autoplayDelayProperty, disableSwipeProperty, indicatorColorProperty, indicatorProperty, indicatorSelectedColorProperty, itemTemplatesProperty, itemsProperty, orientationProperty, peakingProperty, selectedIndexProperty, showIndicatorProperty, spacingProperty } from './index.common';
+import { Indicator, PagerBase, PagerItem, 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) {
@@ -11,7 +11,7 @@ function notifyForItemAtIndex(owner, nativeView, view, eventName, index) {
         index,
         view,
         ios: undefined,
-        android: nativeView,
+        android: nativeView
     };
     owner.notify(args);
     return args;
@@ -31,6 +31,7 @@ export class Pager extends PagerBase {
         this._observableArrayHandler = (args) => {
             if (this.indicatorView && this.showIndicator) {
                 this.indicatorView.setCount(this._childrenCount);
+                this.indicatorView.setSelected(args.index);
             }
             if (this.pagerAdapter) {
                 switch (args.action) {
@@ -96,7 +97,7 @@ export class Pager extends PagerBase {
         this.on(View.layoutChangedEvent, this.onLayoutChange, this);
         const LayoutParams = android.widget.RelativeLayout.LayoutParams;
         nativeView.addView(this.pager, new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
-        this._indicatorView = new (com).rd.PageIndicatorView2(this._context);
+        this._indicatorView = new com.rd.PageIndicatorView2(this._context);
         const params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
         params.addRule(android.widget.RelativeLayout.ALIGN_PARENT_BOTTOM);
         params.addRule(android.widget.RelativeLayout.CENTER_HORIZONTAL);
@@ -184,7 +185,7 @@ export class Pager extends PagerBase {
         this._setIndicator(value);
     }
     _setIndicator(value) {
-        const AnimationType = (com).rd.animation.type.AnimationType;
+        const AnimationType = com.rd.animation.type.AnimationType;
         switch (value) {
             case Indicator.None:
                 this.indicatorView.setAnimationType(AnimationType.NONE);
@@ -258,13 +259,13 @@ export class Pager extends PagerBase {
     }
     [indicatorColorProperty.setNative](value) {
         if (this.indicatorView) {
-            const color = (!value || value instanceof Color) ? value : new Color(value);
+            const color = !value || value instanceof Color ? value : new Color(value);
             this.indicatorView.setUnselectedColor(color ? color.android : null);
         }
     }
     [indicatorSelectedColorProperty.setNative](value) {
         if (this.indicatorView) {
-            const color = (!value || value instanceof Color) ? value : new Color(value);
+            const color = !value || value instanceof Color ? value : new Color(value);
             this.indicatorView.setSelectedColor(color ? color.android : null);
         }
     }
@@ -300,9 +301,7 @@ export class Pager extends PagerBase {
         }
     }
     _updateScrollPosition() {
-        const index = this.circularMode
-            ? this.selectedIndex + 1
-            : this.selectedIndex;
+        const index = this.circularMode ? this.selectedIndex + 1 : this.selectedIndex;
         if (this.pager.getCurrentItem() !== index) {
             this.indicatorView.setInteractiveAnimation(false);
             this.pager.setCurrentItem(index, false);
@@ -333,7 +332,7 @@ export class Pager extends PagerBase {
         this.initStaticPagerAdapter();
     }
     [selectedIndexProperty.setNative](value) {
-        if (this.isLoaded && this.isLayoutValid && this.pager) {
+        if (this.isLoaded && this.pager) {
             const index = this.circularMode ? value + 1 : value;
             if (this.pager.getCurrentItem() !== index) {
                 this.pager.setCurrentItem(index, !this.disableAnimation);
@@ -494,9 +493,7 @@ export class Pager extends PagerBase {
         }
     }
     get itemCount() {
-        return this._childrenCount
-            ? this._childrenCount + (this.circularMode ? 2 : 0)
-            : 0;
+        return this._childrenCount ? this._childrenCount + (this.circularMode ? 2 : 0) : 0;
     }
     get lastIndex() {
         if (this.items && this.items.length === 0) {
@@ -514,7 +511,7 @@ export const pagesCountProperty = new Property({
     valueConverter: (v) => parseInt(v, 10),
     valueChanged: (pager, oldValue, newValue) => {
         pager.updatePagesCount(pager.pagesCount);
-    },
+    }
 });
 pagesCountProperty.register(Pager);
 let PageChangeCallback;
@@ -522,123 +519,116 @@ function initPagerChangeCallback() {
     if (PageChangeCallback) {
         return PageChangeCallback;
     }
-    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,
-            });
-        }
-    };
-    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: LOADMOREITEMS, 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);
-            }
+    let PageChangeCallbackImpl = class PageChangeCallbackImpl extends androidx.viewpager2.widget.ViewPager2.OnPageChangeCallback {
+        constructor(owner) {
+            super();
+            this.owner = owner;
+            return global.__native(this);
         }
-    };
-    PageChangeCallbackImpl.prototype.onPageScrollStateChanged = function (state) {
-        var owner = this.owner && this.owner.get();
-        if (owner) {
-            if (owner.lastEvent === 0 && state === 1) {
+        onPageSelected(position) {
+            const owner = this.owner && this.owner.get();
+            if (owner) {
                 owner.notify({
-                    eventName: Pager.swipeStartEvent,
-                    object: owner,
+                    eventName: Pager.swipeEvent,
+                    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) {
+        }
+        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;
+                }
                 owner.notify({
-                    eventName: Pager.swipeEndEvent,
+                    eventName: Pager.scrollEvent,
                     object: owner,
+                    selectedIndex: position,
+                    currentPosition: position + positionOffset,
+                    scrollX: owner.horizontalOffset,
+                    scrollY: owner.verticalOffset
                 });
-                owner.lastEvent = 2;
+                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);
+                }
             }
-            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);
+        }
+        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 {
-                        selectedIndexProperty.nativeValueChange(owner, index - 1);
+                        selectedIndexProperty.nativeValueChange(owner, index);
+                        owner.indicatorView.setSelected(index);
                     }
                 }
-                else {
-                    selectedIndexProperty.nativeValueChange(owner, index);
-                    owner.indicatorView.setSelected(index);
-                }
             }
         }
     };
-    return PageChangeCallbackImpl;
-}(androidx.viewpager2.widget.ViewPager2
-    .OnPageChangeCallback));
+    PageChangeCallbackImpl = __decorate([
+        NativeClass
+    ], PageChangeCallbackImpl);
     PageChangeCallback = PageChangeCallbackImpl;
 }
 let PagerRecyclerAdapter;
@@ -646,139 +636,138 @@ function initPagerRecyclerAdapter() {
     if (PagerRecyclerAdapter) {
         return;
     }
-    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;
-        }
-        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);
+    let PagerRecyclerAdapterImpl = class PagerRecyclerAdapterImpl extends androidx.recyclerview.widget.RecyclerView.Adapter {
+        constructor(owner) {
+            super();
+            this.owner = owner;
+            return global.__native(this);
         }
-        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));
-    };
-    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();
+        onCreateViewHolder(param0, type) {
+            const owner = this.owner ? this.owner.get() : null;
+            if (!owner) {
+                return null;
             }
-            else if (position === this.firstDummy()) {
-                position = 0;
+            const template = owner._itemTemplatesInternal[type];
+            let view = template.createView();
+            if (!view && owner._itemViewLoader !== undefined) {
+                view = owner._itemViewLoader(template.key);
+            }
+            const sp = new StackLayout();
+            if (view) {
+                sp.addChild(view);
             }
             else {
-                position = position - 1;
+                sp[PLACEHOLDER] = true;
             }
-        }
-        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();
+            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();
                 }
-                else if (index === this.firstDummy()) {
-                    index = 0;
+                else if (position === this.firstDummy()) {
+                    position = 0;
                 }
                 else {
-                    index = index - 1;
+                    position = position - 1;
                 }
             }
-            var bindingContext = owner._getDataItem(index);
-            var args = {
-                eventName: ITEMLOADING,
-                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);
+            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;
+                    }
                 }
-                else {
-                    holder.view.addChild(owner._getDefaultItemContent(index));
+                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;
                 }
-                holder.view[PLACEHOLDER] = false;
+                owner._prepareItem(holder.view, index);
             }
-            owner._prepareItem(holder.view, index);
         }
-    };
-    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);
+        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);
+                }
             }
+            return long(id);
         }
-        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);
+        getItemCount() {
+            const owner = this.owner ? this.owner.get() : null;
+            return owner && owner.items && owner.items.length ? owner.items.length + (owner.circularMode ? 2 : 0) : 0;
         }
-        return 0;
-    };
-    PagerRecyclerAdapterImpl.prototype.lastIndex = function () {
-        var owner = this.owner && this.owner.get();
-        if (owner) {
-            if (owner.items.length === 0) {
-                return 0;
+        getItemViewType(index) {
+            const owner = this.owner ? this.owner.get() : null;
+            if (owner) {
+                const template = owner._getItemTemplate(index);
+                return owner._itemTemplatesInternal.indexOf(template);
             }
-            return owner.circularMode ? this.getItemCount() - 3 : this.getItemCount() - 1;
+            return 0;
         }
-        return 0;
-    };
-    PagerRecyclerAdapterImpl.prototype.firstDummy = function () {
-        var count = this.getItemCount();
-        if (count === 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 this.getItemCount() - 1;
-    };
-    PagerRecyclerAdapterImpl.prototype.lastDummy = function () {
-        return this.lastIndex();
-    };
-    PagerRecyclerAdapterImpl.prototype.hasStableIds = function () {
-        return true;
+        firstDummy() {
+            const count = this.getItemCount();
+            if (count === 0) {
+                return 0;
+            }
+            return this.getItemCount() - 1;
+        }
+        lastDummy() {
+            return this.lastIndex();
+        }
+        hasStableIds() {
+            return true;
+        }
     };
-    return PagerRecyclerAdapterImpl;
-}(androidx.recyclerview.widget.RecyclerView.Adapter));
+    PagerRecyclerAdapterImpl = __decorate([
+        NativeClass
+    ], PagerRecyclerAdapterImpl);
     PagerRecyclerAdapter = PagerRecyclerAdapterImpl;
 }
 let StaticPagerStateAdapter;
@@ -786,89 +775,91 @@ function initStaticPagerStateAdapter() {
     if (StaticPagerStateAdapter) {
         return;
     }
-    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;
+    let StaticPagerStateAdapterImpl = class StaticPagerStateAdapterImpl extends androidx.recyclerview.widget.RecyclerView.Adapter {
+        constructor(owner) {
+            super();
+            this.owner = owner;
+            return global.__native(this);
         }
-        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);
+        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;
+                }
+            }
         }
-        else {
-            sp[PLACEHOLDER] = true;
+        hasStableIds() {
+            return true;
         }
-        owner._addView(sp);
-        sp.nativeView.setLayoutParams(new android.view.ViewGroup.LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT, android.view.ViewGroup.LayoutParams.MATCH_PARENT));
-        initPagerViewHolder();
-        return new PagerViewHolder(new WeakRef(sp), new WeakRef(owner));
-    };
-    StaticPagerStateAdapterImpl.prototype.onBindViewHolder = function (holder, index) {
-        var owner = this.owner ? this.owner.get() : null;
-        if (owner) {
-            var args = {
-                eventName: ITEMLOADING,
-                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);
+        getItem(i) {
+            const owner = this.owner ? this.owner.get() : null;
+            if (owner) {
+                if (owner._childrenViews) {
+                    return owner._childrenViews[i].view;
                 }
-                holder.view[PLACEHOLDER] = false;
             }
+            return null;
         }
-    };
-    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;
+        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));
+                }
             }
-        }
-        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 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 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;
-    };
-    return StaticPagerStateAdapterImpl;
-}(androidx.recyclerview.widget.RecyclerView.Adapter));
+    StaticPagerStateAdapterImpl = __decorate([
+        NativeClass
+    ], StaticPagerStateAdapterImpl);
     StaticPagerStateAdapter = StaticPagerStateAdapterImpl;
 }
 let PagerViewHolder;
@@ -876,23 +867,20 @@ function initPagerViewHolder() {
     if (PagerViewHolder) {
         return;
     }
-    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 () {
+    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;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return PagerViewHolderImpl;
-}(androidx.recyclerview.widget.RecyclerView.ViewHolder));
+        }
+    };
+    PagerViewHolderImpl = __decorate([
+        NativeClass
+    ], PagerViewHolderImpl);
     PagerViewHolder = PagerViewHolderImpl;
 }
 let ZoomOutPageTransformer;
@@ -900,29 +888,28 @@ function initZoomOutPageTransformer() {
     if (ZoomOutPageTransformer) {
         return;
     }
-    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);
-        }
-        else {
-            view.setScaleX(1);
-            view.setScaleY(1);
+    let ZoomOutPageTransformerImpl = class ZoomOutPageTransformerImpl extends java.lang.Object {
+        constructor() {
+            super();
+            return global.__native(this);
+        }
+        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);
+            }
         }
     };
     ZoomOutPageTransformerImpl = __decorate([
+        NativeClass,
         Interfaces([androidx.viewpager2.widget.ViewPager2.PageTransformer])
     ], ZoomOutPageTransformerImpl);
-    return ZoomOutPageTransformerImpl;
-}(java.lang.Object));
     ZoomOutPageTransformer = ZoomOutPageTransformerImpl;
 }
 let ZoomInPageTransformer;
@@ -930,25 +917,24 @@ function initZoomInPageTransformer() {
     if (ZoomInPageTransformer) {
         return;
     }
-    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));
+    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));
+        }
     };
     ZoomInPageTransformerImpl = __decorate([
+        NativeClass,
         Interfaces([androidx.viewpager2.widget.ViewPager2.PageTransformer])
     ], ZoomInPageTransformerImpl);
-    return ZoomInPageTransformerImpl;
-}(java.lang.Object));
     ZoomInPageTransformer = ZoomInPageTransformerImpl;
 }
 //# sourceMappingURL=index.android.js.map