@skyux/tabs 5.1.0 → 5.5.0-alpha.0

package/fesm2015/skyux-tabs.js

@@ -3,7 +3,7 @@ import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Ou
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { trigger, transition, style, animate } from '@angular/animations';
-import { BehaviorSubject, Subject, forkJoin, combineLatest, race } from 'rxjs';
+import { BehaviorSubject, Subject, combineLatest, race, forkJoin } from 'rxjs';
 import { takeUntil, take, distinctUntilChanged } from 'rxjs/operators';
 import * as i1 from '@skyux/core';
 import { SkyMediaBreakpoints, SkyMediaQueryService, SkyIdModule } from '@skyux/core';
@@ -1455,118 +1455,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }] } });
 
-const buttonTypeNext = 'next';
-const buttonTypePrevious = 'previous';
-/**
- * @internal
- */
-class SkyTabsetNavButtonComponent {
-    constructor(resourceService, changeDetector) {
-        this.resourceService = resourceService;
-        this.changeDetector = changeDetector;
-    }
-    set buttonText(value) {
-        this._buttonText = value;
-    }
-    get buttonText() {
-        if (this._buttonText) {
-            return this._buttonText;
-        }
-        switch (this.buttonType) {
-            case buttonTypePrevious:
-                return this.previousButtonText;
-            case buttonTypeNext:
-                return this.nextButtonText;
-            /* istanbul ignore next */
-            default:
-                return '';
-        }
-    }
-    get disabled() {
-        let tabToSelect;
-        switch (this.buttonType) {
-            case buttonTypePrevious:
-                tabToSelect = this.previousTab;
-                break;
-            case buttonTypeNext:
-                tabToSelect = this.nextTab;
-                break;
-            /* istanbul ignore next */
-            default:
-                break;
-        }
-        return !tabToSelect || tabToSelect.disabled;
-    }
-    get selectedTab() {
-        let selectedTab;
-        if (this.tabset && this.tabset.tabs) {
-            selectedTab = this.tabset.tabs.find((tab) => tab.tabIndex === this.tabset.lastActiveTabIndex);
-        }
-        return selectedTab;
-    }
-    get nextTab() {
-        let selectedTab = this.selectedTab;
-        if (selectedTab) {
-            let tabs = this.tabset.tabs.toArray();
-            return tabs[tabs.indexOf(selectedTab) + 1];
-        }
-        return undefined;
-    }
-    get previousTab() {
-        let selectedTab = this.selectedTab;
-        if (selectedTab) {
-            let tabs = this.tabset.tabs.toArray();
-            return tabs[tabs.indexOf(selectedTab) - 1];
-        }
-        return undefined;
-    }
-    ngAfterViewInit() {
-        forkJoin([
-            this.resourceService.getString('skyux_tabs_navigator_previous'),
-            this.resourceService.getString('skyux_tabs_navigator_next'),
-        ])
-            .pipe(take(1))
-            .subscribe((resources) => {
-            this.previousButtonText = resources[0];
-            this.nextButtonText = resources[1];
-            this.changeDetector.detectChanges();
-        });
-    }
-    buttonClick() {
-        let tabToSelect;
-        switch (this.buttonType) {
-            case buttonTypePrevious:
-                tabToSelect = this.previousTab;
-                break;
-            case buttonTypeNext:
-                tabToSelect = this.nextTab;
-                break;
-            /* istanbul ignore next */
-            default:
-                break;
-        }
-        /* istanbul ignore else */
-        if (tabToSelect && !tabToSelect.disabled) {
-            this.tabset.active = tabToSelect.tabIndex;
-        }
-    }
-}
-SkyTabsetNavButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetNavButtonComponent, deps: [{ token: i3.SkyLibResourcesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyTabsetNavButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTabsetNavButtonComponent, selector: "sky-tabset-nav-button", inputs: { tabset: "tabset", buttonType: "buttonType", buttonText: "buttonText" }, ngImport: i0, template: "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  (click)=\"buttonClick()\"\n>\n  {{ buttonText }}\n</button>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetNavButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-tabset-nav-button',
-                    templateUrl: './tabset-nav-button.component.html',
-                }]
-        }], ctorParameters: function () { return [{ type: i3.SkyLibResourcesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tabset: [{
-                type: Input
-            }], buttonType: [{
-                type: Input
-            }], buttonText: [{
-                type: Input
-            }] } });
-
 /**
  * @internal
  */
@@ -2008,6 +1896,118 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: [SkyTabComponent]
             }] } });
 
+const buttonTypeNext = 'next';
+const buttonTypePrevious = 'previous';
+/**
+ * @internal
+ */
+class SkyTabsetNavButtonComponent {
+    constructor(resourceService, changeDetector) {
+        this.resourceService = resourceService;
+        this.changeDetector = changeDetector;
+    }
+    set buttonText(value) {
+        this._buttonText = value;
+    }
+    get buttonText() {
+        if (this._buttonText) {
+            return this._buttonText;
+        }
+        switch (this.buttonType) {
+            case buttonTypePrevious:
+                return this.previousButtonText;
+            case buttonTypeNext:
+                return this.nextButtonText;
+            /* istanbul ignore next */
+            default:
+                return '';
+        }
+    }
+    get disabled() {
+        let tabToSelect;
+        switch (this.buttonType) {
+            case buttonTypePrevious:
+                tabToSelect = this.previousTab;
+                break;
+            case buttonTypeNext:
+                tabToSelect = this.nextTab;
+                break;
+            /* istanbul ignore next */
+            default:
+                break;
+        }
+        return !tabToSelect || tabToSelect.disabled;
+    }
+    get selectedTab() {
+        let selectedTab;
+        if (this.tabset && this.tabset.tabs) {
+            selectedTab = this.tabset.tabs.find((tab) => tab.tabIndex === this.tabset.lastActiveTabIndex);
+        }
+        return selectedTab;
+    }
+    get nextTab() {
+        let selectedTab = this.selectedTab;
+        if (selectedTab) {
+            let tabs = this.tabset.tabs.toArray();
+            return tabs[tabs.indexOf(selectedTab) + 1];
+        }
+        return undefined;
+    }
+    get previousTab() {
+        let selectedTab = this.selectedTab;
+        if (selectedTab) {
+            let tabs = this.tabset.tabs.toArray();
+            return tabs[tabs.indexOf(selectedTab) - 1];
+        }
+        return undefined;
+    }
+    ngAfterViewInit() {
+        forkJoin([
+            this.resourceService.getString('skyux_tabs_navigator_previous'),
+            this.resourceService.getString('skyux_tabs_navigator_next'),
+        ])
+            .pipe(take(1))
+            .subscribe((resources) => {
+            this.previousButtonText = resources[0];
+            this.nextButtonText = resources[1];
+            this.changeDetector.detectChanges();
+        });
+    }
+    buttonClick() {
+        let tabToSelect;
+        switch (this.buttonType) {
+            case buttonTypePrevious:
+                tabToSelect = this.previousTab;
+                break;
+            case buttonTypeNext:
+                tabToSelect = this.nextTab;
+                break;
+            /* istanbul ignore next */
+            default:
+                break;
+        }
+        /* istanbul ignore else */
+        if (tabToSelect && !tabToSelect.disabled) {
+            this.tabset.active = tabToSelect.tabIndex;
+        }
+    }
+}
+SkyTabsetNavButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetNavButtonComponent, deps: [{ token: i3.SkyLibResourcesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyTabsetNavButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTabsetNavButtonComponent, selector: "sky-tabset-nav-button", inputs: { tabset: "tabset", buttonType: "buttonType", buttonText: "buttonText" }, ngImport: i0, template: "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  (click)=\"buttonClick()\"\n>\n  {{ buttonText }}\n</button>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetNavButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-tabset-nav-button',
+                    templateUrl: './tabset-nav-button.component.html',
+                }]
+        }], ctorParameters: function () { return [{ type: i3.SkyLibResourcesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tabset: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], buttonText: [{
+                type: Input
+            }] } });
+
 class SkyTabsModule {
 }
 SkyTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });