feat(config): sidebarjs-config attribute

Author: Lorenzo D'Ianni

dist/angular-sidebarjs.js

@@ -31,7 +31,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
       this.background = options.background || SidebarJS.create(sidebarjs + '-background');
       this.documentMinSwipeX = options.documentMinSwipeX || 10;
       this.documentSwipeRange = options.documentSwipeRange || 40;
-      this.swipeOpen = options.swipeOpen !== false;
+      this.nativeSwipe = options.nativeSwipe !== false;
+      this.nativeSwipeOpen = options.nativeSwipeOpen !== false;
 
       if (!options.component && !options.container && !options.background) {
         this.container.innerHTML = this.component.innerHTML;
@@ -40,16 +41,18 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
         this.component.appendChild(this.background);
       }
 
-      if (this.swipeOpen) {
-        document.addEventListener('touchstart', this.onDocumentTouchStart.bind(this));
-        document.addEventListener('touchmove', this.onDocumentTouchMove.bind(this));
-        document.addEventListener('touchend', this.onDocumentTouchEnd.bind(this));
+      if (this.nativeSwipe) {
+        this.component.addEventListener('touchstart', this.onTouchStart.bind(this));
+        this.component.addEventListener('touchmove', this.onTouchMove.bind(this));
+        this.component.addEventListener('touchend', this.onTouchEnd.bind(this));
+        if (this.nativeSwipeOpen) {
+          document.addEventListener('touchstart', this.onDocumentTouchStart.bind(this));
+          document.addEventListener('touchmove', this.onDocumentTouchMove.bind(this));
+          document.addEventListener('touchend', this.onDocumentTouchEnd.bind(this));
+        }
       }
 
       this.addAttrsEventsListeners();
-      this.component.addEventListener('touchstart', this.onTouchStart.bind(this));
-      this.component.addEventListener('touchmove', this.onTouchMove.bind(this));
-      this.component.addEventListener('touchend', this.onTouchEnd.bind(this));
       this.background.addEventListener('click', this.close.bind(this));
     }
 
@@ -212,11 +215,12 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
         var container = this.elem.children[0];
         var background = this.elem.children[1];
-        this._SidebarJS.init({
+        var options = Object.assign({}, this.sidebarjsConfig, {
           component: this.elem,
           container: container,
           background: background
         });
+        this._SidebarJS.init(options);
 
         var wasVisible = false;
         container.addEventListener('transitionend', function () {
@@ -283,7 +287,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
     controller: SidebarJSCtrl,
     bindings: {
       onOpen: '&?',
-      onClose: '&?'
+      onClose: '&?',
+      sidebarjsConfig: '<?'
     }
   }).directive('sidebarjsOpen', SidebarJSDirective.bind(null, 'open')).directive('sidebarjsClose', SidebarJSDirective.bind(null, 'close')).directive('sidebarjsToggle', SidebarJSDirective.bind(null, 'toggle'));
 })();

dist/angular-sidebarjs.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-sidebarjs",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Create mobile sidebar/sidenav experiance in angularjs",
   "main": "index.js",
   "scripts": {
@@ -42,6 +42,6 @@
   },
   "dependencies": {
     "angular": "^1.5.8",
-    "sidebarjs": "~1.7.1"
+    "sidebarjs": "~1.8.0"
   }
 }

package.json

@@ -15,11 +15,12 @@
     $postLink() {
       const container = this.elem.children[0];
       const background = this.elem.children[1];
-      this._SidebarJS.init({
+      const options = Object.assign({}, this.sidebarjsConfig, {
         component: this.elem,
         container,
         background,
       });
+      this._SidebarJS.init(options);
 
       let wasVisible = false;
       container.addEventListener('transitionend', () => {
@@ -75,6 +76,7 @@
     bindings: {
       onOpen: '&?',
       onClose: '&?',
+      sidebarjsConfig: '<?',
     },
   })
   .directive('sidebarjsOpen', SidebarJSDirective.bind(null, 'open'))