@nativescript-community/ui-pager 13.0.28

package/angular/fesm2015/nativescript-community-ui-pager-angular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativescript-community-ui-pager-angular.js","sources":["../../../src/angular/pager-items-comp.ts","../../../src/angular/index.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    Directive,\n    DoCheck,\n    ElementRef,\n    EmbeddedViewRef,\n    EventEmitter,\n    Host,\n    Inject,\n    InjectionToken,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    OnInit,\n    Output,\n    TemplateRef,\n    ViewChild,\n    ViewContainerRef,\n    ɵisListLikeIterable as isListLikeIterable\n} from '@angular/core';\nimport {\n    Pager,\n    PagerError,\n    PagerItem,\n    PagerLog\n} from '@nativescript-community/ui-pager';\nimport {\n    getSingleViewRecursive,\n    isInvisibleNode,\n    registerElement\n} from '@nativescript/angular';\nimport { EventData, isIOS, KeyedTemplate, LayoutBase, Template, Trace, View } from '@nativescript/core';\nimport { ObservableArray } from '@nativescript/core/data/observable-array';\nimport { profile } from '@nativescript/core/profiling';\nimport { ItemEventData, ItemsSource } from '@nativescript/core/ui/list-view';\n\n\nregisterElement('Pager', () => Pager);\nregisterElement('PagerItem', () => PagerItem);\n\nconst NG_VIEW = '_ngViewRef';\n\nexport interface PagerTemplatedItemsView {\n    items: any[] | ItemsSource;\n    itemTemplate: string | Template;\n    itemTemplates?: string | KeyedTemplate[];\n\n    refresh(): void;\n\n    on(\n        event: 'itemDisposing' | 'itemLoading',\n        callback: (args: ItemEventData) => void,\n        thisArg?: any\n    );\n\n    off(\n        event: 'itemLoading' | 'itemDisposing',\n        callback: (args: EventData) => void,\n        thisArg?: any\n    );\n\n}\n\nexport class ItemContext {\n    constructor(\n        public $implicit?: any,\n        public item?: any,\n        public index?: number,\n        public even?: boolean,\n        public odd?: boolean\n    ) {}\n}\n\nexport interface SetupItemViewArgs {\n    view: EmbeddedViewRef<any>;\n    data: any;\n    index: number;\n    context: ItemContext;\n}\n@Component({\n    template: '',\n})\nexport abstract class TemplatedItemsComponent\nimplements DoCheck, OnDestroy, AfterContentInit {\n    public abstract get nativeElement(): Pager;\n\n    protected templatedItemsView: Pager;\n    protected _items: any;\n    protected _differ: IterableDiffer<KeyedTemplate>;\n    protected _templateMap: Map<string, KeyedTemplate>;\n    private _selectedIndex: number;\n    @ViewChild('loader', { read: ViewContainerRef, static: false })\n    loader: ViewContainerRef;\n\n    @Output()\n    public setupItemView = new EventEmitter<SetupItemViewArgs>();\n\n    @ContentChild(TemplateRef, { static: false })\n    itemTemplateQuery: TemplateRef<ItemContext>;\n\n    itemTemplate: TemplateRef<ItemContext>;\n\n    @Input()\n    get items() {\n        return this._items;\n    }\n\n    set items(value: any) {\n        this._items = value;\n        let needDiffer = true;\n        if (value instanceof ObservableArray) {\n            needDiffer = false;\n        }\n        if (needDiffer && !this._differ && isListLikeIterable(value)) {\n            this._differ = this._iterableDiffers\n                .find(this._items)\n                .create((_index, item) => item);\n        }\n\n        this.templatedItemsView.items = this._items;\n    }\n\n    @Input()\n    get selectedIndex(): number {\n        return this._selectedIndex;\n    }\n\n    set selectedIndex(value) {\n        this._selectedIndex = value;\n        this.templatedItemsView.selectedIndex = this._selectedIndex;\n    }\n\n    ngAfterViewInit() {\n        if (!!(this._selectedIndex)) {\n            setTimeout(() => {\n                if (isIOS) {\n                    this.templatedItemsView.scrollToIndexAnimated(\n                        this._selectedIndex,\n                        false\n                    );\n                }\n                this.templatedItemsView.selectedIndex = this._selectedIndex;\n            });\n        }\n    }\n\n    constructor(\n        _elementRef: ElementRef,\n        private _iterableDiffers: IterableDiffers\n    ) {\n        this.templatedItemsView = _elementRef.nativeElement;\n\n        this.templatedItemsView.on('itemLoading', this.onItemLoading, this);\n        this.templatedItemsView.on('itemDisposing', this.onItemDisposing, this);\n    }\n\n    ngAfterContentInit() {\n        if (Trace.isEnabled()) {\n            PagerLog('TemplatedItemsView.ngAfterContentInit()');\n        }\n        this.setItemTemplates();\n    }\n\n    ngOnDestroy() {\n        this.templatedItemsView.off('itemLoading', this.onItemLoading, this);\n        this.templatedItemsView.off(\n            'itemDisposing',\n            this.onItemDisposing,\n            this\n        );\n    }\n\n    private setItemTemplates() {\n        if (!this.items) return;\n        // The itemTemplateQuery may be changed after list items are added that contain <template> inside,\n        // so cache and use only the original template to avoid errors.\n        this.itemTemplate = this.itemTemplateQuery;\n\n        if (this._templateMap) {\n            if (Trace.isEnabled()) {\n                PagerLog('Setting templates');\n            }\n\n            const templates: KeyedTemplate[] = [];\n            this._templateMap.forEach((value) => {\n                templates.push(value);\n            });\n            this.templatedItemsView.itemTemplates = templates;\n        }\n    }\n\n    public registerTemplate(key: string, template: TemplateRef<ItemContext>) {\n        if (Trace.isEnabled()) {\n            PagerLog(`registerTemplate for key: ${key}`);\n        }\n\n        if (!this._templateMap) {\n            this._templateMap = new Map<string, KeyedTemplate>();\n        }\n\n        const keyedTemplate = {\n            key,\n            createView: this.getItemTemplateViewFactory(template),\n        };\n\n        this._templateMap.set(key, keyedTemplate);\n    }\n\n    @profile\n    public onItemLoading(args: ItemEventData) {\n        if (!args.view && !this.itemTemplate) {\n            return;\n        }\n\n        if (!this.items) return;\n\n        const index = args.index;\n        const items = (<any>args.object).items;\n        const currentItem =\n            typeof items.getItem === 'function'\n                ? items.getItem(index)\n                : items[index];\n        let viewRef: EmbeddedViewRef<ItemContext>;\n\n        if (args.view) {\n            if (Trace.isEnabled()) {\n                PagerLog(`onItemLoading: ${index} - Reusing existing view`);\n            }\n\n            viewRef = args.view[NG_VIEW];\n            // Getting angular view from original element (in cases when ProxyViewContainer\n            // is used NativeScript internally wraps it in a StackLayout)\n            if (\n                !viewRef &&\n                args.view instanceof LayoutBase &&\n                args.view.getChildrenCount() > 0\n            ) {\n                viewRef = args.view.getChildAt(0)[NG_VIEW];\n            }\n\n            if (!viewRef && Trace.isEnabled()) {\n                PagerError(\n                    `ViewReference not found for item ${index}. View recycling is not working`\n                );\n            }\n        }\n\n        if (!viewRef) {\n            if (Trace.isEnabled()) {\n                PagerLog(\n                    `onItemLoading: ${index} - Creating view from template`\n                );\n            }\n\n            viewRef = this.loader.createEmbeddedView(\n                this.itemTemplate,\n                new ItemContext(),\n                0\n            );\n            args.view = getItemViewRoot(viewRef);\n            args.view[NG_VIEW] = viewRef;\n        }\n\n        this.setupViewRef(viewRef, currentItem, index);\n\n        this.detectChangesOnChild(viewRef, index);\n    }\n\n    @profile\n    public onItemDisposing(args: ItemEventData) {\n        if (!args.view) {\n            return;\n        }\n        let viewRef: EmbeddedViewRef<ItemContext>;\n\n        if (args.view) {\n            if (Trace.isEnabled()) {\n                PagerLog(\n                    `onItemDisposing: ${args.index} - Removing angular view`\n                );\n            }\n\n            viewRef = args.view[NG_VIEW];\n            // Getting angular view from original element (in cases when ProxyViewContainer\n            // is used NativeScript internally wraps it in a StackLayout)\n            if (\n                !viewRef &&\n                args.view instanceof LayoutBase &&\n                args.view.getChildrenCount() > 0\n            ) {\n                viewRef = args.view.getChildAt(0)[NG_VIEW];\n            }\n\n            if (!viewRef && Trace.isEnabled()) {\n                PagerError(\n                    `ViewReference not found for item ${args.index}. View disposing is not working`\n                );\n            }\n        }\n\n        if (viewRef) {\n            if (Trace.isEnabled()) {\n                PagerLog(\n                    `onItemDisposing: ${args.index} - Disposing view reference`\n                );\n            }\n\n            viewRef.destroy();\n        }\n    }\n\n    public setupViewRef(\n        viewRef: EmbeddedViewRef<ItemContext>,\n        data: any,\n        index: number\n    ): void {\n        const context = viewRef.context;\n        context.$implicit = data;\n        context.item = data;\n        context.index = index;\n        context.even = index % 2 === 0;\n        context.odd = !context.even;\n\n        this.setupItemView.next({\n            view: viewRef,\n            data,\n            index,\n            context,\n        });\n    }\n\n    protected getItemTemplateViewFactory(\n        template: TemplateRef<ItemContext>\n    ): () => View {\n        return () => {\n            const viewRef = this.loader.createEmbeddedView(\n                template,\n                new ItemContext(),\n                0\n            );\n            const resultView = getItemViewRoot(viewRef);\n            resultView[NG_VIEW] = viewRef;\n\n            return resultView;\n        };\n    }\n\n    @profile\n    private detectChangesOnChild(\n        viewRef: EmbeddedViewRef<ItemContext>,\n        index: number\n    ) {\n        if (Trace.isEnabled()) {\n            PagerLog(`Manually detect changes in child: ${index}`);\n        }\n\n        viewRef.markForCheck();\n        viewRef.detectChanges();\n    }\n\n    ngDoCheck() {\n        if (this._differ) {\n            if (Trace.isEnabled()) {\n                PagerLog('ngDoCheck() - execute differ');\n            }\n\n            const changes = this._differ.diff(this._items);\n            if (changes) {\n                if (Trace.isEnabled()) {\n                    PagerLog('ngDoCheck() - refresh');\n                }\n\n                this.templatedItemsView.refresh();\n            }\n        }\n    }\n}\n\nexport interface ComponentView {\n    rootNodes: any[];\n\n    destroy(): void;\n}\n\nexport type RootLocator = (nodes: any[], nestLevel: number) => View;\n\nexport function getItemViewRoot(\n    viewRef: ComponentView,\n    rootLocator: RootLocator = getSingleViewRecursive as any\n): View {\n    return rootLocator(viewRef.rootNodes, 0);\n}\n\nexport const TEMPLATED_ITEMS_COMPONENT = new InjectionToken<\nTemplatedItemsComponent\n>('TemplatedItemsComponent');\n\n@Directive({\n    selector: '[pagerItem]',\n})\nexport class PagerItemDirective implements OnInit {\n    private item: PagerItem;\n\n    constructor(\n        private templateRef: TemplateRef<any>,\n        @Inject(TEMPLATED_ITEMS_COMPONENT)\n        @Host()\n        private owner: TemplatedItemsComponent,\n        private viewContainer: ViewContainerRef\n    ) {}\n\n    private ensureItem() {\n        if (!this.item) {\n            this.item = new PagerItem();\n        }\n    }\n\n    private applyConfig() {\n        this.ensureItem();\n    }\n\n    ngOnInit() {\n        this.applyConfig();\n\n        const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);\n        // Filter out text nodes and comments\n        const realViews = viewRef.rootNodes.filter(\n            (node) => !isInvisibleNode(node)\n        );\n\n        if (realViews.length > 0) {\n            const view = realViews[0];\n            this.item.addChild(view);\n            this.owner.nativeElement._addChildFromBuilder(\n                'PagerItem',\n                this.item\n            );\n        }\n    }\n}\n\n@Directive({ selector: '[pagerTemplateKey]' })\nexport class TemplateKeyDirective {\n    constructor(\n        private templateRef: TemplateRef<any>,\n        @Inject(TEMPLATED_ITEMS_COMPONENT)\n        @Host()\n        private comp: TemplatedItemsComponent\n    ) {}\n\n    @Input()\n    set pagerTemplateKey(value: any) {\n        if (this.comp && this.templateRef) {\n            this.comp.registerTemplate(value, this.templateRef);\n        }\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    IterableDiffers,\n    NO_ERRORS_SCHEMA,\n    NgModule,\n    forwardRef\n} from '@angular/core';\n\nimport { Pager } from '@nativescript-community/ui-pager';\nimport {\n    PagerItemDirective,\n    TEMPLATED_ITEMS_COMPONENT,\n    TemplateKeyDirective,\n    TemplatedItemsComponent\n} from './pager-items-comp';\n\nexport {PagerItemDirective, TemplatedItemsComponent, TemplateKeyDirective} from './pager-items-comp';\n\n@Component({\n    selector: 'Pager',\n    template: `\n\t\t<DetachedContainer>\n\t\t\t<Placeholder #loader></Placeholder>\n\t\t</DetachedContainer>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TEMPLATED_ITEMS_COMPONENT,\n            useExisting: forwardRef(() => PagerComponent)\n        }\n    ]\n})\n\nexport class PagerComponent extends TemplatedItemsComponent {\n    public get nativeElement(): Pager {\n        return this.templatedItemsView;\n    }\n\n    protected templatedItemsView: Pager;\n\n    constructor(_elementRef: ElementRef, _iterableDiffers: IterableDiffers) {\n        super(_elementRef, _iterableDiffers);\n    }\n}\n\n@NgModule({\n    declarations: [PagerComponent, TemplateKeyDirective, PagerItemDirective],\n    exports: [PagerComponent, TemplateKeyDirective, PagerItemDirective],\n    schemas: [NO_ERRORS_SCHEMA]\n})\nexport class PagerModule {\n}\n"],"names":["isListLikeIterable"],"mappings":"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"}

package/angular/index.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, IterableDiffers } from '@angular/core';
+import { Pager } from '@nativescript-community/ui-pager';
+import { TemplatedItemsComponent } from './pager-items-comp';
+import * as i0 from "@angular/core";
+import * as i1 from "./pager-items-comp";
+export { PagerItemDirective, TemplatedItemsComponent, TemplateKeyDirective } from './pager-items-comp';
+export declare class PagerComponent extends TemplatedItemsComponent {
+    get nativeElement(): Pager;
+    protected templatedItemsView: Pager;
+    constructor(_elementRef: ElementRef, _iterableDiffers: IterableDiffers);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "Pager", never, {}, {}, never, never>;
+}
+export declare class PagerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerModule, [typeof PagerComponent, typeof i1.TemplateKeyDirective, typeof i1.PagerItemDirective], never, [typeof PagerComponent, typeof i1.TemplateKeyDirective, typeof i1.PagerItemDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PagerModule>;
+}

package/angular/nativescript-community-ui-pager-angular.d.ts

@@ -0,0 +1,2 @@
+/// <amd-module name="@nativescript-community/ui-pager-angular" />
+export * from './index';

package/angular/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@nativescript-community/ui-pager-angular",
+  "main": "bundles/nativescript-community-ui-pager-angular.umd.js",
+  "module": "fesm2015/nativescript-community-ui-pager-angular.js",
+  "es2015": "fesm2015/nativescript-community-ui-pager-angular.js",
+  "esm2015": "esm2015/nativescript-community-ui-pager-angular.js",
+  "fesm2015": "fesm2015/nativescript-community-ui-pager-angular.js",
+  "typings": "nativescript-community-ui-pager-angular.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.2.0"
+  },
+  "scripts": {
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
+  }
+}

package/angular/pager-items-comp.d.ts

@@ -0,0 +1,85 @@
+import { AfterContentInit, DoCheck, ElementRef, EmbeddedViewRef, EventEmitter, InjectionToken, IterableDiffer, IterableDiffers, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Pager } from '@nativescript-community/ui-pager';
+import { EventData, KeyedTemplate, Template, View } from '@nativescript/core';
+import { ItemEventData, ItemsSource } from '@nativescript/core/ui/list-view';
+import * as i0 from "@angular/core";
+export interface PagerTemplatedItemsView {
+    items: any[] | ItemsSource;
+    itemTemplate: string | Template;
+    itemTemplates?: string | KeyedTemplate[];
+    refresh(): void;
+    on(event: 'itemDisposing' | 'itemLoading', callback: (args: ItemEventData) => void, thisArg?: any): any;
+    off(event: 'itemLoading' | 'itemDisposing', callback: (args: EventData) => void, thisArg?: any): any;
+}
+export declare class ItemContext {
+    $implicit?: any;
+    item?: any;
+    index?: number;
+    even?: boolean;
+    odd?: boolean;
+    constructor($implicit?: any, item?: any, index?: number, even?: boolean, odd?: boolean);
+}
+export interface SetupItemViewArgs {
+    view: EmbeddedViewRef<any>;
+    data: any;
+    index: number;
+    context: ItemContext;
+}
+export declare abstract class TemplatedItemsComponent implements DoCheck, OnDestroy, AfterContentInit {
+    private _iterableDiffers;
+    abstract get nativeElement(): Pager;
+    protected templatedItemsView: Pager;
+    protected _items: any;
+    protected _differ: IterableDiffer<KeyedTemplate>;
+    protected _templateMap: Map<string, KeyedTemplate>;
+    private _selectedIndex;
+    loader: ViewContainerRef;
+    setupItemView: EventEmitter<SetupItemViewArgs>;
+    itemTemplateQuery: TemplateRef<ItemContext>;
+    itemTemplate: TemplateRef<ItemContext>;
+    get items(): any;
+    set items(value: any);
+    get selectedIndex(): number;
+    set selectedIndex(value: number);
+    ngAfterViewInit(): void;
+    constructor(_elementRef: ElementRef, _iterableDiffers: IterableDiffers);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private setItemTemplates;
+    registerTemplate(key: string, template: TemplateRef<ItemContext>): void;
+    onItemLoading(args: ItemEventData): void;
+    onItemDisposing(args: ItemEventData): void;
+    setupViewRef(viewRef: EmbeddedViewRef<ItemContext>, data: any, index: number): void;
+    protected getItemTemplateViewFactory(template: TemplateRef<ItemContext>): () => View;
+    private detectChangesOnChild;
+    ngDoCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplatedItemsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplatedItemsComponent, "ng-component", never, { "items": "items"; "selectedIndex": "selectedIndex"; }, { "setupItemView": "setupItemView"; }, ["itemTemplateQuery"], never>;
+}
+export interface ComponentView {
+    rootNodes: any[];
+    destroy(): void;
+}
+export declare type RootLocator = (nodes: any[], nestLevel: number) => View;
+export declare function getItemViewRoot(viewRef: ComponentView, rootLocator?: RootLocator): View;
+export declare const TEMPLATED_ITEMS_COMPONENT: InjectionToken<TemplatedItemsComponent>;
+export declare class PagerItemDirective implements OnInit {
+    private templateRef;
+    private owner;
+    private viewContainer;
+    private item;
+    constructor(templateRef: TemplateRef<any>, owner: TemplatedItemsComponent, viewContainer: ViewContainerRef);
+    private ensureItem;
+    private applyConfig;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerItemDirective, [null, { host: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PagerItemDirective, "[pagerItem]", never, {}, {}, never>;
+}
+export declare class TemplateKeyDirective {
+    private templateRef;
+    private comp;
+    constructor(templateRef: TemplateRef<any>, comp: TemplatedItemsComponent);
+    set pagerTemplateKey(value: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateKeyDirective, [null, { host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateKeyDirective, "[pagerTemplateKey]", never, { "pagerTemplateKey": "pagerTemplateKey"; }, {}, never>;
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+    "name": "@nativescript-community/ui-pager",
+    "version": "13.0.28",
+    "description": "A NativeScript Pager / Carousel component that allows the user to swipe left and right through pages of data. ",
+    "main": "pager",
+    "typings": "pager.d.ts",
+    "sideEffects": false,
+    "nativescript": {
+        "platforms": {
+            "android": "6.0.0",
+            "ios": "6.0.0"
+        }
+    },
+    "keywords": [
+        "NativeScript",
+        "JavaScript",
+        "Android",
+        "iOS",
+        "pager",
+        "viewpager",
+        "UIPageViewController",
+        "slides",
+        "Carousel",
+        "ng",
+        "angular",
+        "vue",
+        "vue.js",
+        "react",
+        "svelte",
+        "nativescript-angular",
+        "nativescript-vue",
+        "preview|https://raw.githubusercontent.com/nativescript-community/ui-pager/master/images/demo-ios.gif|iOS Demo",
+        "preview|https://raw.githubusercontent.com/nativescript-community/ui-pager/master/images/demo-android.gif|Android Demo"
+    ],
+    "author": {
+        "name": "Martin Guillon",
+        "email": "martin@akylas.fr"
+    },
+    "contributors": [
+        {
+            "name": "Osei Fortune",
+            "email": "fortune.osei@yahoo.com"
+        }
+    ],
+    "bugs": {
+        "url": "https://github.com/nativescript-community/ui-pager/issues"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/nativescript-community/ui-pager"
+    },
+    "license": "Apache-2.0",
+    "readmeFilename": "README.md",
+    "gitHead": "4b2920be7610afa8e14337bb26e140eb9304fa5d"
+}

package/pager.android.d.ts

@@ -0,0 +1,79 @@
+import { Property, View } from '@nativescript/core';
+import { PagerBase } from './pager.common';
+export * from './pager.common';
+export { ItemsSource, Transformer } from './pager.common';
+export declare class Pager extends PagerBase {
+    nativeViewProtected: androidx.viewpager2.widget.ViewPager2;
+    _androidViewId: number;
+    private _disableAnimation;
+    pagesCount: number;
+    widthMeasureSpec: number;
+    heightMeasureSpec: number;
+    perPage: number;
+    private _observableArrayInstance;
+    itemTemplateUpdated(oldData: any, newData: any): void;
+    private _oldDisableAnimation;
+    private _pagerAdapter;
+    private _views;
+    private _pageListener;
+    _realizedItems: Map<globalAndroid.view.View, View>;
+    _childrenViewsType: Map<number, View>;
+    _realizedTemplates: Map<string, Map<globalAndroid.view.View, View>>;
+    lastEvent: number;
+    private _lastSpacing;
+    private _lastPeaking;
+    private compositeTransformer;
+    private marginTransformer;
+    private _transformers;
+    private _selectedIndexBeforeLoad;
+    private _pager;
+    private _indicatorView;
+    constructor();
+    get views(): any[];
+    set views(value: any[]);
+    get pager(): any;
+    get indicatorView(): any;
+    createNativeView(): globalAndroid.widget.RelativeLayout;
+    initNativeView(): void;
+    protected _removeChildView(index: number): void;
+    protected _addChildView(view: any, type: any): void;
+    onLayoutChange(args: any): void;
+    private _setSpacing;
+    private _setPeaking;
+    private _setIndicator;
+    private _setTransformers;
+    private _observableArrayHandler;
+    disposeNativeView(): void;
+    get disableAnimation(): boolean;
+    set disableAnimation(value: boolean);
+    get pagerAdapter(): PagerRecyclerAdapter;
+    get _childrenCount(): number;
+    private _updateScrollPosition;
+    initStaticPagerAdapter(): void;
+    onLoaded(): void;
+    scrollToIndexAnimated(index: number, animate: boolean): void;
+    _onItemsChanged(oldValue: any, newValue: any): void;
+    refresh(): void;
+    updatePagesCount(value: number): void;
+    onUnloaded(): void;
+    eachChildView(callback: (child: View) => boolean): void;
+    updateAdapter(): void;
+    _selectedIndexUpdatedFromNative(newIndex: number): void;
+    _horizontalOffset: number;
+    get horizontalOffset(): number;
+    _verticalOffset: number;
+    get verticalOffset(): number;
+    static getProgress(indicator: any, position: any, positionOffset: any, isRtl: any): any[];
+    private _autoPlayInterval;
+    _nextIndex(): number;
+    _initAutoPlay(value: boolean): void;
+    get itemCount(): number;
+    get lastIndex(): number;
+}
+export declare const pagesCountProperty: Property<Pager, number>;
+interface PagerRecyclerAdapter extends androidx.recyclerview.widget.RecyclerView.Adapter<any> {
+    new (owner: WeakRef<Pager>): PagerRecyclerAdapter;
+    getPosition(index: number): number;
+    lastIndex(): number;
+}
+declare let PagerRecyclerAdapter: PagerRecyclerAdapter;

package/pager.android.js

@@ -0,0 +1,954 @@
+import { ChangeType, Color, Device, ObservableArray, Property, Screen, StackLayout, View, 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 './pager.common';
+export * from './pager.common';
+export { Transformer } from './pager.common';
+function notifyForItemAtIndex(owner, nativeView, view, eventName, index) {
+    const args = {
+        eventName,
+        object: owner,
+        index,
+        view,
+        ios: undefined,
+        android: nativeView,
+    };
+    owner.notify(args);
+    return args;
+}
+const PLACEHOLDER = 'PLACEHOLDER';
+export class Pager extends PagerBase {
+    constructor() {
+        super();
+        this._oldDisableAnimation = false;
+        this._realizedItems = new Map();
+        this._childrenViewsType = new Map();
+        this._realizedTemplates = new Map();
+        this.lastEvent = 0;
+        this._lastSpacing = 0;
+        this._lastPeaking = 0;
+        this._selectedIndexBeforeLoad = 0;
+        this._observableArrayHandler = (args) => {
+            if (this.indicatorView && this.showIndicator) {
+                this.indicatorView.setCount(this._childrenCount);
+            }
+            if (this.pagerAdapter) {
+                switch (args.action) {
+                    case ChangeType.Add:
+                        this.pagerAdapter.notifyItemRangeInserted(args.index, args.addedCount);
+                        break;
+                    case ChangeType.Delete:
+                        this.pagerAdapter.notifyItemRangeRemoved(args.index, args.removed.length);
+                        break;
+                    case ChangeType.Splice:
+                        if (args.removed.length > 0) {
+                            this.pagerAdapter.notifyItemRangeRemoved(args.index, args.removed.length);
+                        }
+                        if (args.addedCount > 0) {
+                            this.pagerAdapter.notifyItemRangeInserted(args.index, args.addedCount);
+                        }
+                        break;
+                    case ChangeType.Update:
+                        this.pagerAdapter.notifyItemChanged(args.index);
+                        break;
+                    default:
+                        break;
+                }
+                this._initAutoPlay(this.autoPlay);
+            }
+        };
+        this._horizontalOffset = 0;
+        this._verticalOffset = 0;
+        this._transformers = [];
+    }
+    itemTemplateUpdated(oldData, newData) { }
+    get views() {
+        return this._views;
+    }
+    set views(value) {
+        this._views = value;
+    }
+    get pager() {
+        return this._pager;
+    }
+    get indicatorView() {
+        return this._indicatorView;
+    }
+    createNativeView() {
+        const nativeView = new android.widget.RelativeLayout(this._context);
+        this._pager = new androidx.viewpager2.widget.ViewPager2(this._context);
+        const sdkVersion = parseInt(Device.sdkVersion, 10);
+        if (sdkVersion >= 21) {
+            this._pager.setNestedScrollingEnabled(true);
+        }
+        if (this.orientation === 'vertical') {
+            this._pager.setOrientation(androidx.viewpager2.widget.ViewPager2.ORIENTATION_VERTICAL);
+        }
+        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();
+        this.pager.setUserInputEnabled(!this.disableSwipe);
+        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);
+        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);
+        params.setMargins(0, 0, 0, 10 * Screen.mainScreen.scale);
+        this._indicatorView.setLayoutParams(params);
+        this._indicatorView.setDynamicCount(true);
+        this._indicatorView.setInteractiveAnimation(true);
+        nativeView.addView(this._indicatorView);
+        return nativeView;
+    }
+    initNativeView() {
+        super.initNativeView();
+        this._oldDisableAnimation = this.disableAnimation;
+        this.disableAnimation = true;
+        this.pager.registerOnPageChangeCallback(this._pageListener);
+        this.pager.setAdapter(this._pagerAdapter);
+        if (this._androidViewId < 0) {
+            this._androidViewId = android.view.View.generateViewId();
+        }
+        if (this.pagesCount > 0) {
+            this.pager.setOffscreenPageLimit(this.pagesCount);
+        }
+        else {
+            this.pager.setOffscreenPageLimit(3);
+        }
+        this._setIndicator(this.indicator);
+        this._setPeaking(this.peaking);
+        this._setSpacing(this.spacing);
+        this._setTransformers(this.transformers ? this.transformers : '');
+        if (this.showIndicator) {
+            this._indicatorView.setCount(this.items ? this.items.length : 0);
+        }
+        else {
+            this._indicatorView.setCount(0);
+        }
+    }
+    _removeChildView(index) {
+        const type = this._childrenViews[index].type;
+        this._childrenViewsType.delete(type);
+        super._removeChildView(index);
+    }
+    _addChildView(view, type) {
+        super._addChildView(view, type);
+        this._childrenViewsType.set(type, view);
+        this.initStaticPagerAdapter();
+    }
+    onLayoutChange(args) {
+        this._setSpacing(args.object.spacing);
+        this._setPeaking(args.object.peaking);
+        this._setTransformers(this.transformers ? this.transformers : '');
+        this._updateScrollPosition();
+        this.disableAnimation = this._oldDisableAnimation;
+    }
+    _setSpacing(value) {
+        const size = this.convertToSize(value);
+        const newSpacing = size !== this._lastSpacing;
+        if (newSpacing) {
+            if (this.marginTransformer) {
+                this.compositeTransformer.removeTransformer(this.marginTransformer);
+            }
+            this.marginTransformer = new androidx.viewpager2.widget.MarginPageTransformer(size);
+            this.compositeTransformer.addTransformer(this.marginTransformer);
+            this._lastSpacing = size;
+        }
+    }
+    _setPeaking(value) {
+        const size = this.convertToSize(value);
+        const newPeaking = size !== this._lastPeaking;
+        if (newPeaking) {
+            this.pager.setClipToPadding(false);
+            const left = this.orientation === 'horizontal' ? size : 0;
+            const top = this.orientation === 'horizontal' ? 0 : size;
+            this.pager.setPadding(left, top, left, top);
+            this.pager.setClipChildren(false);
+            this._lastPeaking = size;
+        }
+    }
+    [spacingProperty.setNative](value) {
+        this._setSpacing(value);
+    }
+    [peakingProperty.setNative](value) {
+        this._setPeaking(value);
+    }
+    [indicatorProperty.setNative](value) {
+        this._setIndicator(value);
+    }
+    _setIndicator(value) {
+        const AnimationType = (com).rd.animation.type.AnimationType;
+        switch (value) {
+            case Indicator.None:
+                this.indicatorView.setAnimationType(AnimationType.NONE);
+                break;
+            case Indicator.Worm:
+                this.indicatorView.setAnimationType(AnimationType.WORM);
+                break;
+            case Indicator.Fill:
+                this.indicatorView.setAnimationType(AnimationType.FILL);
+                break;
+            case Indicator.Swap:
+                this.indicatorView.setAnimationType(AnimationType.SWAP);
+                break;
+            case Indicator.THIN_WORM:
+                this.indicatorView.setAnimationType(AnimationType.THIN_WORM);
+                break;
+            default:
+                break;
+        }
+    }
+    _setTransformers(transformers) {
+        if (!isString(transformers)) {
+            return;
+        }
+        const transformsArray = transformers.split(' ');
+        this._transformers.forEach((transformer) => {
+            this.compositeTransformer.removeTransformer(transformer);
+        });
+        for (const transformer of transformsArray) {
+            if (transformer === Transformer.SCALE) {
+                initZoomOutPageTransformer();
+                const nativeTransformer = new ZoomOutPageTransformer();
+                nativeTransformer.owner = new WeakRef(this);
+                this._transformers.push(nativeTransformer);
+                this.compositeTransformer.addTransformer(nativeTransformer);
+            }
+        }
+        if (transformsArray.length === 0) {
+            this._transformers.forEach((transformer) => {
+                this.compositeTransformer.removeTransformer(transformer);
+            });
+        }
+        this.pager.setPageTransformer(this.compositeTransformer);
+    }
+    disposeNativeView() {
+        this.off(View.layoutChangedEvent, this.onLayoutChange, this);
+        this._childrenViews = null;
+        this._realizedItems.clear();
+        this._realizedTemplates.clear();
+        this._pageListener = null;
+        this._pagerAdapter = null;
+        this._transformers = [];
+        if (this._observableArrayInstance) {
+            this._observableArrayInstance.off(ObservableArray.changeEvent, this._observableArrayHandler);
+            this._observableArrayInstance = null;
+        }
+        super.disposeNativeView();
+    }
+    get disableAnimation() {
+        return this._disableAnimation;
+    }
+    set disableAnimation(value) {
+        this._disableAnimation = value;
+    }
+    get pagerAdapter() {
+        return this._pagerAdapter;
+    }
+    get _childrenCount() {
+        var _a, _b;
+        return ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) || ((_b = this._childrenViews) === null || _b === void 0 ? void 0 : _b.length) || 0;
+    }
+    [indicatorColorProperty.setNative](value) {
+        if (this.indicatorView) {
+            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);
+            this.indicatorView.setSelectedColor(color ? color.android : null);
+        }
+    }
+    [disableSwipeProperty.setNative](value) {
+        if (this.pager) {
+            this.pager.setUserInputEnabled(!value);
+        }
+    }
+    [itemsProperty.getDefault]() {
+        return null;
+    }
+    [itemsProperty.setNative](value) {
+        if (value && value.length && this.showIndicator) {
+            this.indicatorView.setCount(this._childrenCount);
+        }
+        if (this._observableArrayInstance) {
+            this._observableArrayInstance.off(ObservableArray.changeEvent, this._observableArrayHandler);
+            this._observableArrayInstance = null;
+        }
+        if (value) {
+            if (value instanceof ObservableArray) {
+                const adapter = this.pagerAdapter;
+                if (!adapter)
+                    return;
+                selectedIndexProperty.coerce(this);
+                this._observableArrayInstance = value;
+                this._observableArrayInstance.on(ObservableArray.changeEvent, this._observableArrayHandler);
+            }
+            else {
+                this.refresh();
+                selectedIndexProperty.coerce(this);
+            }
+        }
+    }
+    _updateScrollPosition() {
+        const index = this.circularMode
+            ? this.selectedIndex + 1
+            : this.selectedIndex;
+        if (this.pager.getCurrentItem() !== index) {
+            this.indicatorView.setInteractiveAnimation(false);
+            this.pager.setCurrentItem(index, false);
+            this._indicatorView.setSelected(this.selectedIndex);
+        }
+        setTimeout(() => {
+            this._initAutoPlay(this.autoPlay);
+        });
+    }
+    initStaticPagerAdapter() {
+        if (!this.items && this._childrenCount > 0) {
+            initStaticPagerStateAdapter();
+            if (this.pager && !(this._pagerAdapter instanceof StaticPagerStateAdapter)) {
+                this._pagerAdapter = new StaticPagerStateAdapter(new WeakRef(this));
+                this.pager.setAdapter(this._pagerAdapter);
+                selectedIndexProperty.coerce(this);
+                setTimeout(() => {
+                    this.pager.setCurrentItem(this.selectedIndex, false);
+                    if (this.indicatorView) {
+                        this.indicatorView.setSelection(this.selectedIndex);
+                    }
+                }, 0);
+            }
+        }
+    }
+    onLoaded() {
+        super.onLoaded();
+        this.initStaticPagerAdapter();
+    }
+    [selectedIndexProperty.setNative](value) {
+        if (this.isLoaded && this.isLayoutValid && this.pager) {
+            const index = this.circularMode ? value + 1 : value;
+            if (this.pager.getCurrentItem() !== index) {
+                this.pager.setCurrentItem(index, !this.disableAnimation);
+                if (this.indicatorView) {
+                }
+            }
+        }
+    }
+    scrollToIndexAnimated(index, animate) {
+        if (this.pager) {
+            this.pager.setCurrentItem(index, animate);
+            if (!animate) {
+                selectedIndexProperty.nativeValueChange(this, index);
+            }
+        }
+    }
+    _onItemsChanged(oldValue, newValue) { }
+    refresh() {
+        if (this.pager && this._pagerAdapter) {
+            this.pager.requestLayout();
+            this.pager.getAdapter().notifyDataSetChanged();
+        }
+    }
+    updatePagesCount(value) {
+        if (this.pager) {
+            this._pagerAdapter.notifyDataSetChanged();
+            this.pager.setOffscreenPageLimit(value);
+        }
+    }
+    onUnloaded() {
+        super.onUnloaded();
+    }
+    eachChildView(callback) {
+        if (this._realizedItems && this._realizedItems.size > 0) {
+            this._realizedItems.forEach((view, key) => {
+                callback(view);
+            });
+        }
+    }
+    updateAdapter() {
+        this._pagerAdapter.notifyDataSetChanged();
+    }
+    _selectedIndexUpdatedFromNative(newIndex) { }
+    [itemTemplatesProperty.getDefault]() {
+        return null;
+    }
+    [itemTemplatesProperty.setNative](value) {
+        this._itemTemplatesInternal = new Array(this._defaultTemplate);
+        if (value) {
+            this._itemTemplatesInternal = this._itemTemplatesInternal.concat(value);
+        }
+        this._pagerAdapter = new PagerRecyclerAdapter(new WeakRef(this));
+        this.pager.setAdapter(this._pagerAdapter);
+        this.refresh();
+    }
+    [showIndicatorProperty.setNative](value) {
+        if (!this.indicatorView) {
+            return;
+        }
+        if (value) {
+            this.indicatorView.setCount(this.items ? this.items.length : 0);
+            this.indicatorView.setSelected(this.selectedIndex);
+        }
+        else {
+            this.indicatorView.setCount(0);
+        }
+    }
+    [orientationProperty.setNative](value) {
+        if (value === 'vertical') {
+            this._pager.setOrientation(androidx.viewpager2.widget.ViewPager2.ORIENTATION_VERTICAL);
+        }
+        else {
+            this._pager.setOrientation(androidx.viewpager2.widget.ViewPager2.ORIENTATION_HORIZONTAL);
+        }
+    }
+    get horizontalOffset() {
+        return this._horizontalOffset / layout.getDisplayDensity();
+    }
+    get verticalOffset() {
+        return this._verticalOffset / layout.getDisplayDensity();
+    }
+    static getProgress(indicator, position, positionOffset, isRtl) {
+        const count = indicator.getCount();
+        let selectedPosition = indicator.getSelection();
+        if (isRtl) {
+            position = count - 1 - position;
+        }
+        if (position < 0) {
+            position = 0;
+        }
+        else if (position > count - 1) {
+            position = count - 1;
+        }
+        const isRightOverScrolled = position > selectedPosition;
+        let isLeftOverScrolled;
+        if (isRtl) {
+            isLeftOverScrolled = position - 1 < selectedPosition;
+        }
+        else {
+            isLeftOverScrolled = position + 1 < selectedPosition;
+        }
+        if (isRightOverScrolled || isLeftOverScrolled) {
+            selectedPosition = position;
+            indicator.setSelection(selectedPosition);
+        }
+        const slideToRightSide = selectedPosition === position && positionOffset !== 0;
+        let selectingPosition;
+        let selectingProgress;
+        if (slideToRightSide) {
+            selectingPosition = isRtl ? position - 1 : position + 1;
+            selectingProgress = positionOffset;
+        }
+        else {
+            selectingPosition = position;
+            selectingProgress = 1 - positionOffset;
+        }
+        if (selectingProgress > 1) {
+            selectingProgress = 1;
+        }
+        else if (selectingProgress < 0) {
+            selectingProgress = 0;
+        }
+        return [selectingPosition, selectingProgress];
+    }
+    [autoPlayProperty.setNative](value) {
+        this._initAutoPlay(value);
+    }
+    [autoplayDelayProperty.setNative](value) {
+        if (this._autoPlayInterval) {
+            clearInterval(this._autoPlayInterval);
+            this._autoPlayInterval = undefined;
+            this._initAutoPlay(this.autoPlay);
+        }
+    }
+    _nextIndex() {
+        const next = this.selectedIndex + 1;
+        if (next > this.lastIndex) {
+            return 0;
+        }
+        return next;
+    }
+    _initAutoPlay(value) {
+        if (!this.items || this.items.length === 0) {
+            return;
+        }
+        if (!value) {
+            if (this._autoPlayInterval) {
+                clearInterval(this._autoPlayInterval);
+                this._autoPlayInterval = undefined;
+            }
+        }
+        else {
+            if (this.isLayoutValid && !this._autoPlayInterval) {
+                this._autoPlayInterval = setInterval(() => {
+                    this.selectedIndex = this._nextIndex();
+                }, this.autoPlayDelay);
+            }
+        }
+    }
+    get itemCount() {
+        return this._childrenCount
+            ? this._childrenCount + (this.circularMode ? 2 : 0)
+            : 0;
+    }
+    get lastIndex() {
+        if (this.items && this.items.length === 0) {
+            return 0;
+        }
+        return this.circularMode ? this.itemCount - 3 : this.itemCount - 1;
+    }
+}
+__decorate([
+    profile()
+], Pager.prototype, "createNativeView", null);
+export const pagesCountProperty = new Property({
+    name: 'pagesCount',
+    defaultValue: 0,
+    valueConverter: (v) => parseInt(v, 10),
+    valueChanged: (pager, oldValue, newValue) => {
+        pager.updatePagesCount(pager.pagesCount);
+    },
+});
+pagesCountProperty.register(Pager);
+let PageChangeCallback;
+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);
+            }
+        }
+    };
+    PageChangeCallbackImpl.prototype.onPageScrollStateChanged = function (state) {
+        var 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) {
+                // 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 - 1);
+                    }
+                }
+                else {
+                    selectedIndexProperty.nativeValueChange(owner, index);
+                    owner.indicatorView.setSelected(index);
+                }
+            }
+        }
+    };
+    return PageChangeCallbackImpl;
+}(androidx.viewpager2.widget.ViewPager2
+    .OnPageChangeCallback));
+    PageChangeCallback = PageChangeCallbackImpl;
+}
+let PagerRecyclerAdapter;
+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);
+        }
+        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();
+            }
+            else if (position === this.firstDummy()) {
+                position = 0;
+            }
+            else {
+                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 (index === this.firstDummy()) {
+                    index = 0;
+                }
+                else {
+                    index = index - 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);
+                }
+                else {
+                    holder.view.addChild(owner._getDefaultItemContent(index));
+                }
+                holder.view[PLACEHOLDER] = false;
+            }
+            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);
+            }
+        }
+        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);
+        }
+        return 0;
+    };
+    PagerRecyclerAdapterImpl.prototype.lastIndex = function () {
+        var 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;
+    };
+    PagerRecyclerAdapterImpl.prototype.firstDummy = function () {
+        var count = this.getItemCount();
+        if (count === 0) {
+            return 0;
+        }
+        return this.getItemCount() - 1;
+    };
+    PagerRecyclerAdapterImpl.prototype.lastDummy = function () {
+        return this.lastIndex();
+    };
+    PagerRecyclerAdapterImpl.prototype.hasStableIds = function () {
+        return true;
+    };
+    return PagerRecyclerAdapterImpl;
+}(androidx.recyclerview.widget.RecyclerView.Adapter));
+    PagerRecyclerAdapter = PagerRecyclerAdapterImpl;
+}
+let StaticPagerStateAdapter;
+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;
+        }
+        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);
+        }
+        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));
+        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);
+                }
+                holder.view[PLACEHOLDER] = false;
+            }
+        }
+    };
+    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 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);
+    };
+    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));
+    StaticPagerStateAdapter = StaticPagerStateAdapterImpl;
+}
+let PagerViewHolder;
+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 () {
+            return this.owner ? this.owner.get() : null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    return PagerViewHolderImpl;
+}(androidx.recyclerview.widget.RecyclerView.ViewHolder));
+    PagerViewHolder = PagerViewHolderImpl;
+}
+let ZoomOutPageTransformer;
+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);
+        }
+    };
+    ZoomOutPageTransformerImpl = __decorate([
+        Interfaces([androidx.viewpager2.widget.ViewPager2.PageTransformer])
+    ], ZoomOutPageTransformerImpl);
+    return ZoomOutPageTransformerImpl;
+}(java.lang.Object));
+    ZoomOutPageTransformer = ZoomOutPageTransformerImpl;
+}
+let ZoomInPageTransformer;
+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));
+    };
+    ZoomInPageTransformerImpl = __decorate([
+        Interfaces([androidx.viewpager2.widget.ViewPager2.PageTransformer])
+    ], ZoomInPageTransformerImpl);
+    return ZoomInPageTransformerImpl;
+}(java.lang.Object));
+    ZoomInPageTransformer = ZoomInPageTransformerImpl;
+}
+//# sourceMappingURL=pager.android.js.map