@nativescript-community/gesturehandler 0.2.0 → 2.0.0

package/.history/demo-snippets/vue/Basic_20220328154741.vue

@@ -0,0 +1,46 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        async openModal() {
+            const component = (await import('./ModalView.vue')).default;
+            this.$showModal(component, {
+                fullscreen: true,
+            });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328154807.vue

@@ -0,0 +1,47 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        async openModal() {
+            const component = (await import('./ModalView.vue')).default;
+            console.log('openModal',component );
+            this.$showModal(component, {
+                fullscreen: false,
+            });
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328154838.vue

@@ -0,0 +1,51 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        async openModal() {
+            try {
+                const component = (await import('./ModalView.vue')).default;
+                console.log('openModal', component);
+                await this.$showModal(component, {
+                    fullscreen: false,
+                });
+            } catch (err) {
+                console.error(err);
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328154839.vue

@@ -0,0 +1,51 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        async openModal() {
+            try {
+                const component = (await import('./ModalView.vue')).default;
+                console.log('openModal', component);
+                await this.$showModal(component, {
+                    fullscreen: false,
+                });
+            } catch (err) {
+                console.error(err);
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328154901.vue

@@ -0,0 +1,52 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        async openModal() {
+            console.log('openModal')
+            try {
+                const component = (await import('./ModalView.vue')).default;
+                console.log('openModal', component);
+                await this.$showModal(component, {
+                    fullscreen: false,
+                });
+            } catch (err) {
+                console.error(err);
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328154925.vue

@@ -0,0 +1,52 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button text="test modal view" @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        async openModal() {
+            console.log('openModal');
+            try {
+                const component = (await import('./ModalView.vue')).default;
+                console.log('openModal', component);
+                await this.$showModal(component, {
+                    fullscreen: false,
+                });
+            } catch (err) {
+                console.error(err);
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328162644.vue

@@ -0,0 +1,52 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button text="test modal view" @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+import ModalView from './ModalView.vue';
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        openModal() {
+            console.log('openModal');
+            try {
+                console.log('openModal', ModalView);
+                await this.$showModal(ModalView, {
+                    fullscreen: false,
+                });
+            } catch (err) {
+                console.error(err);
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328162656.vue

@@ -0,0 +1,48 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button text="test modal view" @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+import ModalView from './ModalView.vue';
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        openModal() {
+            try {
+                console.log('openModal', ModalView);
+                 this.$showModal(ModalView, {
+                    fullscreen: false,
+                });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328162658.vue

@@ -0,0 +1,48 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button text="test modal view" @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+import ModalView from './ModalView.vue';
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    method: {
+        openModal() {
+            console.log('openModal');
+                console.log('openModal', ModalView);
+                 this.$showModal(ModalView, {
+                    fullscreen: false,
+                });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/Basic_20220328162731.vue

@@ -0,0 +1,48 @@
+<template>
+    <Page>
+        <ActionBar>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
+            <Label text="Basic Pager" />
+        </ActionBar>
+
+        <StackLayout class="page">
+            <Button text="test modal view" @tap="openModal" />
+        </StackLayout>
+    </Page>
+</template>
+
+<script>
+import ModalView from './ModalView.vue';
+export default {
+    data() {
+        return {
+            items: [
+                { title: 'First', color: '#e67e22' },
+                { title: 'Second', color: '#3498db' },
+                { title: 'Third', color: '#e74c3c' },
+                { title: 'Fourth', color: '#9b59b6' },
+            ],
+        };
+    },
+    methods: {
+        openModal() {
+            console.log('openModal');
+            console.log('openModal', ModalView);
+            this.$showModal(ModalView, {
+                fullscreen: false,
+            });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.page Label {
+    font-size: 35;
+    text-align: center;
+    width: 100%;
+    vertical-alignment: center;
+    color: #ffffff;
+    text-transform: uppercase;
+}
+</style>

package/.history/demo-snippets/vue/ModalView_20220328154555.vue

@@ -0,0 +1,15 @@
+<template>
+    <StackLayout class="page">
+        <Button @tap="buttonTest" />
+    </StackLayout>
+</template>
+
+<script>
+export default {
+    method: {
+        buttonTest() {
+            alert('test');
+        },
+    },
+};
+</script>

package/.history/demo-snippets/vue/ModalView_20220328162755.vue

@@ -0,0 +1,15 @@
+<template>
+    <StackLayout class="page">
+        <Button text="should work" @tap="buttonTest" />
+    </StackLayout>
+</template>
+
+<script>
+export default {
+    methods: {
+        buttonTest() {
+            alert('test');
+        },
+    },
+};
+</script>

package/.history/demo-snippets/vue/ModalView_20220328162915.vue

@@ -0,0 +1,17 @@
+<template>
+    <StackLayout class="page">
+        <GestureRootView>
+            <Button text="should work" @tap="buttonTest" />
+        </GestureRootView>
+    </StackLayout>
+</template>
+
+<script>
+export default {
+    methods: {
+        buttonTest() {
+            alert('test');
+        },
+    },
+};
+</script>

package/.history/demo-snippets/vue/install_20211117134051.ts

@@ -0,0 +1,14 @@
+import Vue from 'nativescript-vue';
+import Pager from '@nativescript-community/ui-pager/vue';
+
+import StaticPager from './StaticPager.vue';
+import BasicPager from './BasicPager.vue';
+
+export function installPlugin() {
+    Vue.use(Pager);
+}
+
+export const demos = [
+    { name: 'Static Pager', path: 'static', component: StaticPager },
+    { name: 'Basic Pager', path: 'basic', component: BasicPager }
+];

package/.history/demo-snippets/vue/install_20220328153411.ts

@@ -0,0 +1,10 @@
+import Vue from 'nativescript-vue';
+
+import Basic from './Basic.vue';
+
+export function installPlugin() {
+}
+
+export const demos = [
+    { name: 'Basic', path: 'basic', component: Basic }
+];

package/.history/demo-snippets/vue/install_20220328154031.ts

@@ -0,0 +1,9 @@
+import Vue from 'nativescript-vue';
+import { install } from '@nativescript-community/gesturehandler/';
+import Basic from './Basic.vue';
+
+export function installPlugin() {
+    install(true);
+}
+
+export const demos = [{ name: 'Basic', path: 'basic', component: Basic }];

package/.history/demo-snippets/vue/install_20220328162915.ts

@@ -0,0 +1,10 @@
+import Vue from 'nativescript-vue';
+import { GestureRootView, install } from '@nativescript-community/gesturehandler';
+import Basic from './Basic.vue';
+
+export function installPlugin() {
+    install(true);
+    Vue.registerElement('GestureRootView', () => GestureRootView);
+}
+
+export const demos = [{ name: 'Basic', path: 'basic', component: Basic }];

package/.history/demo-vue/.npmrc_20220328151942

@@ -0,0 +1 @@
+shamefully-hoist=true

package/.history/demo-vue/.npmrc_20220329084955

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+package-import-method=hardlink

package/.history/demo-vue/package_20220328151942.json

@@ -0,0 +1,60 @@
+{
+    "name": "@nativescript/template-blank-vue-ts",
+    "main": "app/app.ts",
+    "displayName": "Blank Vue Typescript",
+    "version": "8.0.2",
+    "description": "NativeScript Application",
+    "author": "NativeScript Team <oss@nativescript.org>",
+    "license": "SEE LICENSE IN <your-license-filename>",
+    "repository": "<fill-your-repository-here>",
+    "homepage": "https://github.com/NativeScript/nativescript-app-templates",
+    "bugs": {
+        "url": "https://github.com/NativeScript/NativeScript/issues"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "postinstall": "npm --prefix ../demo-snippets install ../demo-snippets"
+    },
+    "files": [
+        "app",
+        "App_Resources",
+        "hooks",
+        "tools",
+        "!tools/assets",
+        "types",
+        ".editorconfig",
+        "tsconfig.json"
+    ],
+    "keywords": [
+        "nativescript",
+        "mobile",
+        "{N}",
+        "tns",
+        "vue",
+        "nativescript-vue",
+        "template",
+        "master-detail",
+        "detail",
+        "category-general"
+    ],
+    "dependencies": {
+        "@nativescript-community/template-snippet": "file:../demo-snippets",
+        "@nativescript/core": "~8.2.1",
+        "@nativescript/theme": "~3.0.2",
+        "nativescript-vue": "~2.9.1"
+    },
+    "devDependencies": {
+        "@nativescript/android": "~8.2.2",
+        "@nativescript/ios": "6.5.4",
+        "@nativescript/types": "~8.2.0",
+        "@nativescript/webpack": "~5.0.6",
+        "@types/node": "~14.6.4",
+        "nativescript-vue-template-compiler": "~2.9.1",
+        "typescript": "~4.5.5",
+        "vue": "~2.6.14"
+    },
+    "private": "true",
+    "readme": "NativeScript Application"
+}