ionic-swipe-all - npm Package Compare versions

Comparing version 1.1.0-rc1 to 1.1.0-rc2

dist/ionic.swipe.all.d.ts

@@ -5,3 +5,2 @@ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
     private elem;
-    swipeAll: any;
     swipe: EventEmitter<any>;
@@ -8,0 +7,0 @@ swipeup: EventEmitter<any>;

dist/ionic.swipe.all.js

@@ -11,3 +11,3 @@ var __extends = (this && this.__extends) || (function () {
 })();
-import { Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Directive, ElementRef, EventEmitter, Output } from '@angular/core';
 import { HammerGestureConfig } from '@angular/platform-browser';
@@ -44,3 +44,2 @@ import * as Hammer from 'hammerjs';
     IonicSwipeAll.propDecorators = {
-        'swipeAll': [{ type: Input, args: ['swipeAll',] },],
         'swipe': [{ type: Output },],
@@ -47,0 +46,0 @@ 'swipeup': [{ type: Output },],

dist/ionic.swipe.all.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"IonicSwipeAll":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerGestureConfig"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[swipeAll]"}]}],"members":{"swipeAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["swipeAll"]}]}],"swipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipeup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipedown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"IonicSwipeAll":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerGestureConfig"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[swipeAll]"}]}],"members":{"swipeAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["swipeAll"]}]}],"swipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipeup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipedown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"IonicSwipeAll":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerGestureConfig"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[swipeAll]"}]}],"members":{"swipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipeup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipedown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"IonicSwipeAll":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerGestureConfig"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[swipeAll]"}]}],"members":{"swipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipeup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"swipedown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

dist/module.js

@@ -10,2 +10,3 @@ import { NgModule } from '@angular/core';
                     declarations: [IonicSwipeAll],
+                    exports: [IonicSwipeAll],
                     imports: [CommonModule],
@@ -12,0 +13,0 @@ },] },

dist/module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"IonicSwipeAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./ionic.swipe.all","name":"IonicSwipeAll"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"IonicSwipeAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./ionic.swipe.all","name":"IonicSwipeAll"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"IonicSwipeAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./ionic.swipe.all","name":"IonicSwipeAll"}],"exports":[{"__symbolic":"reference","module":"./ionic.swipe.all","name":"IonicSwipeAll"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"IonicSwipeAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./ionic.swipe.all","name":"IonicSwipeAll"}],"exports":[{"__symbolic":"reference","module":"./ionic.swipe.all","name":"IonicSwipeAll"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]

package.json

 {
   "name": "ionic-swipe-all",
-  "version": "1.1.0-rc1",
+  "version": "1.1.0-rc2",
   "description": "Allow Ionic (≥ v2) to recognize both horizontal and vertical swipe gesture.",
@@ -8,4 +8,5 @@ "main": "./dist/index.js",
   "scripts": {
-    "build": "npm run clean && tsc && ngc",
+    "build": "npm run clean && tsc && ngc && npm run clean-src",
     "clean": "rimraf ./dist",
+    "clean-src": "rimraf ./src/*.ngsummary.json & rimraf ./src/*.ngfactory.ts",
     "prepublish": "npm run build"
@@ -12,0 +13,0 @@ },

README.md

@@ -19,3 +19,3 @@ # Ionic Swipe All
     IonicSwipeAllModule,
-  ]
+  ],
 })
@@ -29,1 +29,41 @@ export class AppModule {
 With this module you can use `(swipeup)` and `(swipedown)` events. In the `(swipe)` event vertical gestures are detected.
+Just add the `swipeAll` property to the element you want to swipe and use the events as needed.
+The `(swipeleft)` and `(swiperight)` events are available too.
+
+```javascript
+@Component({
+    template: `
+      <div swipeAll
+           (swipe)="swipeAll($event)"
+           (swipeleft)="swipeLeft($event)"
+           (swiperight)="swipeRight($event)"
+           (swipeup)="swipeUp($event)"
+           (swipedown)="swipeDown($event)"
+      ></div>
+    `,
+})
+export class AppComponent {
+
+    swipeAll(event: any): any {
+        console.log('Swipe All', event);
+    }
+
+    swipeLeft(event: any): any {
+        console.log('Swipe Left', event);
+    }
+
+    swipeRight(event: any): any {
+        console.log('Swipe Right', event);
+    }
+
+    swipeUp(event: any): any {
+        console.log('Swipe Up', event);
+    }
+
+    swipeDown(event: any): any {
+        console.log('Swipe Down', event);
+    }
+
+}
+```
+

No alert changes

Improved metrics

Number of lines in readme file

68

increased by142.86%

Worsened metrics

Total package byte prevSize

11818

decreased by-23.67%

Number of package files

15

decreased by-16.67%

Lines of code

82

decreased by-44.22%

No dependency changes