feat: moved indicator into it's own package

BREAKING CHANGE: You now create a `PagerIndicator`(from `@nativescript-community/ui-pager-indicator) and set `pagerViewId` on it to the id of your Pager.

demo-snippets/package.json

@@ -3,6 +3,7 @@
     "private": true,
     "version": "0.0.1",
     "dependencies": {
-        "@nativescript-community/ui-pager": "link:../packages/ui-pager"
+        "@nativescript-community/ui-pager": "link:../packages/ui-pager",
+        "@nativescript-community/ui-pager-indicator": "link:../packages/ui-pager-indicator"
     }
 }

demo-snippets/vue/Indicator.vue

@@ -5,16 +5,17 @@
             <Label text="Indicator" />
         </ActionBar>
 
-        <StackLayout class="page">
-            <Pager ref="pager" for="item in items" :selectedIndex="selectedIndex" @selectedIndexChange="selectedIndexChange" height="300" indicator="fill" showIndicator="true">
+        <GridLayout class="page" rows="*,auto">
+            <Pager ref="pager" id="pager" :items="items" :selectedIndex="selectedIndex" @selectedIndexChange="selectedIndexChange">
                 <v-template>
                     <GridLayout :backgroundColor="item.color">
                         <Label :text="item.title" />
                     </GridLayout>
                 </v-template>
             </Pager>
-            <Button text="Reset" @tap="resetPager" />
-        </StackLayout>
+                <PagerIndicator pagerViewId="pager" type="fill" verticalAlignment="bottom" horizontalAlignment="center" marginBottom="10"/>
+                <Button row="1" text="Reset" @tap="resetPager" />
+        </GridLayout>
     </Page>
 </template>
 

demo-snippets/vue/install.ts

@@ -8,6 +8,7 @@ import RenderIssue from './RenderIssue.vue';
 
 export function installPlugin() {
     Vue.use(Pager);
+    Vue.registerElement('PagerIndicator', () => require('@nativescript-community/ui-pager-indicator').PagerIndicator);
 }
 
 export const demos = [

package.json

@@ -51,7 +51,8 @@
         ]
     },
     "dependencies": {
-        "@nativescript-community/plugin-seed-tools": "file:tools"
+        "@nativescript-community/plugin-seed-tools": "file:tools",
+        "@nativescript-community/template-snippet": "file:demo-snippets"
     },
     "ntl": {
         "descriptions": {

packages/ui-pager-indicator/.npmignore

@@ -0,0 +1,8 @@
+.DS_Store
+tsconfig.json
+node_modules/
+pnpm-global/
+CHANGELOG.md
+blueprint.md
+*.aar
+*.jar