@nativescript-community/gesturehandler 2.0.0 → 2.0.1

package/.history/demo_vue/app/App_20220328150238.vue

@@ -1,118 +0,0 @@
-<template>
-    <Page >
-        <ActionBar title="GestureHandler Demo" />
-
-        <GridLayout>
-            <CollectionView
-                ref="collectionView"
-                iosOverflowSafeArea="true"
-                :items="items"
-                itemIdGenerator="index"
-                colWidth="50%"
-                rowHeight="200"
-            >
-                <v-template>
-                    <GridLayout rows="*, auto" :backgroundColor="item.color" class="item">
-                        <StackLayout row="1">
-                            <Label row="1" :text="item.name" class="title" />
-                            <Label row="1" :text="item.color" class="subtitle" />
-                        </StackLayout>
-                    </GridLayout>
-                </v-template>
-            </CollectionView>
-        </GridLayout>
-    </Page>
-</template>
-
-<script lang="ts">
-import { GC } from '@nativescript/core/utils/utils';
-import BaseVueComponent from './BaseVueComponent';
-import BottomSheetHolder from './BottomSheetHolder';
-import BottomSheet from './BottomSheet';
-import Component from 'vue-class-component';
-import {
-    FlingDirection,
-    FlingGestureHandler,
-    GestureHandlerStateEvent,
-    GestureState,
-    GestureStateEventData,
-    HandlerType,
-    Manager,
-    NativeViewGestureHandler,
-} from '@nativescript-community/gesturehandler';
-import { View } from '@nativescript/core';
-import { Provide } from 'vue-property-decorator';
-export const FLING_GESTURE_TAG = 12431;
-export const NATIVE_GESTURE_TAG = 12331;
-
-@Component({
-    components: {
-    }
-})
-export default class App extends BaseVueComponent {
-    swipeGestureHandler
-    nativeGestureHandler
-    items = [
-            { index: 0, name: 'TURQUOISE', color: '#1abc9c' },
-            { index: 1, name: 'EMERALD', color: '#2ecc71' },
-            { index: 2, name: 'PETER RIVER', color: '#3498db' },
-            { index: 3, name: 'AMETHYST', color: '#9b59b6' },
-            { index: 4, name: 'WET ASPHALT', color: '#34495e' },
-            { index: 5, name: 'GREEN SEA', color: '#16a085' },
-            { index: 6, name: 'NEPHRITIS', color: '#27ae60' },
-            { index: 7, name: 'BELIZE HOLE', color: '#2980b9' },
-            { index: 8, name: 'WISTERIA', color: '#8e44ad' },
-            { index: 9, name: 'MIDNIGHT BLUE', color: '#2c3e50' },
-            { index: 10, name: 'SUN FLOWER', color: '#f1c40f' },
-            { index: 11, name: 'CARROT', color: '#e67e22' },
-            { index: 12, name: 'ALIZARIN', color: '#e74c3c' },
-            { index: 13, name: 'CLOUDS', color: '#ecf0f1' },
-            { index: 14, name: 'CONCRETE', color: '#95a5a6' },
-            { index: 15, name: 'ORANGE', color: '#f39c12' },
-            { index: 16, name: 'PUMPKIN', color: '#d35400' },
-            { index: 17, name: 'POMEGRANATE', color: '#c0392b' },
-            { index: 18, name: 'SILVER', color: '#bdc3c7' },
-            { index: 19, name: 'ASBESTOS', color: '#7f8c8d' }
-        ];
-        initGestures() {
-        const scrollView = (this.$refs.collectionView as any).nativeView;
-        const manager = Manager.getInstance();
-        const gestureHandler = manager.createGestureHandler(HandlerType.FLING, FLING_GESTURE_TAG, {
-            // waitFor: [NATIVE_GESTURE_TAG],
-            simultaneousHandlers: [NATIVE_GESTURE_TAG],
-            direction: FlingDirection.DIRECTION_RIGHT | FlingDirection.DIRECTION_LEFT,
-        });
-        this.swipeGestureHandler = gestureHandler as any;
-        gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
-        gestureHandler.attachToView(this.nativeView);
-        const nativegestureHandler = manager.createGestureHandler(HandlerType.NATIVE_VIEW, NATIVE_GESTURE_TAG, {
-            // shouldActivateOnStart:true,
-            disallowInterruption:true,
-            // waitFor: [FLING_GESTURE_TAG],
-            // simultaneousHandlers: [FLING_GESTURE_TAG],
-            // direction: FlingDirection.DIRECTION_RIGHT | FlingDirection.DIRECTION_LEFT,
-        });
-        // gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
-        nativegestureHandler.attachToView(scrollView);
-        this.nativeGestureHandler = nativegestureHandler as any;
-    }
-    onGestureState(args: GestureStateEventData) {
-        const { state, prevState, extraData, view } = args.data;
-        if (state === GestureState.ACTIVE) {
-            const direction = extraData.direction as any;
-            console.log('direction', direction, Date.now())
-        }
-    }
-    mounted() {
-        this.initGestures();
-
-    }
-}
-</script>
-
-<style scoped>
-ActionBar {
-    background-color: #3f51b5;
-    color: #ffffff;
-}
-</style>

package/.history/demo_vue/app/App_20220328150240.vue

@@ -1,116 +0,0 @@
-<template>
-    <Page >
-        <ActionBar title="GestureHandler Demo" />
-
-        <GridLayout>
-            <CollectionView
-                ref="collectionView"
-                iosOverflowSafeArea="true"
-                :items="items"
-                itemIdGenerator="index"
-                colWidth="50%"
-                rowHeight="200"
-            >
-                <v-template>
-                    <GridLayout rows="*, auto" :backgroundColor="item.color" class="item">
-                        <StackLayout row="1">
-                            <Label row="1" :text="item.name" class="title" />
-                            <Label row="1" :text="item.color" class="subtitle" />
-                        </StackLayout>
-                    </GridLayout>
-                </v-template>
-            </CollectionView>
-        </GridLayout>
-    </Page>
-</template>
-
-<script lang="ts">
-import { GC } from '@nativescript/core/utils/utils';
-import BaseVueComponent from './BaseVueComponent';
-import Component from 'vue-class-component';
-import {
-    FlingDirection,
-    FlingGestureHandler,
-    GestureHandlerStateEvent,
-    GestureState,
-    GestureStateEventData,
-    HandlerType,
-    Manager,
-    NativeViewGestureHandler,
-} from '@nativescript-community/gesturehandler';
-import { View } from '@nativescript/core';
-import { Provide } from 'vue-property-decorator';
-export const FLING_GESTURE_TAG = 12431;
-export const NATIVE_GESTURE_TAG = 12331;
-
-@Component({
-    components: {
-    }
-})
-export default class App extends BaseVueComponent {
-    swipeGestureHandler
-    nativeGestureHandler
-    items = [
-            { index: 0, name: 'TURQUOISE', color: '#1abc9c' },
-            { index: 1, name: 'EMERALD', color: '#2ecc71' },
-            { index: 2, name: 'PETER RIVER', color: '#3498db' },
-            { index: 3, name: 'AMETHYST', color: '#9b59b6' },
-            { index: 4, name: 'WET ASPHALT', color: '#34495e' },
-            { index: 5, name: 'GREEN SEA', color: '#16a085' },
-            { index: 6, name: 'NEPHRITIS', color: '#27ae60' },
-            { index: 7, name: 'BELIZE HOLE', color: '#2980b9' },
-            { index: 8, name: 'WISTERIA', color: '#8e44ad' },
-            { index: 9, name: 'MIDNIGHT BLUE', color: '#2c3e50' },
-            { index: 10, name: 'SUN FLOWER', color: '#f1c40f' },
-            { index: 11, name: 'CARROT', color: '#e67e22' },
-            { index: 12, name: 'ALIZARIN', color: '#e74c3c' },
-            { index: 13, name: 'CLOUDS', color: '#ecf0f1' },
-            { index: 14, name: 'CONCRETE', color: '#95a5a6' },
-            { index: 15, name: 'ORANGE', color: '#f39c12' },
-            { index: 16, name: 'PUMPKIN', color: '#d35400' },
-            { index: 17, name: 'POMEGRANATE', color: '#c0392b' },
-            { index: 18, name: 'SILVER', color: '#bdc3c7' },
-            { index: 19, name: 'ASBESTOS', color: '#7f8c8d' }
-        ];
-        initGestures() {
-        const scrollView = (this.$refs.collectionView as any).nativeView;
-        const manager = Manager.getInstance();
-        const gestureHandler = manager.createGestureHandler(HandlerType.FLING, FLING_GESTURE_TAG, {
-            // waitFor: [NATIVE_GESTURE_TAG],
-            simultaneousHandlers: [NATIVE_GESTURE_TAG],
-            direction: FlingDirection.DIRECTION_RIGHT | FlingDirection.DIRECTION_LEFT,
-        });
-        this.swipeGestureHandler = gestureHandler as any;
-        gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
-        gestureHandler.attachToView(this.nativeView);
-        const nativegestureHandler = manager.createGestureHandler(HandlerType.NATIVE_VIEW, NATIVE_GESTURE_TAG, {
-            // shouldActivateOnStart:true,
-            disallowInterruption:true,
-            // waitFor: [FLING_GESTURE_TAG],
-            // simultaneousHandlers: [FLING_GESTURE_TAG],
-            // direction: FlingDirection.DIRECTION_RIGHT | FlingDirection.DIRECTION_LEFT,
-        });
-        // gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
-        nativegestureHandler.attachToView(scrollView);
-        this.nativeGestureHandler = nativegestureHandler as any;
-    }
-    onGestureState(args: GestureStateEventData) {
-        const { state, prevState, extraData, view } = args.data;
-        if (state === GestureState.ACTIVE) {
-            const direction = extraData.direction as any;
-            console.log('direction', direction, Date.now())
-        }
-    }
-    mounted() {
-        this.initGestures();
-
-    }
-}
-</script>
-
-<style scoped>
-ActionBar {
-    background-color: #3f51b5;
-    color: #ffffff;
-}
-</style>

package/.history/demo_vue/app/App_20220328150241.vue

@@ -1,115 +0,0 @@
-<template>
-    <Page >
-        <ActionBar title="GestureHandler Demo" />
-
-        <GridLayout>
-            <CollectionView
-                ref="collectionView"
-                iosOverflowSafeArea="true"
-                :items="items"
-                itemIdGenerator="index"
-                colWidth="50%"
-                rowHeight="200"
-            >
-                <v-template>
-                    <GridLayout rows="*, auto" :backgroundColor="item.color" class="item">
-                        <StackLayout row="1">
-                            <Label row="1" :text="item.name" class="title" />
-                            <Label row="1" :text="item.color" class="subtitle" />
-                        </StackLayout>
-                    </GridLayout>
-                </v-template>
-            </CollectionView>
-        </GridLayout>
-    </Page>
-</template>
-
-<script lang="ts">
-import BaseVueComponent from './BaseVueComponent';
-import Component from 'vue-class-component';
-import {
-    FlingDirection,
-    FlingGestureHandler,
-    GestureHandlerStateEvent,
-    GestureState,
-    GestureStateEventData,
-    HandlerType,
-    Manager,
-    NativeViewGestureHandler,
-} from '@nativescript-community/gesturehandler';
-import { View } from '@nativescript/core';
-import { Provide } from 'vue-property-decorator';
-export const FLING_GESTURE_TAG = 12431;
-export const NATIVE_GESTURE_TAG = 12331;
-
-@Component({
-    components: {
-    }
-})
-export default class App extends BaseVueComponent {
-    swipeGestureHandler
-    nativeGestureHandler
-    items = [
-            { index: 0, name: 'TURQUOISE', color: '#1abc9c' },
-            { index: 1, name: 'EMERALD', color: '#2ecc71' },
-            { index: 2, name: 'PETER RIVER', color: '#3498db' },
-            { index: 3, name: 'AMETHYST', color: '#9b59b6' },
-            { index: 4, name: 'WET ASPHALT', color: '#34495e' },
-            { index: 5, name: 'GREEN SEA', color: '#16a085' },
-            { index: 6, name: 'NEPHRITIS', color: '#27ae60' },
-            { index: 7, name: 'BELIZE HOLE', color: '#2980b9' },
-            { index: 8, name: 'WISTERIA', color: '#8e44ad' },
-            { index: 9, name: 'MIDNIGHT BLUE', color: '#2c3e50' },
-            { index: 10, name: 'SUN FLOWER', color: '#f1c40f' },
-            { index: 11, name: 'CARROT', color: '#e67e22' },
-            { index: 12, name: 'ALIZARIN', color: '#e74c3c' },
-            { index: 13, name: 'CLOUDS', color: '#ecf0f1' },
-            { index: 14, name: 'CONCRETE', color: '#95a5a6' },
-            { index: 15, name: 'ORANGE', color: '#f39c12' },
-            { index: 16, name: 'PUMPKIN', color: '#d35400' },
-            { index: 17, name: 'POMEGRANATE', color: '#c0392b' },
-            { index: 18, name: 'SILVER', color: '#bdc3c7' },
-            { index: 19, name: 'ASBESTOS', color: '#7f8c8d' }
-        ];
-        initGestures() {
-        const scrollView = (this.$refs.collectionView as any).nativeView;
-        const manager = Manager.getInstance();
-        const gestureHandler = manager.createGestureHandler(HandlerType.FLING, FLING_GESTURE_TAG, {
-            // waitFor: [NATIVE_GESTURE_TAG],
-            simultaneousHandlers: [NATIVE_GESTURE_TAG],
-            direction: FlingDirection.DIRECTION_RIGHT | FlingDirection.DIRECTION_LEFT,
-        });
-        this.swipeGestureHandler = gestureHandler as any;
-        gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
-        gestureHandler.attachToView(this.nativeView);
-        const nativegestureHandler = manager.createGestureHandler(HandlerType.NATIVE_VIEW, NATIVE_GESTURE_TAG, {
-            // shouldActivateOnStart:true,
-            disallowInterruption:true,
-            // waitFor: [FLING_GESTURE_TAG],
-            // simultaneousHandlers: [FLING_GESTURE_TAG],
-            // direction: FlingDirection.DIRECTION_RIGHT | FlingDirection.DIRECTION_LEFT,
-        });
-        // gestureHandler.on(GestureHandlerStateEvent, this.onGestureState, this);
-        nativegestureHandler.attachToView(scrollView);
-        this.nativeGestureHandler = nativegestureHandler as any;
-    }
-    onGestureState(args: GestureStateEventData) {
-        const { state, prevState, extraData, view } = args.data;
-        if (state === GestureState.ACTIVE) {
-            const direction = extraData.direction as any;
-            console.log('direction', direction, Date.now())
-        }
-    }
-    mounted() {
-        this.initGestures();
-
-    }
-}
-</script>
-
-<style scoped>
-ActionBar {
-    background-color: #3f51b5;
-    color: #ffffff;
-}
-</style>

package/.history/demo_vue/package_20210511163846.json

@@ -1,30 +0,0 @@
-{
-    "name": "com.akylas.nativescript.gesturehandlerdemo",
-    "version": "1.0.0",
-    "description": "A native application built with NativeScript-Vue",
-    "author": "Martin Guillon <martin.guillon@akylas.fr>",
-    "license": "MIT",
-    "dependencies": {
-        "@nativescript-community/gesturehandler": "../plugin",
-        "@nativescript-community/tween": "^0.0.14",
-        "@nativescript-community/ui-collectionview": "^4.0.29",
-        "@nativescript-community/ui-material-button": "^5.2.31",
-        "@nativescript/core": "7.0.0",
-        "nativescript-vue": "^2.9.0"
-    },
-    "devDependencies": {
-        "@babel/core": "~7.11.6",
-        "@nativescript/android": "7.0.0",
-        "@nativescript/ios": "7.0.0",
-        "@nativescript/types": "7.0.1",
-        "@nativescript/webpack": "3.0.3",
-        "babel-loader": "~8.1.0",
-        "nativescript-vue-template-compiler": "2.8.1",
-        "node-sass": "^4.14.1",
-        "typescript": "3.9.7",
-        "vue": "^2.6.12",
-        "vue-loader": "~15.9.3",
-        "vue-property-decorator": "^8.5.1",
-        "webpack-bundle-analyzer": "^3.8.0"
-    }
-}

package/.history/demo_vue/package_20220328145031.json

@@ -1,30 +0,0 @@
-{
-    "name": "com.akylas.nativescript.gesturehandlerdemo",
-    "version": "1.0.0",
-    "description": "A native application built with NativeScript-Vue",
-    "author": "Martin Guillon <martin.guillon@akylas.fr>",
-    "license": "MIT",
-    "dependencies": {
-        "@nativescript-community/gesturehandler": "../plugin",
-        "@nativescript-community/tween": "^0.0.14",
-        "@nativescript-community/ui-collectionview": "^4.0.48",
-        "@nativescript-community/ui-material-button": "^7.0.2",
-        "@nativescript/core": "8.2.1",
-        "nativescript-vue": "^2.9.0"
-    },
-    "devDependencies": {
-        "@babel/core": "~7.17.8",
-        "@nativescript/android": "8.2.2",
-        "@nativescript/ios": "8.2.2",
-        "@nativescript/types": "8.2.0",
-        "@nativescript/webpack": "5.0.6",
-        "babel-loader": "~8.2.4",
-        "nativescript-vue-template-compiler": "2.9.1",
-        "node-sass": "^7.0.1",
-        "typescript": "4.6.3",
-        "vue": "^2.6.14",
-        "vue-loader": "~15.9.8",
-        "vue-property-decorator": "^9.1.2",
-        "webpack-bundle-analyzer": "^4.5.0"
-    }
-}

package/.history/demo_vue/package_20220328150155.json

@@ -1,30 +0,0 @@
-{
-    "name": "com.akylas.nativescript.gesturehandlerdemo",
-    "version": "1.0.0",
-    "description": "A native application built with NativeScript-Vue",
-    "author": "Martin Guillon <martin.guillon@akylas.fr>",
-    "license": "MIT",
-    "dependencies": {
-        "@nativescript-community/gesturehandler": "../plugin",
-        "@nativescript-community/tween": "^0.0.14",
-        "@nativescript-community/ui-collectionview": "^4.0.48",
-        "@nativescript-community/ui-material-button": "^7.0.2",
-        "@nativescript/core": "8.2.1",
-        "nativescript-vue": "^2.9.0"
-    },
-    "devDependencies": {
-        "@babel/core": "~7.17.8",
-        "@nativescript/android": "8.2.2",
-        "@nativescript/ios": "8.2.2",
-        "@nativescript/types": "8.2.0",
-        "@nativescript/webpack": "5.0.6",
-        "babel-loader": "~8.2.4",
-        "nativescript-vue-template-compiler": "2.9.1",
-        "node-sass": "^7.0.1",
-        "typescript": "4.6.3",
-        "vue": "^2.6.14",
-        "vue-loader": "~15.9.8",
-        "vue-class-component": "~7.2.6",
-        "vue-property-decorator": "^9.1.2"
-    }
-}

package/.history/demo_vue/package_20220328151156.json

@@ -1,29 +0,0 @@
-{
-    "name": "com.akylas.nativescript.gesturehandlerdemo",
-    "version": "1.0.0",
-    "description": "A native application built with NativeScript-Vue",
-    "author": "Martin Guillon <martin.guillon@akylas.fr>",
-    "license": "MIT",
-    "dependencies": {
-        "@nativescript-community/gesturehandler": "../plugin",
-        "@nativescript-community/ui-collectionview": "^4.0.48",
-        "@nativescript-community/ui-material-button": "^7.0.2",
-        "@nativescript/core": "8.2.1",
-        "nativescript-vue": "^2.9.0"
-    },
-    "devDependencies": {
-        "@babel/core": "~7.17.8",
-        "@nativescript/android": "8.2.2",
-        "@nativescript/ios": "8.2.2",
-        "@nativescript/types": "8.2.0",
-        "@nativescript/webpack": "5.0.6",
-        "babel-loader": "~8.2.4",
-        "nativescript-vue-template-compiler": "2.9.1",
-        "node-sass": "^7.0.1",
-        "typescript": "4.6.3",
-        "vue": "^2.6.14",
-        "vue-loader": "~15.9.8",
-        "vue-class-component": "~7.2.6",
-        "vue-property-decorator": "^9.1.2"
-    }
-}

package/.history/demo_vue/tsconfig_20200909142713.json

@@ -1,30 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "es2017",
-        "module": "esnext",
-        "moduleResolution": "node",
-        "removeComments": false,
-        "experimentalDecorators": true,
-        "emitDecoratorMetadata": true,
-        "sourceMap": true,
-        "importHelpers": true,
-        "noEmitHelpers": true,
-        "noEmitOnError": true,
-        "preserveSymlinks": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "noImplicitUseStrict": true,
-        "lib": ["es6", "dom", "es2015.iterable"],
-        "baseUrl": ".",
-        "paths": {
-            "~/*": ["app/*"],
-            "tns-core-modules": ["./node_modules/@nativescript/core"],
-            "tns-core-modules/*": ["./node_modules/@nativescript/core/*"],
-            "@nativescript-community/gesturehandler": ["../src"],
-            "@nativescript-community/gesturehandler/*": ["../src/*"],
-            "*": ["node_modules/*"]
-        }
-    },
-    "include": ["app/**/*", "../src/**/*.ts", "references.d.ts" , "vue-shims.d.ts"],
-    "exclude": ["node_modules", "platforms", "**/angular"]
-}

package/.history/demo_vue/tsconfig_20220328151126.json

@@ -1,28 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "es2017",
-        "module": "esnext",
-        "moduleResolution": "node",
-        "removeComments": false,
-        "experimentalDecorators": true,
-        "emitDecoratorMetadata": true,
-        "sourceMap": true,
-        "importHelpers": true,
-        "noEmitHelpers": true,
-        "noEmitOnError": true,
-        "preserveSymlinks": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "noImplicitUseStrict": true,
-        "lib": ["es6", "dom", "es2015.iterable"],
-        "baseUrl": ".",
-        "paths": {
-            "~/*": ["app/*"],
-            "@nativescript-community/gesturehandler": ["../src"],
-            "@nativescript-community/gesturehandler/*": ["../src/*"],
-            "*": ["node_modules/*"]
-        }
-    },
-    "include": ["app/**/*", "../src/**/*.ts", "references.d.ts" , "vue-shims.d.ts"],
-    "exclude": ["node_modules", "platforms", "**/angular"]
-}

package/.history/demo_vue/tsconfig_20220328151129.json

@@ -1,27 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "es2017",
-        "module": "esnext",
-        "moduleResolution": "node",
-        "removeComments": false,
-        "experimentalDecorators": true,
-        "emitDecoratorMetadata": true,
-        "sourceMap": true,
-        "importHelpers": true,
-        "noEmitHelpers": true,
-        "noEmitOnError": true,
-        "preserveSymlinks": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "noImplicitUseStrict": true,
-        "lib": ["es6", "dom", "es2015.iterable"],
-        "baseUrl": ".",
-        "paths": {
-            "~/*": ["app/*"],
-            "@nativescript-community/gesturehandler": ["../src"],
-            "@nativescript-community/gesturehandler/*": ["../src/*"]
-        }
-    },
-    "include": ["app/**/*", "../src/**/*.ts", "references.d.ts" , "vue-shims.d.ts"],
-    "exclude": ["node_modules", "platforms", "**/angular"]
-}