@nativescript-community/ui-pager 13.0.30 → 13.0.34

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [13.0.34](https://github.com/nativescript-community/ui-pager/compare/v13.0.33...v13.0.34) (2022-01-19)
+
+**Note:** Version bump only for package @nativescript-community/ui-pager
+
+
+
+
+
+## [13.0.33](https://github.com/nativescript-community/ui-pager/compare/v13.0.32...v13.0.33) (2021-11-17)
+
+**Note:** Version bump only for package @nativescript-community/ui-pager
+
+
+
+
+
+## [13.0.32](https://github.com/nativescript-community/ui-pager/compare/v13.0.31...v13.0.32) (2021-11-15)
+
+
+### Bug Fixes
+
+* missing platforms directory ([44bff68](https://github.com/nativescript-community/ui-pager/commit/44bff68074855d14032201fe9198e1519ab22ca0))
+
+
+
+
+
+## [13.0.31](https://github.com/nativescript-community/ui-pager/compare/v13.0.30...v13.0.31) (2021-10-22)
+
+**Note:** Version bump only for package @nativescript-community/ui-pager
+
+
+
+
+
 ## [13.0.30](https://github.com/nativescript-community/ui-pager/compare/v13.0.29...v13.0.30) (2021-09-29)
 
 **Note:** Version bump only for package @nativescript-community/ui-pager

package/README.md

@@ -1,310 +1,230 @@
-[![npm](https://img.shields.io/npm/v/@nativescript-community/ui-pager.svg)](https://www.npmjs.com/package/@nativescript-community/ui-pager)
-[![npm](https://img.shields.io/npm/dt/@nativescript-community/ui-pager.svg?label=npm%20downloads)](https://www.npmjs.com/package/@nativescript-community/ui-pager)
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-pager</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-pager?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-pager.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-pager"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-pager.svg" height="20"/></a>
+	</p>
+
+<p align="center">
+  <b>A NativeScript Pager / Carousel component that allows the user to swipe left and right through pages of data. </b></br>
+  <sub><sub>
+</p>
+
+<br />
+
+
+| <img src="https://github.com/nativescript-community/ui-pager/raw/master/images/demo-ios.gif" height="500" /> | <img src="https://github.com/nativescript-community/ui-pager/raw/master/images/demo-android.gif" height="500" /> |
+| --- | ----------- |
+| iOS Demo | Android Demo |
+
+
+[](#table-of-contents)
+
+## Table of Contents
+
+* [Installation](#installation)
+* [API](#api)
+	* [Properties](#properties)
+* [Usage in Angular](#usage-in-angular)
+	* [Examples](#examples)
+* [Usage in React](#usage-in-react)
+	* [Examples](#examples-1)
+* [Usage in Svelte](#usage-in-svelte)
+	* [Examples](#examples-2)
+* [Usage in Vue](#usage-in-vue)
+	* [Examples](#examples-3)
+* [Demos and Development](#demos-and-development)
+	* [Setup](#setup)
+	* [Build](#build)
+	* [Demos](#demos)
+* [Questions](#questions)
+
+
+[](#installation)
+
+## Installation
+Run the following command from the root of your project:
+
+`ns plugin add @nativescript-community/ui-pager`
+
+
+[](#api)
+
+## API
+
+### Properties
+
+| Property | Type |
+| - | - |
+| items | `array` or `ItemsSource` 
+| selectedIndex | `number` |
+| canGoRight | `boolean` |
+| canGoLeft | `boolean` |
+| spacing | `PercentLengthType` |
+| peaking | `PercentLengthType` |
+| perPage | `number` |
+| indicator | `string`  ('disable', 'none', 'worm', 'fill', 'swap', 'thin_worm', 'flat')|
+| circularMode | `boolean` |
+| autoPlayDelay | `number` |
+| autoPlay | `boolean` |
+| orientation | `string` ('horizontal' or 'vertical') |
+| autoPlay | `boolean` |
+| disableSwipe | `boolean` |
+| showIndicator | `boolean` |
+| indicatorColor | `Color` or `string` |
+| indicatorSelectedColor | `Color` or `string` |
 
-# NativeScript Pager
 
-## Install
+```
+Pager for NativeScript supports the core ObservableArray module part of the core NativeScript modules collection. Using an ObservableArray instance as a source for Pager will ensure that changes in the source collection will be automatically taken care of by the control.
+```
 
-- `tns plugin add @nativescript-community/ui-pager`
 
-## Usage
+
+[](#usage-in-angular)
+
+## Usage in Angular
 
-**Note** v11+
+Import the module into your project.
+
+```typescript
+import { PagerModule } from "@nativescript-community/ui-pager/angular";
 
+@NgModule({
+    imports: [
+        PagerModule,
+    ],
+})
 ```
-Pager for NativeScript supports the core ObservableArray module part of the core NativeScript modules collection. Using an ObservableArray instance as a source for Pager will ensure that changes in the source collection will be automatically taken care of by the control.
-````
 
+### Examples
 
-IMPORTANT: Make sure you include `xmlns:pager="@nativescript-community/ui-pager"` on the Page element any element can be used in the pager
+- [Static Pager](demo-snippets/ng/static-pager)
+  - A simple pager example using static content.
+- [Basic Pager](demo-snippets/ng/basic-pager)
+  - A simple pager example using dynamic content.
 
-```xml
-<pager:Pager items="{{items}}" row="2" id="pager" spacing="2%" peaking="10%" transformers="scale" pagesCount="10" showIndicator="true" backgroundColor="lightsteelblue">
-            <pager:Pager.itemTemplate>
-                <GridLayout rows="auto, *" columns="*" backgroundColor="red">
-                    <Label text="{{title}}"/>
-                    <Image row="1" src="{{image}}"/>
-                </GridLayout>
-            </pager:Pager.itemTemplate>
-</pager:Pager>
-```
+
+[](#usage-in-react)
+
+## Usage in React
+
+Import the module into your project.
 
-### Multi Template
-
-```xml
-<c:Pager selectedIndexChange="selectedIndexChange" itemTemplateSelector="$index % 2 === 0 ? 'even' : 'odd'" selectedIndex="5" items="{{items}}" row="4" id="pager" pagesCount="10" showIndicator="true" backgroundColor="lightsteelblue">
-      <Pager.itemTemplates>
-        <template key="even">
-          <GridLayout rows="auto,auto,*" columns="*">
-            <Label text="Even"/>
-            <Label row="1" text="{{title}}"/>
-            <Image loaded="loadedImage" row="2" src="{{image}}"/>
-          </GridLayout>
-        </template>
-        <template key="odd">
-          <GridLayout rows="auto,auto ,auto,*" columns="*" backgroundColor="white">
-            <Label text="Odd"/>
-            <Label row="1" text="{{title}}"/>
-            <StackLayout row="2">
-              <Label text="{{image}}"/>
-            </StackLayout>
-            <Image loaded="loadedImage" row="3" src="{{image}}"/>
-          </GridLayout>
-        </template>
-      </Pager.itemTemplates>
-      <!-- <Pager.itemTemplate><GridLayout rows="auto,*" columns="*"><Label row="1" text="{{title}}"/><Image loaded="loadedImage" row="2" src="{{image}}"/></GridLayout></Pager.itemTemplate> -->
-    </c:Pager>
+```typescript
+import { Pager } from '@nativescript-community/ui-pager/react';
 ```
 
-### Static Views
-
-```xml
-<c:Pager selectedIndexChange="selectedIndexChange" row="4" id="pager"
-                 showIndicator="true" backgroundColor="lightsteelblue">
-            <c:PagerItem backgroundColor="red">
-                <Label text="First"></Label>
-            </c:PagerItem>
-            <c:PagerItem backgroundColor="white">
-                <Label text="Second" ></Label>
-            </c:PagerItem>
-            <c:PagerItem backgroundColor="black">
-                <Label text="Third" color="white"></Label>
-            </c:PagerItem>
-            <c:PagerItem backgroundColor="green">
-                <Label text="Fourth"></Label>
-            </c:PagerItem>
-        </c:Pager>
+### Examples
+
+- [Basic Pager](demo-snippets/react/BasicPager.tsx)
+  - A simple pager example using dynamic content.
+
+[](#usage-in-svelte)
+
+## Usage in Svelte
+
+Import the module into your project.
 
+```typescript
+import { registerNativeViewElement } from 'svelte-native/dom';
+
+import PagerElement from '@nativescript-community/ui-pager/svelte';
+import { PagerItem } from '@nativescript-community/ui-pager';
+
+PagerElement.register();
+registerNativeViewElement('pageritem', () => PagerItem);
 ```
 
-### Vue
+### Examples
+
+- [Static Pager](demo-snippets/svelte/StaticPager.svelte)
+  - A simple pager example using static content.
+- [Basic Pager](demo-snippets/svelte/BasicPager.svelte)
+  - A simple pager example using dynamic content.
+
+
+[](#usage-in-vue)
+
+## Usage in Vue
 
-```js
+Import the module into your project.
+
+```typescript
 import Vue from 'nativescript-vue';
 import Pager from '@nativescript-community/ui-pager/vue';
 
 Vue.use(Pager);
 ```
 
-```html
-<template>
-    <Pager for="item in items">
-        <v-template>
-            <GridLayout class="pager-item" rows="auto, *" columns="*">
-                <Label :text="item.title" />
-                <Image  stretch="fill" row="1" :src="item.image" />
-            </GridLayout>
-        </v-template>
-        <v-template if="$odd">
-            <GridLayout class="pager-item" rows="auto, *" columns="*">
-                <Image  stretch="fill" :src="item.image" />
-                <Label :text="item.title" row="1"/>
-            </GridLayout>
-        </v-template>
-    </Pager>
-</template>
-```
+### Examples
 
-### Static Views
-
-```html
-<Pager height="100%" :selectedIndex="1">
-  <PagerItem backgroundColor="red"> <label text="First"></label> </PagerItem>
-  <PagerItem backgroundColor="white"> <label text="Second"></label> </PagerItem>
-  <PagerItem backgroundColor="black">
-    <label text="Third" color="white"></label>
-  </PagerItem>
-  <PagerItem backgroundColor="green"> <label text="Fourth"></label> </PagerItem>
-</Pager>
-```
+- [Static Pager](demo-snippets/vue/StaticPager.vue)
+  - A simple pager example using static content.
+- [Basic Pager](demo-snippets/vue/BasicPager.vue)
+  - A simple pager example using dynamic content.
 
-### Angular
-
-```js
-import { PagerModule } from "@nativescript-community/ui-pager/angular";
 
-@NgModule({
-    imports: [
-    PagerModule
-    ],
-    declarations: [
-        AppComponent
-    ],
-    bootstrap: [AppComponent]
-})
-```
+
+[](#demos-and-development)
+
+## Demos and Development
 
-_Angular v2_
-
-```html
-<Pager
-  [items]="items"
-  #pager
-  [selectedIndex]="currentPagerIndex"
-  (selectedIndexChange)="onIndexChanged($event)"
-  class="pager"
->
-  <template let-i="index" let-item="item">
-    <GridLayout
-      class="pager-item"
-      rows="auto, *"
-      columns="*"
-      backgroundColor="red"
-    >
-      <label [text]="item.title"></label>
-      <image row="1" [src]="item.image"></image>
-    </GridLayout>
-  </template>
-</Pager>
-```
 
-_Angular v4+_
-
-```html
-<Pager
-  [items]="items"
-  #pager
-  [selectedIndex]="currentPagerIndex"
-  (selectedIndexChange)="onIndexChanged($event)"
-  class="pager"
->
-  <ng-template let-i="index" let-item="item">
-    <GridLayout
-      class="pager-item"
-      rows="auto, *"
-      columns="*"
-      backgroundColor="red"
-    >
-      <label [text]="item.title"></label>
-      <image row="1" [src]="item.image"></image>
-    </GridLayout>
-  </ng-template>
-</Pager>
-```
+### Setup
 
-### Multi Template
+To run the demos, you must clone this repo **recursively**.
 
-```ts
- public templateSelector = (item: any, index: number, items: any) => {
-    return index % 2 === 0 ? 'even' : 'odd';
-  }
 ```
-
-```html
-<Pager
-  row="1"
-  [items]="items | async"
-  [itemTemplateSelector]="templateSelector"
-  #pager
-  [selectedIndex]="currentPagerIndex"
-  (selectedIndexChange)="onIndexChanged($event)"
-  class="pager"
-  backgroundColor="lightsteelblue"
->
-  <ng-template pagerTemplateKey="even" let-i="index" let-item="item">
-    <GridLayout class="pager-item" rows="auto,auto,*" columns="*">
-      <label text="Even"></label> <label row="1" [text]="item.title"></label>
-      <image loaded="loadedImage" row="2" [src]="item.image"></image>
-    </GridLayout>
-  </ng-template>
-
-  <ng-template pagerTemplateKey="odd" let-i="index" let-item="item">
-    <GridLayout
-      class="pager-item"
-      rows="auto,auto,auto,*"
-      columns="*"
-      backgroundColor="white"
-    >
-      <label text="Odd"></label> <label row="1" [text]="item.title"></label>
-      <StackLayout row="2"> <label [text]="item.image"></label> </StackLayout>
-      <image loaded="loadedImage" row="3" [src]="item.image"></image>
-    </GridLayout>
-  </ng-template>
-</Pager>
+git clone https://github.com/@nativescript-community/ui-pager.git --recursive
 ```
 
-### Static Views
-
-```html
-<Pager
-  backgroundColor="orange"
-  row="1"
-  #pager
-  [selectedIndex]="1"
-  height="100%"
->
-  <StackLayout *pagerItem backgroundColor="red">
-    <label text="First"></label>
-  </StackLayout>
-  <StackLayout *pagerItem backgroundColor="white">
-    <label text="Second"></label>
-  </StackLayout>
-  <StackLayout *pagerItem backgroundColor="black">
-    <label text="Third" color="white"></label>
-  </StackLayout>
-  <StackLayout *pagerItem backgroundColor="green">
-    <label text="Fourth"></label>
-  </StackLayout>
-</Pager>
+**Install Dependencies:**
+```bash
+npm i # or 'yarn install' or 'pnpm install'
 ```
-### React
-
-```typescript jsx
-import {$Pager} from '@nativescript-community/ui-pager/react';
-return (
-<$Pager
-                height={{ unit: "%", value: 100 }}
-                   selectedIndex={this.selectedIndex}
-                   selectedIndexChange={this.selectedIndexChange.bind(this)}
-                    items={this.items}
-                     cellFactory={
-                    (item, ref) => {
-                        return (
-                            <$StackLayout id={item.title} ref={ref}>
-                                <$Label text={item.title}/>
-                                <$ImageCacheIt stretch={'aspectFill'}
-                                        src={item.image}/>
-                            </$StackLayout>
-                        );
-                    }
-                }/>
-)
-```
-
-### Static Views
-
-```typescript jsx
-return(<$Pager row={0} col={0} selectedIndex={this.selectedIndex} height={{unit: '%', value: 100}}>
-                           <$PagerItem backgroundColor={'red'}>
-                               <$Label text={'First'}/>
-                           </$PagerItem>
-                           <$PagerItem backgroundColor={'white'}>
-                               <$Label text={'Second'}/>
-                           </$PagerItem>
-                           <$PagerItem backgroundColor={'black'}>
-                               <$Label text={'Third'} color={new Color('white')}/>
-                           </$PagerItem>
-                           <$PagerItem backgroundColor={'green'}>
-                               <$Label text={'Fourth'}/>
-                           </$PagerItem>
-                           <$PagerItem backgroundColor={'pink'}>
-                               <$Label text={'Fifth'}/>
-                           </$PagerItem>
-                       </$Pager>)
 
-```
+**Interactive Menu:**
 
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
 
+### Build
 
+```bash
+npm run build
 
+npm run build.angular # or for Angular
+```
 
+### Demos
 
-## Config
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
 
-```xml
-<Pager cache="false" disableSwipe="true" disableAnimation="true" selectedIndex="5">
+npm run demo.svelte.ios # Example
 ```
+
+[](#questions)
+
+## Questions
 
-| IOS                                     | Android                                      |
-| --------------------------------------- | -------------------------------------------- |
-| ![ios](https://i.imgur.com/mvkqXOa.gif) | ![android](https://i.imgur.com/LQgOZ0wh.gif) |
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

package/angular/esm2020/index.mjs

@@ -0,0 +1,54 @@
+import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, NgModule, forwardRef } from '@angular/core';
+import { PagerItemDirective, TEMPLATED_ITEMS_COMPONENT, TemplateKeyDirective, TemplatedItemsComponent } from './pager-items-comp';
+import * as i0 from "@angular/core";
+export { PagerItemDirective, TemplatedItemsComponent, TemplateKeyDirective } from './pager-items-comp';
+export class PagerComponent extends TemplatedItemsComponent {
+    constructor(_elementRef, _iterableDiffers) {
+        super(_elementRef, _iterableDiffers);
+    }
+    get nativeElement() {
+        return this.templatedItemsView;
+    }
+}
+PagerComponent.ɵfac = function PagerComponent_Factory(t) { return new (t || PagerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.IterableDiffers)); };
+PagerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PagerComponent, selectors: [["Pager"]], features: [i0.ɵɵProvidersFeature([
+            {
+                provide: TEMPLATED_ITEMS_COMPONENT,
+                useExisting: forwardRef(() => PagerComponent)
+            }
+        ]), i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 0, consts: [["loader", ""]], template: function PagerComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "DetachedContainer");
+        i0.ɵɵelement(1, "Placeholder", null, 0);
+        i0.ɵɵelementEnd();
+    } }, encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PagerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'Pager',
+                template: ` <DetachedContainer>
+        <Placeholder #loader></Placeholder>
+    </DetachedContainer>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: TEMPLATED_ITEMS_COMPONENT,
+                        useExisting: forwardRef(() => PagerComponent)
+                    }
+                ]
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i0.IterableDiffers }]; }, null); })();
+export class PagerModule {
+}
+PagerModule.ɵfac = function PagerModule_Factory(t) { return new (t || PagerModule)(); };
+PagerModule.ɵmod = i0.ɵɵdefineNgModule({ type: PagerModule });
+PagerModule.ɵinj = i0.ɵɵdefineInjector({});
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PagerModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [PagerComponent, TemplateKeyDirective, PagerItemDirective],
+                exports: [PagerComponent, TemplateKeyDirective, PagerItemDirective],
+                schemas: [NO_ERRORS_SCHEMA]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PagerModule, { declarations: [PagerComponent, TemplateKeyDirective, PagerItemDirective], exports: [PagerComponent, TemplateKeyDirective, PagerItemDirective] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWktcGFnZXIvYW5ndWxhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUErQixnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3hJLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSx5QkFBeUIsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQUVsSSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsdUJBQXVCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWV2RyxNQUFNLE9BQU8sY0FBZSxTQUFRLHVCQUF1QjtJQU92RCxZQUFZLFdBQXVCLEVBQUUsZ0JBQWlDO1FBQ2xFLEtBQUssQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBUkQsSUFBVyxhQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDO0lBQ25DLENBQUM7OzRFQUhRLGNBQWM7bURBQWQsY0FBYywyREFQWjtZQUNQO2dCQUNJLE9BQU8sRUFBRSx5QkFBeUI7Z0JBQ2xDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDO2FBQ2hEO1NBQ0o7UUFUVyx5Q0FBbUI7UUFDM0IsdUNBQW1DO1FBQ3ZDLGlCQUFvQjs7dUZBU1gsY0FBYztjQWIxQixTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLE9BQU87Z0JBQ2pCLFFBQVEsRUFBRTs7eUJBRVc7Z0JBQ3JCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUU7b0JBQ1A7d0JBQ0ksT0FBTyxFQUFFLHlCQUF5Qjt3QkFDbEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDO3FCQUNoRDtpQkFDSjthQUNKOztBQWtCRCxNQUFNLE9BQU8sV0FBVzs7c0VBQVgsV0FBVzsrQ0FBWCxXQUFXOzt1RkFBWCxXQUFXO2NBTHZCLFFBQVE7ZUFBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxjQUFjLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLENBQUM7Z0JBQ3hFLE9BQU8sRUFBRSxDQUFDLGNBQWMsRUFBRSxvQkFBb0IsRUFBRSxrQkFBa0IsQ0FBQztnQkFDbkUsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7YUFDOUI7O3dGQUNZLFdBQVcsbUJBakJYLGNBQWMsRUFhUSxvQkFBb0IsRUFBRSxrQkFBa0IsYUFiOUQsY0FBYyxFQWNHLG9CQUFvQixFQUFFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEl0ZXJhYmxlRGlmZmVycywgTk9fRVJST1JTX1NDSEVNQSwgTmdNb2R1bGUsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUGFnZXIgfSBmcm9tICdAbmF0aXZlc2NyaXB0LWNvbW11bml0eS91aS1wYWdlcic7XG5pbXBvcnQgeyBQYWdlckl0ZW1EaXJlY3RpdmUsIFRFTVBMQVRFRF9JVEVNU19DT01QT05FTlQsIFRlbXBsYXRlS2V5RGlyZWN0aXZlLCBUZW1wbGF0ZWRJdGVtc0NvbXBvbmVudCB9IGZyb20gJy4vcGFnZXItaXRlbXMtY29tcCc7XG5cbmV4cG9ydCB7IFBhZ2VySXRlbURpcmVjdGl2ZSwgVGVtcGxhdGVkSXRlbXNDb21wb25lbnQsIFRlbXBsYXRlS2V5RGlyZWN0aXZlIH0gZnJvbSAnLi9wYWdlci1pdGVtcy1jb21wJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdQYWdlcicsXG4gICAgdGVtcGxhdGU6IGAgPERldGFjaGVkQ29udGFpbmVyPlxuICAgICAgICA8UGxhY2Vob2xkZXIgI2xvYWRlcj48L1BsYWNlaG9sZGVyPlxuICAgIDwvRGV0YWNoZWRDb250YWluZXI+YCxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVEVNUExBVEVEX0lURU1TX0NPTVBPTkVOVCxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFBhZ2VyQ29tcG9uZW50KVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlckNvbXBvbmVudCBleHRlbmRzIFRlbXBsYXRlZEl0ZW1zQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgZ2V0IG5hdGl2ZUVsZW1lbnQoKTogUGFnZXIge1xuICAgICAgICByZXR1cm4gdGhpcy50ZW1wbGF0ZWRJdGVtc1ZpZXc7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHRlbXBsYXRlZEl0ZW1zVmlldzogUGFnZXI7XG5cbiAgICBjb25zdHJ1Y3RvcihfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgX2l0ZXJhYmxlRGlmZmVyczogSXRlcmFibGVEaWZmZXJzKSB7XG4gICAgICAgIHN1cGVyKF9lbGVtZW50UmVmLCBfaXRlcmFibGVEaWZmZXJzKTtcbiAgICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbUGFnZXJDb21wb25lbnQsIFRlbXBsYXRlS2V5RGlyZWN0aXZlLCBQYWdlckl0ZW1EaXJlY3RpdmVdLFxuICAgIGV4cG9ydHM6IFtQYWdlckNvbXBvbmVudCwgVGVtcGxhdGVLZXlEaXJlY3RpdmUsIFBhZ2VySXRlbURpcmVjdGl2ZV0sXG4gICAgc2NoZW1hczogW05PX0VSUk9SU19TQ0hFTUFdXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VyTW9kdWxlIHt9XG4iXX0=

package/angular/esm2020/nativescript-community-ui-pager-angular.mjs

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aXZlc2NyaXB0LWNvbW11bml0eS11aS1wYWdlci1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpLXBhZ2VyL2FuZ3VsYXIvbmF0aXZlc2NyaXB0LWNvbW11bml0eS11aS1wYWdlci1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==