View scroll (Depends on PR#353) (#354)

* Support tabDragStart/tabDragStop events

* Support passthrough NavController lifecycle events

* Add option to disdable view scrolling on swipe

Author: lincolnthree

src/components/super-tabs-container.ts

@@ -37,6 +37,12 @@ export class SuperTabsContainer implements AfterViewInit, OnDestroy {
   @Input()
   tabsCount = 0;
 
+  /**
+   * Whether or not to scroll views when dragging
+   * @type {number}
+   */
+  @Input() scrollViews = true;
+
   /**
    * Selected tab index
    * @type {number}
@@ -274,7 +280,7 @@ export class SuperTabsContainer implements AfterViewInit, OnDestroy {
 
       this.containerPosition = positionX;
 
-    } else {
+    } else if (this.scrollViews) {
 
       if (positionX) {
         this.containerPosition = positionX;
@@ -287,7 +293,6 @@ export class SuperTabsContainer implements AfterViewInit, OnDestroy {
       this.containerPosition = Math.max(this.minPosX, Math.min(this.maxPosX, this.containerPosition));
 
       this.rnd.setStyle(el, this.plt.Css.transform, `translate3d(${-1 * this.containerPosition}px, 0, 0)`);
-
     }
   }
 

src/components/super-tabs.ts

@@ -83,7 +83,7 @@ export interface SuperTabsConfig {
                         [scrollTabs]="scrollTabs"
                         [selectedTab]="selectedTabIndex"
                         (tabSelect)="onToolbarTabSelect($event)"></super-tabs-toolbar>
-    <super-tabs-container [config]="config" [tabsCount]="_tabs.length" [selectedTabIndex]="selectedTabIndex"
+    <super-tabs-container [config]="config" [tabsCount]="_tabs.length" [selectedTabIndex]="selectedTabIndex" [scrollViews]="scrollViews"
                           (tabSelect)="onContainerTabSelect($event)" (onDrag)="onDrag()" (onDragStart)="tabDragStart.emit()" (onDragEnd)="tabDragEnd.emit()">
       <ng-content></ng-content>
     </super-tabs-container>
@@ -181,6 +181,19 @@ export class SuperTabsComponent
     return this._scrollTabs;
   }
 
+  /**
+   * Set to true to enable view scrolling
+   * @param val
+   */
+  @Input()
+  set scrollViews (val: boolean) {
+    this._scrollViews = typeof val !== 'boolean' || val === true;
+  }
+
+  get scrollViews () {
+    return this._scrollViews;
+  }
+
   /**
    * Tab buttons placement. Can be `top` or `bottom`.
    * @type {string}
@@ -229,6 +242,13 @@ export class SuperTabsComponent
    */
   private _scrollTabs = false;
 
+  /**
+   * Indicates whether the views should scroll
+   * @type {boolean}
+   * @private
+   */
+  private _scrollViews = true;
+
   /**
    * Selected tab index
    * @type {number}