remove unused behaviors folder

example-bootstrap.js

@@ -15,6 +15,7 @@ var exampleReady = function() {
 
   scripts.forEach(function(src) {
     var script = document.createElement('script');
+    script.async = true;
     script.onload = function() {
       if (++loaded == scripts.length) exampleReady();
     };

playground/basic-example/main.js

@@ -1,8 +1,10 @@
 import {bootstrap} from 'angular2/core';
 import {Component, Template} from 'angular2/angular2';
-import {Aside, AsideParent} from 'ionic2/components';
+import {Aside, AsideParent} from 'ionic2/components/aside/aside';
 
-@Component({ selector: '[my-app]' })
+@Component({
+  selector: '[my-app]' 
+})
 @Template({
   url: 'main.html',
   directives: [Aside, AsideParent]

src/components.js

@@ -1,7 +0,0 @@
-// export * from './components/app/app';
-
-export * from './components/aside/aside';
-import './components/aside/behaviors/direction/direction';
-
-// export * from './components/switch';
-

src/components/aside/aside.js

@@ -43,31 +43,29 @@ export class Aside {
   ) {
     this.domElement = element.domElement;
 
-    this._drag = {};
-
     this.domElement.addEventListener('transitionend', ev => {
       this.setChanging(false);
     })
 
-    let gestureConstructor = {
+    // TODO: remove this. setTimeout has to be done so the bindings can be applied
+    setTimeout(() => {
+      // asideConfig.invoke(this);
+      let GestureConstructor = {
         left: LeftAsideSlideGesture,
         top: TopAsideSlideGesture,
         bottom: BottomAsideSlideGesture,
         right: RightAsideSlideGesture
-    };
+      }[this.side];
-
-
-    // TODO: remove this. setTimeout has to be done so the bindings can be applied
-    setTimeout(() => {
-      // asideConfig.invoke(this);
       this.domElement.classList.add(this.side);
-      this.gesture = new gestureConstructor[this.side](this, asideParent.domElement);
+      this.gesture = new GestureConstructor(this, asideParent.domElement);
       this.gesture.listen();
     });
   }
   setSliding(isSliding) {
+    if (isSliding !== this.isSliding) {
       this.domElement.classList[isSliding ? 'add' : 'remove']('sliding');
     }
+  }
   setChanging(isChanging) {
     if (isChanging !== this.isChanging) {
       this.isChanging = isChanging;

src/components/aside/behaviors/direction/direction.js

@@ -1,120 +0,0 @@
-import {asideConfig} from '../../aside';
-import Hammer from 'hammer';
-import * as util from '../../../../util';
-
-/*
-asideConfig
-  .behavior(function() {
-    if (this.side !== 'bottom') return;
-
-    this.gesture.options({
-      direction: Hammer.DIRECTION_VERTICAL
-    });
-    this.domElement.classList.add('bottom');
-    util.extend(this.dragMethods, {
-      canStart: ev => {
-        return this.isOpen || ev.center.y > window.innerHeight - this.dragThreshold;
-      },
-      getMenuStart: (drag, ev) => {
-        return this.isOpen ?  -drag.height : 0;
-      },
-      onDrag: (drag, ev) => {
-        drag.pos = util.clamp(
-          0, -drag.menuStart + drag.pointerStart - ev.center.y, drag.height
-        );
-        this.domElement.style.transform = 'translate3d(0,' +
-          (drag.height - drag.pos) + 'px,0)';
-      },
-      onEnd: (drag, ev) => {
-        this.setOpen(drag.pos > drag.height / 2);
-        this.domElement.style.transform = '';
-      },
-      getEventPos: ev => {
-        return ev.center.y;
-      }
-    });
-  })
-  .behavior(function() {
-    if (this.side !== 'left') return;
-
-
-    this.domElement.classList.add('left');
-    this.gesture.options({
-      direction: Hammer.DIRECTION_HORIZONTAL
-    });
-    util.extend(this.dragMethods, {
-      canStart: (ev) => {
-        return this.isOpen || ev.center.x < this.dragThreshold;
-      },
-      getMenuStart: (drag, ev) => {
-        return this.isOpen ? drag.width : 0;
-      },
-      onDrag: (drag, ev) => {
-        drag.pos = util.clamp(
-          0, drag.menuStart + ev.center.x - drag.pointerStart, drag.width
-        );
-        this.domElement.style.transform = 'translate3d(' + (-drag.width + drag.pos) + 'px, 0, 0)';
-      },
-      onEnd: (drag, ev) => {
-        this.setOpen(drag.pos > drag.width / 2);
-        this.domElement.style.transform = '';
-      }
-    })
-
-  })
-  .behavior(function() {
-    if (this.side !== 'right') return;
-
-    this.domElement.classList.add('right');
-    this.gesture.options({
-      direction: Hammer.DIRECTION_HORIZONTAL
-    });
-    util.extend(this.dragMethods, {
-      canStart: ev => {
-        return this.isOpen || ev.center.x > window.innerWidth - this.dragThreshold;
-      },
-      getMenuStart: (drag, ev) => {
-        return this.isOpen ?  -drag.width : 0;
-      },
-      onDrag: (drag, ev) => {
-        drag.pos = util.clamp(
-          0, -drag.menuStart + drag.pointerStart - ev.center.x, drag.width
-        );
-        this.domElement.style.transform = 'translate3d(' +
-          (drag.width - drag.pos) + 'px,0,0)';
-      },
-      onEnd: (drag, ev) => {
-        this.setOpen(drag.pos > drag.width / 2);
-        this.domElement.style.transform = '';
-      }
-    });
-
-  })
-  .behavior(function() {
-    if (this.side !== 'top') return;
-
-    this.domElement.classList.add('top');
-    util.extend(this.dragMethods, {
-      canStart: ev => {
-        return this.isOpen || ev.center.y < this.dragThreshold * 5;
-      },
-      getMenuStart: (drag, ev) => {
-        return this.isOpen ? drag.height : 0;
-      },
-      onDrag: (drag, ev) => {
-        drag.pos = util.clamp(
-          0, drag.menuStart + ev.center.y - drag.pointerStart, drag.height
-        );
-        this.domElement.style.transform = 'translate3d(0, ' +
-          (-drag.height + drag.pos) + 'px, 0)';
-      },
-      onEnd: (drag, ev) => {
-        this.setOpen(drag.pos > drag.height / 2);
-        this.domElement.style.transform = '';
-      },
-      getEventPos: (ev) => {
-        return ev.center.y;
-      }
-    });
-  });
-*/