@wavemaker/app-ng-runtime 11.4.0-next.28152 → 11.4.0-rc.121

app-ng-runtime/components/containers/tabs/esm2015/tabs.animator.js

@@ -5,19 +5,32 @@ export class TabsAnimator extends SwipeAnimation {
         super();
         this.tabs = tabs;
         this._$el = $(this.tabs.getNativeElement()).find('>.tab-content');
-        const childEls = this._$el.find('>[wmTabPane]');
-        this._noOfTabs = childEls.length;
-        const maxWidth = `${this._noOfTabs * 100}%`;
-        addClass(this.tabs.getNativeElement(), 'has-transition');
-        setCSSFromObj(this._$el[0], { maxWidth: maxWidth, width: maxWidth });
-        const width = `${100 / this._noOfTabs}%`;
-        for (const child of Array.from(childEls)) {
-            setCSS(child, 'width', width);
-        }
         this.init(this._$el);
     }
+    calibrate() {
+        const activeTabIndex = this.tabs.getActiveTabIndex();
+        const panes = this._$el.find('>.tab-pane');
+        let activeTabVisibleIndex = 0;
+        let noOfVisiblePanes = 0;
+        let visiblePanes = [];
+        panes.each((i, p) => {
+            if (!$(p).prop('hidden')) {
+                noOfVisiblePanes++;
+                if (i === activeTabIndex) {
+                    activeTabVisibleIndex = noOfVisiblePanes - 1;
+                }
+                visiblePanes.push(p);
+            }
+            return true;
+        });
+        return {
+            activeTabIndex: activeTabVisibleIndex,
+            noOfTabs: noOfVisiblePanes,
+            panes: visiblePanes
+        };
+    }
     bounds() {
-        const activeTabIndex = this.tabs.getActiveTabIndex(), w = this._$el.find('>.tab-pane').first().width(), noOfTabs = this._$el.find('>.tab-pane:visible').length, centerVal = -1 * activeTabIndex * w;
+        const { activeTabIndex, noOfTabs, panes } = this.calibrate(), w = $(panes[0]).width(), centerVal = -1 * activeTabIndex * w;
         this.clearContentFocus();
         return {
             strict: false,
@@ -45,8 +58,15 @@ export class TabsAnimator extends SwipeAnimation {
         }
     }
     transitionTabIntoView() {
-        const activeTabIndex = this.tabs.getActiveTabIndex();
-        setCSS(this._$el[0], 'transform', `translate3d(${-1 * activeTabIndex / this._noOfTabs * 100}%, 0, 0)`);
+        const { activeTabIndex, noOfTabs, panes } = this.calibrate();
+        const maxWidth = `${noOfTabs * 100}%`;
+        setCSSFromObj(this._$el[0], { maxWidth: maxWidth, width: maxWidth });
+        addClass(this.tabs.getNativeElement(), 'has-transition');
+        const width = `${100 / noOfTabs}%`;
+        panes.forEach(p => {
+            setCSS(p, 'width', width);
+        });
+        setCSS(this._$el[0], 'transform', `translate3d(${-1 * activeTabIndex / noOfTabs * 100}%, 0, 0)`);
     }
     onUpper($event) {
         this.tabs.prev($event);
@@ -60,4 +80,4 @@ export class TabsAnimator extends SwipeAnimation {
         return 5;
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5hbmltYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9jb250YWluZXJzL3RhYnMvc3JjL3RhYnMuYW5pbWF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBTXZFLE1BQU0sT0FBTyxZQUFhLFNBQVEsY0FBYztJQUs1QyxZQUEyQixJQUFtQjtRQUMxQyxLQUFLLEVBQUUsQ0FBQztRQURlLFNBQUksR0FBSixJQUFJLENBQWU7UUFFMUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ2xFLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUVqQyxNQUFNLFFBQVEsR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxHQUFHLENBQUM7UUFDNUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pELGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDLENBQUMsQ0FBQztRQUNuRSxNQUFNLEtBQUssR0FBRyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUM7UUFDekMsS0FBSyxNQUFNLEtBQUssSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ3RDLE1BQU0sQ0FBQyxLQUFvQixFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztTQUNoRDtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFTSxNQUFNO1FBQ1QsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUNoRCxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQ2hELFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLE1BQU0sRUFDdEQsU0FBUyxHQUFHLENBQUMsQ0FBQyxHQUFHLGNBQWMsR0FBRyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsT0FBTztZQUNILE1BQU0sRUFBRSxLQUFLO1lBQ2IsS0FBSyxFQUFFLGNBQWMsS0FBSyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQyxNQUFNLEVBQUUsU0FBUztZQUNqQixLQUFLLEVBQUUsY0FBYyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzlDLENBQUM7SUFDTixDQUFDO0lBRU0sT0FBTztRQUNWLE9BQU87WUFDSCxHQUFHLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7U0FDekIsQ0FBQztJQUNOLENBQUM7SUFFTSxTQUFTO1FBQ1osT0FBTztZQUNILFdBQVcsRUFBRSxvREFBb0Q7WUFDakUsbUJBQW1CLEVBQUUsb0RBQW9EO1NBQzVFLENBQUM7SUFDTixDQUFDO0lBQ0QsK0VBQStFO0lBQ3ZFLGlCQUFpQjtRQUNyQixJQUFJLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ3BELElBQUcsU0FBUyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLEVBQUM7WUFDaEUsUUFBUSxDQUFDLGFBQTZCLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDbEQ7SUFDTCxDQUFDO0lBQ00scUJBQXFCO1FBQ3hCLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUNyRCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLENBQUMsR0FBSSxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxDQUFDO0lBQzVHLENBQUM7SUFFTSxPQUFPLENBQUMsTUFBYztRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2QixVQUFVLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU0sT0FBTyxDQUFDLE1BQWM7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdkIsVUFBVSxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLFNBQVM7UUFDWixPQUFPLENBQUMsQ0FBQztJQUNiLENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFN3aXBlQW5pbWF0aW9uIH0gZnJvbSAnQHN3aXBleSc7XG5cbmltcG9ydCB7ICRhcHBEaWdlc3QsIGFkZENsYXNzLCBzZXRDU1MsIHNldENTU0Zyb21PYmogfSBmcm9tICdAd20vY29yZSc7XG5cbmltcG9ydCB7IFRhYnNDb21wb25lbnQgfSBmcm9tICcuL3RhYnMuY29tcG9uZW50JztcblxuZGVjbGFyZSBjb25zdCAkO1xuXG5leHBvcnQgY2xhc3MgVGFic0FuaW1hdG9yIGV4dGVuZHMgU3dpcGVBbmltYXRpb24ge1xuXG4gICAgcHJpdmF0ZSBfJGVsO1xuICAgIHByaXZhdGUgX25vT2ZUYWJzO1xuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHByaXZhdGUgdGFiczogVGFic0NvbXBvbmVudCkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLl8kZWwgPSAkKHRoaXMudGFicy5nZXROYXRpdmVFbGVtZW50KCkpLmZpbmQoJz4udGFiLWNvbnRlbnQnKTtcbiAgICAgICAgY29uc3QgY2hpbGRFbHMgPSB0aGlzLl8kZWwuZmluZCgnPlt3bVRhYlBhbmVdJyk7XG4gICAgICAgIHRoaXMuX25vT2ZUYWJzID0gY2hpbGRFbHMubGVuZ3RoO1xuXG4gICAgICAgIGNvbnN0IG1heFdpZHRoID0gYCR7dGhpcy5fbm9PZlRhYnMgKiAxMDB9JWA7XG4gICAgICAgIGFkZENsYXNzKHRoaXMudGFicy5nZXROYXRpdmVFbGVtZW50KCksICdoYXMtdHJhbnNpdGlvbicpO1xuICAgICAgICBzZXRDU1NGcm9tT2JqKHRoaXMuXyRlbFswXSwge21heFdpZHRoOiBtYXhXaWR0aCwgd2lkdGg6IG1heFdpZHRofSk7XG4gICAgICAgIGNvbnN0IHdpZHRoID0gYCR7MTAwIC8gdGhpcy5fbm9PZlRhYnN9JWA7XG4gICAgICAgIGZvciAoY29uc3QgY2hpbGQgb2YgQXJyYXkuZnJvbShjaGlsZEVscykpIHtcbiAgICAgICAgICAgIHNldENTUyhjaGlsZCBhcyBIVE1MRWxlbWVudCwgJ3dpZHRoJywgd2lkdGgpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaW5pdCh0aGlzLl8kZWwpO1xuICAgIH1cblxuICAgIHB1YmxpYyBib3VuZHMoKSB7XG4gICAgICAgIGNvbnN0IGFjdGl2ZVRhYkluZGV4ID0gdGhpcy50YWJzLmdldEFjdGl2ZVRhYkluZGV4KCksXG4gICAgICAgICAgICB3ID0gdGhpcy5fJGVsLmZpbmQoJz4udGFiLXBhbmUnKS5maXJzdCgpLndpZHRoKCksXG4gICAgICAgICAgICBub09mVGFicyA9IHRoaXMuXyRlbC5maW5kKCc+LnRhYi1wYW5lOnZpc2libGUnKS5sZW5ndGgsXG4gICAgICAgICAgICBjZW50ZXJWYWwgPSAtMSAqIGFjdGl2ZVRhYkluZGV4ICogdztcbiAgICAgICAgdGhpcy5jbGVhckNvbnRlbnRGb2N1cygpO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgc3RyaWN0OiBmYWxzZSxcbiAgICAgICAgICAgIGxvd2VyOiBhY3RpdmVUYWJJbmRleCA9PT0gbm9PZlRhYnMgLSAxID8gMCA6IC13LFxuICAgICAgICAgICAgY2VudGVyOiBjZW50ZXJWYWwsXG4gICAgICAgICAgICB1cHBlcjogYWN0aXZlVGFiSW5kZXggPT09IDAgPyBjZW50ZXJWYWwgOiB3XG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnRleHQoKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAndyc6IHRoaXMuXyRlbC53aWR0aCgpXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcHVibGljIGFuaW1hdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICd0cmFuc2Zvcm0nOiAndHJhbnNsYXRlM2QoJHt7ICgkRCArICRkKS93ICogMTAwICsgXFwnJVxcJ319LCAwLCAwKScsXG4gICAgICAgICAgICAnLXdlYmtpdC10cmFuc2Zvcm0nOiAndHJhbnNsYXRlM2QoJHt7ICgkRCArICRkKS93ICogMTAwICsgXFwnJVxcJ319LCAwLCAwKSdcbiAgICAgICAgfTtcbiAgICB9XG4gICAgLyogV01TLTE4MDMxIHwgT24gVGFiIFN3aXRjaCB8IFJlbW92ZSB0aGUgRm9jdXMgb24gdGhlIEV4aXN0aW5nIFRhYiBDb250ZW50cyAqL1xuICAgIHByaXZhdGUgY2xlYXJDb250ZW50Rm9jdXMoKSB7XG4gICAgICAgIGxldCBhY3RpdmVUYWIgPSB0aGlzLl8kZWwuZmluZCgnPi50YWItcGFuZS5hY3RpdmUnKTtcbiAgICAgICAgaWYoYWN0aXZlVGFiLmxlbmd0aCAmJiBhY3RpdmVUYWIuZmluZChkb2N1bWVudC5hY3RpdmVFbGVtZW50KS5sZW5ndGgpe1xuICAgICAgICAgICAgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmJsdXIoKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBwdWJsaWMgdHJhbnNpdGlvblRhYkludG9WaWV3KCkge1xuICAgICAgICBjb25zdCBhY3RpdmVUYWJJbmRleCA9IHRoaXMudGFicy5nZXRBY3RpdmVUYWJJbmRleCgpO1xuICAgICAgICBzZXRDU1ModGhpcy5fJGVsWzBdLCAndHJhbnNmb3JtJywgYHRyYW5zbGF0ZTNkKCR7LTEgKiAgYWN0aXZlVGFiSW5kZXggLyB0aGlzLl9ub09mVGFicyAqIDEwMH0lLCAwLCAwKWApO1xuICAgIH1cblxuICAgIHB1YmxpYyBvblVwcGVyKCRldmVudD86IEV2ZW50KSB7XG4gICAgICAgIHRoaXMudGFicy5wcmV2KCRldmVudCk7XG4gICAgICAgICRhcHBEaWdlc3QoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25Mb3dlcigkZXZlbnQ/OiBFdmVudCkge1xuICAgICAgICB0aGlzLnRhYnMubmV4dCgkZXZlbnQpO1xuICAgICAgICAkYXBwRGlnZXN0KCk7XG4gICAgfVxuXG4gICAgcHVibGljIHRocmVzaG9sZCgpIHtcbiAgICAgICAgcmV0dXJuIDU7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5hbmltYXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9jb250YWluZXJzL3RhYnMvc3JjL3RhYnMuYW5pbWF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBTXZFLE1BQU0sT0FBTyxZQUFhLFNBQVEsY0FBYztJQUk1QyxZQUEyQixJQUFtQjtRQUMxQyxLQUFLLEVBQUUsQ0FBQztRQURlLFNBQUksR0FBSixJQUFJLENBQWU7UUFFMUMsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ2xFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFTSxTQUFTO1FBQ1osTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3JELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzNDLElBQUkscUJBQXFCLEdBQUcsQ0FBQyxDQUFDO1FBQzlCLElBQUksZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLElBQUksWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN0QixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUN0QixnQkFBZ0IsRUFBRSxDQUFDO2dCQUNuQixJQUFJLENBQUMsS0FBSyxjQUFjLEVBQUU7b0JBQ3RCLHFCQUFxQixHQUFHLGdCQUFnQixHQUFHLENBQUMsQ0FBQztpQkFDaEQ7Z0JBQ0QsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QjtZQUNELE9BQU8sSUFBSSxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTztZQUNILGNBQWMsRUFBRSxxQkFBcUI7WUFDckMsUUFBUSxFQUFFLGdCQUFnQjtZQUMxQixLQUFLLEVBQUUsWUFBWTtTQUN0QixDQUFDO0lBQ04sQ0FBQztJQUVNLE1BQU07UUFDVCxNQUFNLEVBQUMsY0FBYyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQ3RELENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQ3ZCLFNBQVMsR0FBRyxDQUFDLENBQUMsR0FBRyxjQUFjLEdBQUcsQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLE9BQU87WUFDSCxNQUFNLEVBQUUsS0FBSztZQUNiLEtBQUssRUFBRSxjQUFjLEtBQUssUUFBUSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0MsTUFBTSxFQUFFLFNBQVM7WUFDakIsS0FBSyxFQUFFLGNBQWMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUM5QyxDQUFDO0lBQ04sQ0FBQztJQUVNLE9BQU87UUFDVixPQUFPO1lBQ0gsR0FBRyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1NBQ3pCLENBQUM7SUFDTixDQUFDO0lBRU0sU0FBUztRQUNaLE9BQU87WUFDSCxXQUFXLEVBQUUsb0RBQW9EO1lBQ2pFLG1CQUFtQixFQUFFLG9EQUFvRDtTQUM1RSxDQUFDO0lBQ04sQ0FBQztJQUNELCtFQUErRTtJQUN2RSxpQkFBaUI7UUFDckIsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUNwRCxJQUFHLFNBQVMsQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUMsTUFBTSxFQUFDO1lBQ2hFLFFBQVEsQ0FBQyxhQUE2QixDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2xEO0lBQ0wsQ0FBQztJQUNNLHFCQUFxQjtRQUN4QixNQUFNLEVBQUMsY0FBYyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDM0QsTUFBTSxRQUFRLEdBQUcsR0FBRyxRQUFRLEdBQUcsR0FBRyxHQUFHLENBQUM7UUFDdEMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUMsQ0FBQyxDQUFDO1FBQ25FLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUN6RCxNQUFNLEtBQUssR0FBRyxHQUFHLEdBQUcsR0FBRyxRQUFRLEdBQUcsQ0FBQztRQUNuQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2QsTUFBTSxDQUFDLENBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7UUFDSCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLENBQUMsR0FBSSxjQUFjLEdBQUcsUUFBUSxHQUFHLEdBQUcsVUFBVSxDQUFDLENBQUM7SUFDdEcsQ0FBQztJQUVNLE9BQU8sQ0FBQyxNQUFjO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZCLFVBQVUsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxPQUFPLENBQUMsTUFBYztRQUN6QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2QixVQUFVLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU0sU0FBUztRQUNaLE9BQU8sQ0FBQyxDQUFDO0lBQ2IsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3dpcGVBbmltYXRpb24gfSBmcm9tICdAc3dpcGV5JztcblxuaW1wb3J0IHsgJGFwcERpZ2VzdCwgYWRkQ2xhc3MsIHNldENTUywgc2V0Q1NTRnJvbU9iaiB9IGZyb20gJ0B3bS9jb3JlJztcblxuaW1wb3J0IHsgVGFic0NvbXBvbmVudCB9IGZyb20gJy4vdGFicy5jb21wb25lbnQnO1xuXG5kZWNsYXJlIGNvbnN0ICQ7XG5cbmV4cG9ydCBjbGFzcyBUYWJzQW5pbWF0b3IgZXh0ZW5kcyBTd2lwZUFuaW1hdGlvbiB7XG5cbiAgICBwcml2YXRlIF8kZWw7XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJpdmF0ZSB0YWJzOiBUYWJzQ29tcG9uZW50KSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMuXyRlbCA9ICQodGhpcy50YWJzLmdldE5hdGl2ZUVsZW1lbnQoKSkuZmluZCgnPi50YWItY29udGVudCcpO1xuICAgICAgICB0aGlzLmluaXQodGhpcy5fJGVsKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2FsaWJyYXRlKCkge1xuICAgICAgICBjb25zdCBhY3RpdmVUYWJJbmRleCA9IHRoaXMudGFicy5nZXRBY3RpdmVUYWJJbmRleCgpO1xuICAgICAgICBjb25zdCBwYW5lcyA9IHRoaXMuXyRlbC5maW5kKCc+LnRhYi1wYW5lJyk7XG4gICAgICAgIGxldCBhY3RpdmVUYWJWaXNpYmxlSW5kZXggPSAwO1xuICAgICAgICBsZXQgbm9PZlZpc2libGVQYW5lcyA9IDA7XG4gICAgICAgIGxldCB2aXNpYmxlUGFuZXMgPSBbXTtcbiAgICAgICAgcGFuZXMuZWFjaCgoaSwgcCkgPT4ge1xuICAgICAgICAgICAgaWYgKCEkKHApLnByb3AoJ2hpZGRlbicpKSB7XG4gICAgICAgICAgICAgICAgbm9PZlZpc2libGVQYW5lcysrO1xuICAgICAgICAgICAgICAgIGlmIChpID09PSBhY3RpdmVUYWJJbmRleCkge1xuICAgICAgICAgICAgICAgICAgICBhY3RpdmVUYWJWaXNpYmxlSW5kZXggPSBub09mVmlzaWJsZVBhbmVzIC0gMTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdmlzaWJsZVBhbmVzLnB1c2gocCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBhY3RpdmVUYWJJbmRleDogYWN0aXZlVGFiVmlzaWJsZUluZGV4LFxuICAgICAgICAgICAgbm9PZlRhYnM6IG5vT2ZWaXNpYmxlUGFuZXMsXG4gICAgICAgICAgICBwYW5lczogdmlzaWJsZVBhbmVzXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcHVibGljIGJvdW5kcygpIHtcbiAgICAgICAgY29uc3Qge2FjdGl2ZVRhYkluZGV4LCBub09mVGFicywgcGFuZXN9ID0gdGhpcy5jYWxpYnJhdGUoKSxcbiAgICAgICAgICAgIHcgPSAkKHBhbmVzWzBdKS53aWR0aCgpLFxuICAgICAgICAgICAgY2VudGVyVmFsID0gLTEgKiBhY3RpdmVUYWJJbmRleCAqIHc7XG4gICAgICAgIHRoaXMuY2xlYXJDb250ZW50Rm9jdXMoKTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHN0cmljdDogZmFsc2UsXG4gICAgICAgICAgICBsb3dlcjogYWN0aXZlVGFiSW5kZXggPT09IG5vT2ZUYWJzIC0gMSA/IDAgOiAtdyxcbiAgICAgICAgICAgIGNlbnRlcjogY2VudGVyVmFsLFxuICAgICAgICAgICAgdXBwZXI6IGFjdGl2ZVRhYkluZGV4ID09PSAwID8gY2VudGVyVmFsIDogd1xuICAgICAgICB9O1xuICAgIH1cblxuICAgIHB1YmxpYyBjb250ZXh0KCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgJ3cnOiB0aGlzLl8kZWwud2lkdGgoKVxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHB1YmxpYyBhbmltYXRpb24oKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAndHJhbnNmb3JtJzogJ3RyYW5zbGF0ZTNkKCR7eyAoJEQgKyAkZCkvdyAqIDEwMCArIFxcJyVcXCd9fSwgMCwgMCknLFxuICAgICAgICAgICAgJy13ZWJraXQtdHJhbnNmb3JtJzogJ3RyYW5zbGF0ZTNkKCR7eyAoJEQgKyAkZCkvdyAqIDEwMCArIFxcJyVcXCd9fSwgMCwgMCknXG4gICAgICAgIH07XG4gICAgfVxuICAgIC8qIFdNUy0xODAzMSB8IE9uIFRhYiBTd2l0Y2ggfCBSZW1vdmUgdGhlIEZvY3VzIG9uIHRoZSBFeGlzdGluZyBUYWIgQ29udGVudHMgKi9cbiAgICBwcml2YXRlIGNsZWFyQ29udGVudEZvY3VzKCkge1xuICAgICAgICBsZXQgYWN0aXZlVGFiID0gdGhpcy5fJGVsLmZpbmQoJz4udGFiLXBhbmUuYWN0aXZlJyk7XG4gICAgICAgIGlmKGFjdGl2ZVRhYi5sZW5ndGggJiYgYWN0aXZlVGFiLmZpbmQoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCkubGVuZ3RoKXtcbiAgICAgICAgICAgIChkb2N1bWVudC5hY3RpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5ibHVyKCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgcHVibGljIHRyYW5zaXRpb25UYWJJbnRvVmlldygpIHtcbiAgICAgICAgY29uc3Qge2FjdGl2ZVRhYkluZGV4LCBub09mVGFicywgcGFuZXN9ID0gdGhpcy5jYWxpYnJhdGUoKTtcbiAgICAgICAgY29uc3QgbWF4V2lkdGggPSBgJHtub09mVGFicyAqIDEwMH0lYDtcbiAgICAgICAgc2V0Q1NTRnJvbU9iaih0aGlzLl8kZWxbMF0sIHttYXhXaWR0aDogbWF4V2lkdGgsIHdpZHRoOiBtYXhXaWR0aH0pO1xuICAgICAgICBhZGRDbGFzcyh0aGlzLnRhYnMuZ2V0TmF0aXZlRWxlbWVudCgpLCAnaGFzLXRyYW5zaXRpb24nKTtcbiAgICAgICAgY29uc3Qgd2lkdGggPSBgJHsxMDAgLyBub09mVGFic30lYDtcbiAgICAgICAgcGFuZXMuZm9yRWFjaChwID0+IHtcbiAgICAgICAgICAgIHNldENTUyhwIGFzIGFueSwgJ3dpZHRoJywgd2lkdGgpO1xuICAgICAgICB9KTtcbiAgICAgICAgc2V0Q1NTKHRoaXMuXyRlbFswXSwgJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGUzZCgkey0xICogIGFjdGl2ZVRhYkluZGV4IC8gbm9PZlRhYnMgKiAxMDB9JSwgMCwgMClgKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25VcHBlcigkZXZlbnQ/OiBFdmVudCkge1xuICAgICAgICB0aGlzLnRhYnMucHJldigkZXZlbnQpO1xuICAgICAgICAkYXBwRGlnZXN0KCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uTG93ZXIoJGV2ZW50PzogRXZlbnQpIHtcbiAgICAgICAgdGhpcy50YWJzLm5leHQoJGV2ZW50KTtcbiAgICAgICAgJGFwcERpZ2VzdCgpO1xuICAgIH1cblxuICAgIHB1YmxpYyB0aHJlc2hvbGQoKSB7XG4gICAgICAgIHJldHVybiA1O1xuICAgIH1cbn1cbiJdfQ==

app-ng-runtime/components/containers/tabs/fesm2015/index.js

@@ -1,7 +1,7 @@
 import { Component, Injector, Attribute, HostBinding, ContentChildren, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { PROP_STRING, PROP_ANY, PROP_NUMBER, PROP_BOOLEAN, register, StylableComponent, styler, APPLY_STYLES_TYPE, provideAsWidgetRef, RedrawableDirective, createArrayFrom, WmComponentsModule } from '@wm/components/base';
-import { addClass, setCSSFromObj, setCSS, $appDigest, isMobileApp, noop, removeAttr, removeClass, appendNode, DynamicComponentRefProvider, StatePersistence } from '@wm/core';
+import { setCSSFromObj, addClass, setCSS, $appDigest, isMobileApp, noop, removeAttr, removeClass, appendNode, DynamicComponentRefProvider, StatePersistence } from '@wm/core';
 import { SwipeAnimation } from '@swipey';
 
 class TabsAnimator extends SwipeAnimation {
@@ -9,19 +9,32 @@ class TabsAnimator extends SwipeAnimation {
         super();
         this.tabs = tabs;
         this._$el = $(this.tabs.getNativeElement()).find('>.tab-content');
-        const childEls = this._$el.find('>[wmTabPane]');
-        this._noOfTabs = childEls.length;
-        const maxWidth = `${this._noOfTabs * 100}%`;
-        addClass(this.tabs.getNativeElement(), 'has-transition');
-        setCSSFromObj(this._$el[0], { maxWidth: maxWidth, width: maxWidth });
-        const width = `${100 / this._noOfTabs}%`;
-        for (const child of Array.from(childEls)) {
-            setCSS(child, 'width', width);
-        }
         this.init(this._$el);
     }
+    calibrate() {
+        const activeTabIndex = this.tabs.getActiveTabIndex();
+        const panes = this._$el.find('>.tab-pane');
+        let activeTabVisibleIndex = 0;
+        let noOfVisiblePanes = 0;
+        let visiblePanes = [];
+        panes.each((i, p) => {
+            if (!$(p).prop('hidden')) {
+                noOfVisiblePanes++;
+                if (i === activeTabIndex) {
+                    activeTabVisibleIndex = noOfVisiblePanes - 1;
+                }
+                visiblePanes.push(p);
+            }
+            return true;
+        });
+        return {
+            activeTabIndex: activeTabVisibleIndex,
+            noOfTabs: noOfVisiblePanes,
+            panes: visiblePanes
+        };
+    }
     bounds() {
-        const activeTabIndex = this.tabs.getActiveTabIndex(), w = this._$el.find('>.tab-pane').first().width(), noOfTabs = this._$el.find('>.tab-pane:visible').length, centerVal = -1 * activeTabIndex * w;
+        const { activeTabIndex, noOfTabs, panes } = this.calibrate(), w = $(panes[0]).width(), centerVal = -1 * activeTabIndex * w;
         this.clearContentFocus();
         return {
             strict: false,
@@ -49,8 +62,15 @@ class TabsAnimator extends SwipeAnimation {
         }
     }
     transitionTabIntoView() {
-        const activeTabIndex = this.tabs.getActiveTabIndex();
-        setCSS(this._$el[0], 'transform', `translate3d(${-1 * activeTabIndex / this._noOfTabs * 100}%, 0, 0)`);
+        const { activeTabIndex, noOfTabs, panes } = this.calibrate();
+        const maxWidth = `${noOfTabs * 100}%`;
+        setCSSFromObj(this._$el[0], { maxWidth: maxWidth, width: maxWidth });
+        addClass(this.tabs.getNativeElement(), 'has-transition');
+        const width = `${100 / noOfTabs}%`;
+        panes.forEach(p => {
+            setCSS(p, 'width', width);
+        });
+        setCSS(this._$el[0], 'transform', `translate3d(${-1 * activeTabIndex / noOfTabs * 100}%, 0, 0)`);
     }
     onUpper($event) {
         this.tabs.prev($event);
@@ -183,6 +203,7 @@ class TabPaneComponent extends StylableComponent {
         }
     }
     onPropertyChange(key, nv, ov) {
+        var _a;
         if (key === 'content') {
             if (this.isActive) {
                 setTimeout(() => this.$lazyLoad(), 100);
@@ -195,6 +216,12 @@ class TabPaneComponent extends StylableComponent {
             if (this._isFirstLoad) {
                 this.tabsRef.selectDefaultPaneByIndex(this.tabsRef.defaultpaneindex);
             }
+            else if (!nv && this.isActive) {
+                this.tabsRef.next();
+            }
+            else if (nv || !this.isActive) {
+                (_a = this.tabsRef.tabsAnimator) === null || _a === void 0 ? void 0 : _a.transitionTabIntoView();
+            }
             this._isFirstLoad = false;
         }
         else {

app-ng-runtime/components/containers/tabs/fesm2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../projects/components/widgets/containers/tabs/src/tabs.animator.ts","../../../../../projects/components/widgets/containers/tabs/src/tabs.props.ts","../../../../../projects/components/widgets/containers/tabs/src/tab-pane/tab-pane.props.ts","../../../../../projects/components/widgets/containers/tabs/src/tab-pane/tab-pane.component.ts","../../../../../projects/components/widgets/containers/tabs/src/tabs.component.ts","../../../../../projects/components/widgets/containers/tabs/src/tabs.module.ts","../../../../../projects/components/widgets/containers/tabs/src/index.ts"],"sourcesContent":["import { SwipeAnimation } from '@swipey';\n\nimport { $appDigest, addClass, setCSS, setCSSFromObj } from '@wm/core';\n\nimport { TabsComponent } from './tabs.component';\n\ndeclare const $;\n\nexport class TabsAnimator extends SwipeAnimation {\n\n    private _$el;\n    private _noOfTabs;\n\n    public constructor(private tabs: TabsComponent) {\n        super();\n        this._$el = $(this.tabs.getNativeElement()).find('>.tab-content');\n        const childEls = this._$el.find('>[wmTabPane]');\n        this._noOfTabs = childEls.length;\n\n        const maxWidth = `${this._noOfTabs * 100}%`;\n        addClass(this.tabs.getNativeElement(), 'has-transition');\n        setCSSFromObj(this._$el[0], {maxWidth: maxWidth, width: maxWidth});\n        const width = `${100 / this._noOfTabs}%`;\n        for (const child of Array.from(childEls)) {\n            setCSS(child as HTMLElement, 'width', width);\n        }\n        this.init(this._$el);\n    }\n\n    public bounds() {\n        const activeTabIndex = this.tabs.getActiveTabIndex(),\n            w = this._$el.find('>.tab-pane').first().width(),\n            noOfTabs = this._$el.find('>.tab-pane:visible').length,\n            centerVal = -1 * activeTabIndex * w;\n        this.clearContentFocus();\n        return {\n            strict: false,\n            lower: activeTabIndex === noOfTabs - 1 ? 0 : -w,\n            center: centerVal,\n            upper: activeTabIndex === 0 ? centerVal : w\n        };\n    }\n\n    public context() {\n        return {\n            'w': this._$el.width()\n        };\n    }\n\n    public animation() {\n        return {\n            'transform': 'translate3d(${{ ($D + $d)/w * 100 + \\'%\\'}}, 0, 0)',\n            '-webkit-transform': 'translate3d(${{ ($D + $d)/w * 100 + \\'%\\'}}, 0, 0)'\n        };\n    }\n    /* WMS-18031 | On Tab Switch | Remove the Focus on the Existing Tab Contents */\n    private clearContentFocus() {\n        let activeTab = this._$el.find('>.tab-pane.active');\n        if(activeTab.length && activeTab.find(document.activeElement).length){\n            (document.activeElement as HTMLElement).blur();\n        }\n    }\n    public transitionTabIntoView() {\n        const activeTabIndex = this.tabs.getActiveTabIndex();\n        setCSS(this._$el[0], 'transform', `translate3d(${-1 *  activeTabIndex / this._noOfTabs * 100}%, 0, 0)`);\n    }\n\n    public onUpper($event?: Event) {\n        this.tabs.prev($event);\n        $appDigest();\n    }\n\n    public onLower($event?: Event) {\n        this.tabs.next($event);\n        $appDigest();\n    }\n\n    public threshold() {\n        return 5;\n    }\n}\n","import { isMobileApp } from '@wm/core';\n\nimport { PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    const props = new Map(\n        [\n            ['class', PROP_STRING],\n            ['dataset', PROP_ANY],\n            ['defaultpaneindex', {value: 0, ...PROP_NUMBER}],\n            ['justified', PROP_BOOLEAN],\n            ['tabsposition', {value: 'top', ...PROP_STRING}],\n            ['name', PROP_STRING],\n            ['nodatamessage', {value: 'No Data Found', ... PROP_STRING}],\n            ['show', {value: true, ...PROP_BOOLEAN}],\n            ['statehandler', {value: 'none', ...PROP_STRING}],\n            ['transition', PROP_STRING],\n            ['type', PROP_STRING]\n        ]\n    );\n    if (isMobileApp()) {\n        props.set('transition', {value: 'slide', ...PROP_STRING});\n    }\n    register('wm-tabs', props);\n};\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-tabpane',\n        new Map(\n            [\n                ['active', PROP_BOOLEAN], // internal property\n                ['badgevalue', PROP_STRING],\n                ['badgetype', {value: 'default', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['content', PROP_STRING],\n                ['disabled', PROP_BOOLEAN],\n                ['dynamicPaneIndex', PROP_NUMBER], // internal property\n                ['heading', PROP_STRING],\n                ['isdefaulttab', PROP_STRING],\n                ['isdynamic', PROP_BOOLEAN], // internal property\n                ['name', PROP_STRING],\n                ['paneicon', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['smoothscroll', {value: false, ...PROP_BOOLEAN}],\n                ['title', {value: 'Tab Title', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { AfterViewInit, Attribute, Component, ContentChildren, HostBinding, Injector, OnInit } from '@angular/core';\n\nimport { noop, removeAttr } from '@wm/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, RedrawableDirective, styler, StylableComponent } from '@wm/components/base';\nimport { registerProps } from './tab-pane.props';\nimport { TabsComponent } from '../tabs.component';\n\nconst DEFAULT_CLS = 'tab-pane';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-tabpane',\n    hostClass: DEFAULT_CLS\n};\n\n@Component({\n    selector: 'div[wmTabPane]',\n    templateUrl: './tab-pane.component.html',\n    providers: [\n        provideAsWidgetRef(TabPaneComponent)\n    ]\n})\nexport class TabPaneComponent extends StylableComponent implements OnInit, AfterViewInit {\n    static initializeProps = registerProps();\n\n    private _isFirstLoad: boolean = true;\n\n    public $lazyLoad = noop;\n    public name: string;\n    public show: boolean;\n    public smoothscroll: any;\n    private isdynamic: boolean;\n\n    @HostBinding('class.active') isActive = false;\n    @HostBinding('class.disabled') disabled = false;\n\n    // reference to the components which needs a redraw(eg, grid, chart) when the height of this component changes\n    @ContentChildren(RedrawableDirective, {descendants: true}) reDrawableComponents;\n\n    constructor(\n        inj: Injector,\n        private tabsRef: TabsComponent,\n        @Attribute('heading') public heading,\n        @Attribute('title') public title\n    ) {\n        super(inj, WIDGET_CONFIG);\n\n        // title property here serves the purpose of heading.\n        // TODO: make it common for all the widget.\n        removeAttr(this.nativeElement, 'title');\n    }\n\n    // parent tabs component will call this method for the order of callbacks to be proper\n    // order of callbacks - deselect, select, change\n    public invokeOnSelectCallback($event?: Event) {\n        this.invokeEventCallback('select', {$event});\n    }\n\n    public select($event?: Event) {\n        // When called programatically $event won't be available\n        if (this.isActive || this.disabled) {\n            return;\n        }\n\n        this.isActive = true;\n        this.$lazyLoad();\n        this.redrawChildren();\n        this.notifyParent($event);\n    }\n\n    tabpaneHeaderClick($event, paneIndex) {\n        this.invokeEventCallback('headerclick', {$event, paneIndex});\n    }\n\n    public deselect() {\n        if (this.isActive) {\n            this.isActive = false;\n            this.invokeEventCallback('deselect');\n        }\n    }\n\n    public remove() {\n        if (this.isActive) {\n            this === this.tabsRef.panes.last ? this.tabsRef.prev() : this.tabsRef.next();\n        }\n        const availablePanes = this.tabsRef.panes.toArray();\n        availablePanes.splice((this as any).tabsRef.getPaneIndexByRef(this), 1);\n        this.tabsRef.panes.reset([...availablePanes]);\n        this.nativeElement.remove();\n        this.tabsRef.$element.find(`.tab-header[data-paneid='${this.$element.attr('widget-id')}'] a`).remove();\n    }\n\n    private redrawChildren() {\n        setTimeout(() => {\n            if (this.reDrawableComponents) {\n                this.reDrawableComponents.forEach(c => c.redraw());\n            }\n        }, 100);\n    }\n\n    private notifyParent(evt?: Event) {\n        this.tabsRef.notifyChange(this, evt);\n    }\n\n    // select next valid tab\n    private handleSwipeLeft() {\n        this.tabsRef.next();\n    }\n\n    // select prev valid tab\n    private handleSwipeRight() {\n        this.tabsRef.prev();\n    }\n\n    // select event is called manually\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'select') {\n            super.handleEvent(this.nativeElement, eventName, callback, locals);\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'content') {\n            if (this.isActive) {\n                setTimeout(() => this.$lazyLoad(), 100);\n            }\n        } else if (key === 'show') {\n            // overridding the base component show propertyChangeHandler\n            this.nativeElement.hidden = !nv;\n            // setting default tab pane on pageload whenever show property is bindable\n            if (this._isFirstLoad) {\n                (this as any).tabsRef.selectDefaultPaneByIndex((this as any).tabsRef.defaultpaneindex);\n            }\n            this._isFirstLoad = false;\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        this.title = this.title || this.heading;\n    }\n\n    ngAfterViewInit() {\n        styler(\n            this.nativeElement.querySelector('.tab-body') as HTMLElement,\n            this,\n            APPLY_STYLES_TYPE.CONTAINER\n        );\n        super.ngAfterViewInit();\n        if (this.isdynamic) {\n            this.tabsRef.registerDynamicTab(this);\n        }\n    }\n}\n","import { AfterContentInit, AfterViewInit, Attribute, Component, ContentChildren, Injector, OnInit, QueryList } from '@angular/core';\n\nimport { addClass, appendNode, DynamicComponentRefProvider, noop, removeClass, StatePersistence } from '@wm/core';\nimport {\n    APPLY_STYLES_TYPE,\n    IWidgetConfig,\n    provideAsWidgetRef,\n    styler,\n    StylableComponent,\n    createArrayFrom\n} from '@wm/components/base';\n\nimport { TabsAnimator } from './tabs.animator';\nimport { registerProps } from './tabs.props';\nimport { TabPaneComponent } from './tab-pane/tab-pane.component';\n\ndeclare const _, $;\n\nconst DEFAULT_CLS = 'app-tabs clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-tabs',\n    hostClass: DEFAULT_CLS\n};\n\n@Component({\n    selector: 'div[wmTabs]',\n    templateUrl: './tabs.component.html',\n    exportAs: 'wmTabs',\n    providers: [\n        provideAsWidgetRef(TabsComponent)\n    ]\n})\nexport class TabsComponent extends StylableComponent implements AfterContentInit, OnInit, AfterViewInit {\n    static initializeProps = registerProps();\n\n    public defaultpaneindex: number;\n    public transition: string;\n    public tabsposition: string;\n    public statehandler: any;\n    private statePersistence: StatePersistence;\n\n    public vertical: boolean;\n    public justified: boolean;\n    private activeTab: TabPaneComponent;\n    private readonly promiseResolverFn: Function;\n    private tabsAnimator: TabsAnimator;\n    private _oldPaneIndex: number;\n    private isPageLoadCall: boolean;\n    private dynamicComponentProvider;\n    private _dynamicContext;\n    private dynamicPaneIndex;\n    public dynamicTabs;\n    public fieldDefs;\n    public type;\n    public nodatamessage;\n\n    @ContentChildren(TabPaneComponent) panes: QueryList<TabPaneComponent>;\n\n    constructor(\n        inj: Injector,\n        dynamicComponentProvider: DynamicComponentRefProvider,\n        @Attribute('transition') _transition: string,\n        @Attribute('tabsposition') _tabsPosition: string,\n        statePersistence: StatePersistence,\n    ) {\n        // handle to the promise resolver\n        let resolveFn: Function = noop;\n        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));\n\n        this.transition = _transition;\n        this.tabsposition = _tabsPosition;\n        this.statePersistence = statePersistence;\n        this.dynamicComponentProvider = dynamicComponentProvider;\n        this.dynamicTabs = [];\n        this.dynamicPaneIndex = 0;\n\n        this.promiseResolverFn = resolveFn;\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n\n    }\n\n    animateIn (element: HTMLElement) {\n        const tabHeader = $(element);\n        // when the animation is not present toggle the active class.\n        tabHeader.siblings('.active').removeClass('active');\n        tabHeader.addClass('active');\n\n        const ul = this.nativeElement.querySelector('ul.nav.nav-tabs');\n\n        // move the tabheader into the viewport\n        const $prevHeaderEle = tabHeader.prev();\n        if ($prevHeaderEle.length) {\n            ul.scrollLeft = $prevHeaderEle[0].offsetLeft;\n        } else {\n            ul.scrollLeft = 0;\n        }\n    }\n\n    /**\n     * This method is used to register the dynamic panes.\n     * After all panes are initialzed, update the querylist manually based on index.\n     * @param paneRef - refrence of the tabpane\n     */\n    public registerDynamicTab(paneRef) {\n        this.dynamicTabs.push(paneRef);\n        const isLastPane =  this.dynamicTabs.length === this.dynamicPaneIndex;\n        if (isLastPane) {\n            for (let i = 0; i < this.dynamicTabs.length; i++) {\n                const newPaneRef  = _.find(this.dynamicTabs, pane => pane.dynamicPaneIndex === i);\n                const isPaneAlreadyExist = _.find(this.panes.toArray(), newPaneRef);\n                if (!isPaneAlreadyExist) {\n                    this.panes.reset([...this.panes.toArray(), newPaneRef]);\n                    if (newPaneRef.active) {\n                        setTimeout(() => {\n                            newPaneRef.select();\n                        }, 20);\n                    }\n                }\n            }\n        }\n    }\n\n    /**\n     * This method is to add the tabpane dynamically\n     * @param tabpanes - list of tabpanes\n     */\n    public addPane(tabpanes) {\n        if (!_.isArray(tabpanes)) {\n            tabpanes = [tabpanes];\n        }\n        const paneNamesList = [];\n        _.forEach(tabpanes, (pane, index) => {\n            const isPaneAlreadyCreated = _.find(this.panes.toArray(), {name: pane.name});\n            const isPaneNameExist = _.indexOf(paneNamesList, pane.name);\n            // If user tries to add tabpane with the same name which is already exists then do not create the pane\n            if (isPaneAlreadyCreated || isPaneNameExist > 0) {\n                console.warn(`The tab pane with name ${pane.name} already exists`);\n                return;\n            }\n\n            let paramMarkup = '';\n            let propsTmpl = '';\n            this.dynamicPaneIndex++;\n            const name = pane.name ? pane.name : `tabpane${this.panes.toArray().length + (index + 1)}`;\n            paneNamesList.push(name);\n            const partialParams = _.get(pane, 'params');\n\n            _.forEach(pane, (value, key) => {\n                if (key !== 'params') {\n                    propsTmpl = `${propsTmpl} ${key}=\"${value}\"`;\n                }\n            });\n\n            _.forEach(partialParams, (value, key) => {\n                paramMarkup = `${paramMarkup} <wm-param name=\"${key}\" value=\"${value}\"></wm-param>`;\n            });\n            const markup = `<wm-tabpane dynamicPaneIndex=\"${this.dynamicPaneIndex - 1}\" isdynamic=\"true\" name=\"${name}\" ${propsTmpl}>\n                            ${paramMarkup}\n                        </wm-tabpane>`;\n\n            if (!this._dynamicContext) {\n                this._dynamicContext = Object.create(this.viewParent);\n                this._dynamicContext[this.getAttr('wmTab')] = this;\n            }\n\n            this.dynamicComponentProvider.addComponent(this.getNativeElement().querySelector('.tab-content'), markup, this._dynamicContext, {inj: this.inj});\n\n        });\n        return paneNamesList;\n    }\n\n    /**\n     * This method is to remove the tabpane\n     * @param paneIndex - index of the pane\n     */\n    public removePane(paneName) {\n        const paneRef = this.getPaneRefByName(paneName);\n        if (paneRef) {\n            paneRef.remove();\n        }\n    }\n\n    /**\n     * TabPane children components invoke this method to communicate with the parent\n     * if the evt argument is defined on-change callback will be invoked.\n     */\n    public notifyChange(paneRef: TabPaneComponent, evt: Event) {\n        if (!this.isSelectableTab(paneRef)) {\n            return;\n        }\n\n        let headerElement;\n        // invoke deselect event callback on the preset active tab\n        if (!_.isEmpty(this.activeTab)) {\n            this.activeTab.deselect();\n        }\n\n\n        this.activeTab = paneRef.getWidget();\n        const newPaneIndex = this.getPaneIndexByRef(paneRef);\n        const mode = this.statePersistence.computeMode(this.statehandler);\n        if (!this.isPageLoadCall && mode && mode.toLowerCase() !== 'none') {\n            this.statePersistence.setWidgetState(this, this.activeTab.name);\n        } else {\n            this.defaultpaneindex = this.getPaneIndexByRef(paneRef);\n            this.isPageLoadCall = false;\n        }\n\n        // invoke select callback on the selected tab\n        paneRef.invokeOnSelectCallback(evt);\n\n        // invoke change callback if the evt is present, select a tab programmatically will not have the event\n        if (evt) {\n            this.invokeEventCallback('change', {\n                $event: evt,\n                newPaneIndex: newPaneIndex,\n                oldPaneIndex: this._oldPaneIndex || 0\n            });\n        }\n        this._oldPaneIndex = newPaneIndex;\n\n        if (evt) {\n            headerElement = $(evt.target as HTMLElement).closest('li.tab-header');\n        }\n        if (!evt || !headerElement || !headerElement.length) {\n            headerElement = this.nativeElement.querySelector(`li[data-paneid=${paneRef.widgetId}]`);\n            const insideTabs = !!$(headerElement).closest('.app-tabs')\n                .parent().closest('.app-tabs').length;\n            if (!insideTabs) { \n                $(headerElement).children().focus();\n            }\n        }\n        this.animateIn(headerElement);\n\n        // this.setTabsLeftPosition(this.getPaneIndexByRef(this.activeTab), this.panes.length);\n        if (this.canSlide()) {\n            if (!this.tabsAnimator) {\n                this.tabsAnimator = new TabsAnimator(this);\n                this.tabsAnimator.setGesturesEnabled(this.canSlide());\n            }\n            this.tabsAnimator.transitionTabIntoView();\n        }\n    }\n\n    public goToTab(tabIndex) {\n        if (this.isValidPaneIndex(tabIndex - 1)) {\n            const tab = this.getPaneRefByIndex(tabIndex - 1);\n            tab.select();\n        }\n    }\n\n    private getPaneIndexByRef(paneRef: TabPaneComponent): number {\n        return this.panes.toArray().indexOf(paneRef);\n    }\n\n    // Returns the active tab index from tabs.\n    public getActiveTabIndex(): number {\n        return _.findIndex(this.panes.toArray(), {isActive: true});\n    }\n\n    private isValidPaneIndex(index: number): boolean {\n        return (index >= 0 && index < this.panes.length);\n    }\n\n    private getPaneRefByIndex(index: number): TabPaneComponent {\n        return this.panes.toArray()[index];\n    }\n\n    private getPaneRefByName(name: string): TabPaneComponent {\n        return _.find(this.panes.toArray(), {name: name});\n    }\n\n    // returns false if the pane is hidden or disabled\n    private isSelectableTab(paneRef: TabPaneComponent): boolean {\n        return paneRef.show && !paneRef.disabled;\n    }\n\n    private canSlide() {\n        return this.transition === 'slide' && !this.vertical;\n    }\n\n    private getSelectableTabAfterIndex(index: number): TabPaneComponent {\n        for (let i = index + 1; i < this.panes.length; i++) {\n            const pane = this.getPaneRefByIndex(i);\n            if (this.isSelectableTab(pane)) {\n                return pane;\n            }\n        }\n        if (index === this.panes.length - 1) {\n            const pane = this.getPaneRefByIndex(0);\n             if (this.isSelectableTab(pane)) {\n                return pane;\n             }\n        }\n    }\n\n    private getSelectableTabBeforeIndex(index: number): TabPaneComponent {\n        for (let i = index - 1; i >= 0; i--) {\n            const pane = this.getPaneRefByIndex(i);\n            if (this.isSelectableTab(pane)) {\n                return pane;\n            }\n        }\n        if (index === 0) {\n            const pane = this.getPaneRefByIndex(this.panes.length - 1);\n            if (this.isSelectableTab(pane)) {\n                return pane;\n            }\n        }\n    }\n\n    // select next tab relative to the current active tab\n    public next($event?: Event) {\n        const pane = this.getSelectableTabAfterIndex(this.getActiveTabIndex());\n        if (pane) {\n            pane.select($event);\n        }\n    }\n\n    // select prev tab relative to the current active tab\n    public prev($event?: Event) {\n        const pane = this.getSelectableTabBeforeIndex(this.getActiveTabIndex());\n        if (pane) {\n            pane.select($event);\n        }\n    }\n\n    /**\n     * this method will be invoked during the initialization of the component and on defaultpaneindex property change,\n     * if the provided defaultpaneindex is not valid, find the first pane index which can be shown and select it\n     */\n    private selectDefaultPaneByIndex(index: number) {\n        if (!this.isValidPaneIndex(index)) {\n            return;\n        }\n\n        let paneRef = this.getPaneRefByIndex(index);\n        if (!this.isSelectableTab(paneRef)) {\n            paneRef = this.getSelectableTabAfterIndex(0);\n        }\n        if (paneRef) {\n            paneRef.select();\n        }\n    }\n\n    // update the postion of tab header\n    private setTabsPosition() {\n        const ul = this.nativeElement.children[0];\n\n        this.vertical = (this.tabsposition === 'left' || this.tabsposition === 'right');\n\n        removeClass(this.nativeElement, 'inverted');\n        if (this.tabsposition === 'bottom' || this.tabsposition === 'right') {\n            appendNode(ul as HTMLElement, this.nativeElement);\n            addClass(this.nativeElement, 'inverted');\n        }\n    }\n\n    private onDataChange(newVal) {\n        this.fieldDefs = createArrayFrom(newVal);\n        setTimeout(() => this.selectDefaultPaneByIndex(this.defaultpaneindex || 0));\n    }\n\n    onPropertyChange(key: string, nv: any, ov) {\n\n        if (key === 'defaultpaneindex') {\n            this.defaultpaneindex = nv;\n        } else if (key === 'dataset') {\n            this.onDataChange(nv);\n        } else if (key === 'statehandler') {\n            this.isPageLoadCall = true;\n            const widgetState = this.statePersistence.getWidgetState(this);\n            if (nv !== 'none' && widgetState) {\n                const paneToSelect: any = this.panes.filter(function(pane) {\n                    return widgetState === pane.name;\n                });\n                if (!paneToSelect.length) {\n                    console.warn('Tab pane name ' + widgetState + ' in State is incorrect. Falling back to the default pane');\n                    setTimeout(() => this.selectDefaultPaneByIndex(this.defaultpaneindex || 0), 20);\n                } else {\n                    const index = this.getPaneIndexByRef(paneToSelect[0]);\n                    setTimeout(() => this.selectDefaultPaneByIndex(index), 20);\n                }\n            } else {\n                setTimeout(() => this.selectDefaultPaneByIndex(this.defaultpaneindex || 0), 20);\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    registerTabsScroll() {\n        setTimeout(() => {\n            const $ul = this.$element.find('> ul');\n            let $liPosition;\n\n            const  $li = $ul.children();\n            $liPosition = $li.last().position();\n            if ($liPosition && ($liPosition.left > $ul.width())) {\n                $ul.on('mousewheel', (e) => {\n                    const left = $ul[0].scrollLeft,\n                        _delta = -1 * e.originalEvent.wheelDelta;\n                    e.stopPropagation();\n                    e.preventDefault();\n                    $ul.animate({scrollLeft: left + _delta}, {'duration': 10});\n                });\n            }\n        });\n    }\n    onkeydown(event) {\n        switch (event.key) {\n            case 'ArrowLeft':\n            case 'ArrowUp':\n                this.prev();\n                event.preventDefault();\n                break;\n\n            case 'ArrowRight':\n            case 'ArrowDown':\n                this.next();\n                event.preventDefault();\n                break;\n            default:\n                break;\n        }\n    }\n\n    ngAfterContentInit() {\n        this.promiseResolverFn();\n        super.ngAfterContentInit();\n        this.setTabsPosition();\n        this.panes.changes.subscribe( slides => {\n            if (this.panes.length) {\n                this.selectDefaultPaneByIndex(this.defaultpaneindex || 0);\n            }\n        });\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        this.registerTabsScroll();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { TabsComponent } from './tabs.component';\nimport { TabPaneComponent } from './tab-pane/tab-pane.component';\n\nconst components = [\n    TabPaneComponent,\n    TabsComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components],\n    entryComponents: []\n})\nexport class TabsModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {registerProps as ɵb} from './tab-pane/tab-pane.props';\nexport {registerProps as ɵa} from './tabs.props';"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../projects/components/widgets/containers/tabs/src/tabs.animator.ts","../../../../../projects/components/widgets/containers/tabs/src/tabs.props.ts","../../../../../projects/components/widgets/containers/tabs/src/tab-pane/tab-pane.props.ts","../../../../../projects/components/widgets/containers/tabs/src/tab-pane/tab-pane.component.ts","../../../../../projects/components/widgets/containers/tabs/src/tabs.component.ts","../../../../../projects/components/widgets/containers/tabs/src/tabs.module.ts","../../../../../projects/components/widgets/containers/tabs/src/index.ts"],"sourcesContent":["import { SwipeAnimation } from '@swipey';\n\nimport { $appDigest, addClass, setCSS, setCSSFromObj } from '@wm/core';\n\nimport { TabsComponent } from './tabs.component';\n\ndeclare const $;\n\nexport class TabsAnimator extends SwipeAnimation {\n\n    private _$el;\n\n    public constructor(private tabs: TabsComponent) {\n        super();\n        this._$el = $(this.tabs.getNativeElement()).find('>.tab-content');\n        this.init(this._$el);\n    }\n\n    public calibrate() {\n        const activeTabIndex = this.tabs.getActiveTabIndex();\n        const panes = this._$el.find('>.tab-pane');\n        let activeTabVisibleIndex = 0;\n        let noOfVisiblePanes = 0;\n        let visiblePanes = [];\n        panes.each((i, p) => {\n            if (!$(p).prop('hidden')) {\n                noOfVisiblePanes++;\n                if (i === activeTabIndex) {\n                    activeTabVisibleIndex = noOfVisiblePanes - 1;\n                }\n                visiblePanes.push(p);\n            }\n            return true;\n        });\n        return {\n            activeTabIndex: activeTabVisibleIndex,\n            noOfTabs: noOfVisiblePanes,\n            panes: visiblePanes\n        };\n    }\n\n    public bounds() {\n        const {activeTabIndex, noOfTabs, panes} = this.calibrate(),\n            w = $(panes[0]).width(),\n            centerVal = -1 * activeTabIndex * w;\n        this.clearContentFocus();\n        return {\n            strict: false,\n            lower: activeTabIndex === noOfTabs - 1 ? 0 : -w,\n            center: centerVal,\n            upper: activeTabIndex === 0 ? centerVal : w\n        };\n    }\n\n    public context() {\n        return {\n            'w': this._$el.width()\n        };\n    }\n\n    public animation() {\n        return {\n            'transform': 'translate3d(${{ ($D + $d)/w * 100 + \\'%\\'}}, 0, 0)',\n            '-webkit-transform': 'translate3d(${{ ($D + $d)/w * 100 + \\'%\\'}}, 0, 0)'\n        };\n    }\n    /* WMS-18031 | On Tab Switch | Remove the Focus on the Existing Tab Contents */\n    private clearContentFocus() {\n        let activeTab = this._$el.find('>.tab-pane.active');\n        if(activeTab.length && activeTab.find(document.activeElement).length){\n            (document.activeElement as HTMLElement).blur();\n        }\n    }\n    public transitionTabIntoView() {\n        const {activeTabIndex, noOfTabs, panes} = this.calibrate();\n        const maxWidth = `${noOfTabs * 100}%`;\n        setCSSFromObj(this._$el[0], {maxWidth: maxWidth, width: maxWidth});\n        addClass(this.tabs.getNativeElement(), 'has-transition');\n        const width = `${100 / noOfTabs}%`;\n        panes.forEach(p => {\n            setCSS(p as any, 'width', width);\n        });\n        setCSS(this._$el[0], 'transform', `translate3d(${-1 *  activeTabIndex / noOfTabs * 100}%, 0, 0)`);\n    }\n\n    public onUpper($event?: Event) {\n        this.tabs.prev($event);\n        $appDigest();\n    }\n\n    public onLower($event?: Event) {\n        this.tabs.next($event);\n        $appDigest();\n    }\n\n    public threshold() {\n        return 5;\n    }\n}\n","import { isMobileApp } from '@wm/core';\n\nimport { PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    const props = new Map(\n        [\n            ['class', PROP_STRING],\n            ['dataset', PROP_ANY],\n            ['defaultpaneindex', {value: 0, ...PROP_NUMBER}],\n            ['justified', PROP_BOOLEAN],\n            ['tabsposition', {value: 'top', ...PROP_STRING}],\n            ['name', PROP_STRING],\n            ['nodatamessage', {value: 'No Data Found', ... PROP_STRING}],\n            ['show', {value: true, ...PROP_BOOLEAN}],\n            ['statehandler', {value: 'none', ...PROP_STRING}],\n            ['transition', PROP_STRING],\n            ['type', PROP_STRING]\n        ]\n    );\n    if (isMobileApp()) {\n        props.set('transition', {value: 'slide', ...PROP_STRING});\n    }\n    register('wm-tabs', props);\n};\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-tabpane',\n        new Map(\n            [\n                ['active', PROP_BOOLEAN], // internal property\n                ['badgevalue', PROP_STRING],\n                ['badgetype', {value: 'default', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['content', PROP_STRING],\n                ['disabled', PROP_BOOLEAN],\n                ['dynamicPaneIndex', PROP_NUMBER], // internal property\n                ['heading', PROP_STRING],\n                ['isdefaulttab', PROP_STRING],\n                ['isdynamic', PROP_BOOLEAN], // internal property\n                ['name', PROP_STRING],\n                ['paneicon', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['smoothscroll', {value: false, ...PROP_BOOLEAN}],\n                ['title', {value: 'Tab Title', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { AfterViewInit, Attribute, Component, ContentChildren, HostBinding, Injector, OnInit } from '@angular/core';\n\nimport { noop, removeAttr } from '@wm/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, RedrawableDirective, styler, StylableComponent } from '@wm/components/base';\nimport { registerProps } from './tab-pane.props';\nimport { TabsComponent } from '../tabs.component';\n\nconst DEFAULT_CLS = 'tab-pane';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-tabpane',\n    hostClass: DEFAULT_CLS\n};\n\n@Component({\n    selector: 'div[wmTabPane]',\n    templateUrl: './tab-pane.component.html',\n    providers: [\n        provideAsWidgetRef(TabPaneComponent)\n    ]\n})\nexport class TabPaneComponent extends StylableComponent implements OnInit, AfterViewInit {\n    static initializeProps = registerProps();\n\n    private _isFirstLoad: boolean = true;\n\n    public $lazyLoad = noop;\n    public name: string;\n    public show: boolean;\n    public smoothscroll: any;\n    private isdynamic: boolean;\n\n    @HostBinding('class.active') isActive = false;\n    @HostBinding('class.disabled') disabled = false;\n\n    // reference to the components which needs a redraw(eg, grid, chart) when the height of this component changes\n    @ContentChildren(RedrawableDirective, {descendants: true}) reDrawableComponents;\n\n    constructor(\n        inj: Injector,\n        private tabsRef: TabsComponent,\n        @Attribute('heading') public heading,\n        @Attribute('title') public title\n    ) {\n        super(inj, WIDGET_CONFIG);\n\n        // title property here serves the purpose of heading.\n        // TODO: make it common for all the widget.\n        removeAttr(this.nativeElement, 'title');\n    }\n\n    // parent tabs component will call this method for the order of callbacks to be proper\n    // order of callbacks - deselect, select, change\n    public invokeOnSelectCallback($event?: Event) {\n        this.invokeEventCallback('select', {$event});\n    }\n\n    public select($event?: Event) {\n        // When called programatically $event won't be available\n        if (this.isActive || this.disabled) {\n            return;\n        }\n\n        this.isActive = true;\n        this.$lazyLoad();\n        this.redrawChildren();\n        this.notifyParent($event);\n    }\n\n    tabpaneHeaderClick($event, paneIndex) {\n        this.invokeEventCallback('headerclick', {$event, paneIndex});\n    }\n\n    public deselect() {\n        if (this.isActive) {\n            this.isActive = false;\n            this.invokeEventCallback('deselect');\n        }\n    }\n\n    public remove() {\n        if (this.isActive) {\n            this === this.tabsRef.panes.last ? this.tabsRef.prev() : this.tabsRef.next();\n        }\n        const availablePanes = this.tabsRef.panes.toArray();\n        availablePanes.splice((this as any).tabsRef.getPaneIndexByRef(this), 1);\n        this.tabsRef.panes.reset([...availablePanes]);\n        this.nativeElement.remove();\n        this.tabsRef.$element.find(`.tab-header[data-paneid='${this.$element.attr('widget-id')}'] a`).remove();\n    }\n\n    private redrawChildren() {\n        setTimeout(() => {\n            if (this.reDrawableComponents) {\n                this.reDrawableComponents.forEach(c => c.redraw());\n            }\n        }, 100);\n    }\n\n    private notifyParent(evt?: Event) {\n        this.tabsRef.notifyChange(this, evt);\n    }\n\n    // select next valid tab\n    private handleSwipeLeft() {\n        this.tabsRef.next();\n    }\n\n    // select prev valid tab\n    private handleSwipeRight() {\n        this.tabsRef.prev();\n    }\n\n    // select event is called manually\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'select') {\n            super.handleEvent(this.nativeElement, eventName, callback, locals);\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'content') {\n            if (this.isActive) {\n                setTimeout(() => this.$lazyLoad(), 100);\n            }\n        } else if (key === 'show') {\n            // overridding the base component show propertyChangeHandler\n            this.nativeElement.hidden = !nv;\n            // setting default tab pane on pageload whenever show property is bindable\n            if (this._isFirstLoad) {\n                (this as any).tabsRef.selectDefaultPaneByIndex((this as any).tabsRef.defaultpaneindex);\n            } else if (!nv && this.isActive) {\n                (this as any).tabsRef.next();\n            } else if (nv || !this.isActive) {\n                (this as any).tabsRef.tabsAnimator?.transitionTabIntoView();\n            }\n            this._isFirstLoad = false;\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        this.title = this.title || this.heading;\n    }\n\n    ngAfterViewInit() {\n        styler(\n            this.nativeElement.querySelector('.tab-body') as HTMLElement,\n            this,\n            APPLY_STYLES_TYPE.CONTAINER\n        );\n        super.ngAfterViewInit();\n        if (this.isdynamic) {\n            this.tabsRef.registerDynamicTab(this);\n        }\n    }\n}\n","import { AfterContentInit, AfterViewInit, Attribute, Component, ContentChildren, Injector, OnInit, QueryList } from '@angular/core';\n\nimport { addClass, appendNode, DynamicComponentRefProvider, noop, removeClass, StatePersistence } from '@wm/core';\nimport {\n    APPLY_STYLES_TYPE,\n    IWidgetConfig,\n    provideAsWidgetRef,\n    styler,\n    StylableComponent,\n    createArrayFrom\n} from '@wm/components/base';\n\nimport { TabsAnimator } from './tabs.animator';\nimport { registerProps } from './tabs.props';\nimport { TabPaneComponent } from './tab-pane/tab-pane.component';\n\ndeclare const _, $;\n\nconst DEFAULT_CLS = 'app-tabs clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-tabs',\n    hostClass: DEFAULT_CLS\n};\n\n@Component({\n    selector: 'div[wmTabs]',\n    templateUrl: './tabs.component.html',\n    exportAs: 'wmTabs',\n    providers: [\n        provideAsWidgetRef(TabsComponent)\n    ]\n})\nexport class TabsComponent extends StylableComponent implements AfterContentInit, OnInit, AfterViewInit {\n    static initializeProps = registerProps();\n\n    public defaultpaneindex: number;\n    public transition: string;\n    public tabsposition: string;\n    public statehandler: any;\n    private statePersistence: StatePersistence;\n\n    public vertical: boolean;\n    public justified: boolean;\n    private activeTab: TabPaneComponent;\n    private readonly promiseResolverFn: Function;\n    private tabsAnimator: TabsAnimator;\n    private _oldPaneIndex: number;\n    private isPageLoadCall: boolean;\n    private dynamicComponentProvider;\n    private _dynamicContext;\n    private dynamicPaneIndex;\n    public dynamicTabs;\n    public fieldDefs;\n    public type;\n    public nodatamessage;\n\n    @ContentChildren(TabPaneComponent) panes: QueryList<TabPaneComponent>;\n\n    constructor(\n        inj: Injector,\n        dynamicComponentProvider: DynamicComponentRefProvider,\n        @Attribute('transition') _transition: string,\n        @Attribute('tabsposition') _tabsPosition: string,\n        statePersistence: StatePersistence,\n    ) {\n        // handle to the promise resolver\n        let resolveFn: Function = noop;\n        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));\n\n        this.transition = _transition;\n        this.tabsposition = _tabsPosition;\n        this.statePersistence = statePersistence;\n        this.dynamicComponentProvider = dynamicComponentProvider;\n        this.dynamicTabs = [];\n        this.dynamicPaneIndex = 0;\n\n        this.promiseResolverFn = resolveFn;\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n\n    }\n\n    animateIn (element: HTMLElement) {\n        const tabHeader = $(element);\n        // when the animation is not present toggle the active class.\n        tabHeader.siblings('.active').removeClass('active');\n        tabHeader.addClass('active');\n\n        const ul = this.nativeElement.querySelector('ul.nav.nav-tabs');\n\n        // move the tabheader into the viewport\n        const $prevHeaderEle = tabHeader.prev();\n        if ($prevHeaderEle.length) {\n            ul.scrollLeft = $prevHeaderEle[0].offsetLeft;\n        } else {\n            ul.scrollLeft = 0;\n        }\n    }\n\n    /**\n     * This method is used to register the dynamic panes.\n     * After all panes are initialzed, update the querylist manually based on index.\n     * @param paneRef - refrence of the tabpane\n     */\n    public registerDynamicTab(paneRef) {\n        this.dynamicTabs.push(paneRef);\n        const isLastPane =  this.dynamicTabs.length === this.dynamicPaneIndex;\n        if (isLastPane) {\n            for (let i = 0; i < this.dynamicTabs.length; i++) {\n                const newPaneRef  = _.find(this.dynamicTabs, pane => pane.dynamicPaneIndex === i);\n                const isPaneAlreadyExist = _.find(this.panes.toArray(), newPaneRef);\n                if (!isPaneAlreadyExist) {\n                    this.panes.reset([...this.panes.toArray(), newPaneRef]);\n                    if (newPaneRef.active) {\n                        setTimeout(() => {\n                            newPaneRef.select();\n                        }, 20);\n                    }\n                }\n            }\n        }\n    }\n\n    /**\n     * This method is to add the tabpane dynamically\n     * @param tabpanes - list of tabpanes\n     */\n    public addPane(tabpanes) {\n        if (!_.isArray(tabpanes)) {\n            tabpanes = [tabpanes];\n        }\n        const paneNamesList = [];\n        _.forEach(tabpanes, (pane, index) => {\n            const isPaneAlreadyCreated = _.find(this.panes.toArray(), {name: pane.name});\n            const isPaneNameExist = _.indexOf(paneNamesList, pane.name);\n            // If user tries to add tabpane with the same name which is already exists then do not create the pane\n            if (isPaneAlreadyCreated || isPaneNameExist > 0) {\n                console.warn(`The tab pane with name ${pane.name} already exists`);\n                return;\n            }\n\n            let paramMarkup = '';\n            let propsTmpl = '';\n            this.dynamicPaneIndex++;\n            const name = pane.name ? pane.name : `tabpane${this.panes.toArray().length + (index + 1)}`;\n            paneNamesList.push(name);\n            const partialParams = _.get(pane, 'params');\n\n            _.forEach(pane, (value, key) => {\n                if (key !== 'params') {\n                    propsTmpl = `${propsTmpl} ${key}=\"${value}\"`;\n                }\n            });\n\n            _.forEach(partialParams, (value, key) => {\n                paramMarkup = `${paramMarkup} <wm-param name=\"${key}\" value=\"${value}\"></wm-param>`;\n            });\n            const markup = `<wm-tabpane dynamicPaneIndex=\"${this.dynamicPaneIndex - 1}\" isdynamic=\"true\" name=\"${name}\" ${propsTmpl}>\n                            ${paramMarkup}\n                        </wm-tabpane>`;\n\n            if (!this._dynamicContext) {\n                this._dynamicContext = Object.create(this.viewParent);\n                this._dynamicContext[this.getAttr('wmTab')] = this;\n            }\n\n            this.dynamicComponentProvider.addComponent(this.getNativeElement().querySelector('.tab-content'), markup, this._dynamicContext, {inj: this.inj});\n\n        });\n        return paneNamesList;\n    }\n\n    /**\n     * This method is to remove the tabpane\n     * @param paneIndex - index of the pane\n     */\n    public removePane(paneName) {\n        const paneRef = this.getPaneRefByName(paneName);\n        if (paneRef) {\n            paneRef.remove();\n        }\n    }\n\n    /**\n     * TabPane children components invoke this method to communicate with the parent\n     * if the evt argument is defined on-change callback will be invoked.\n     */\n    public notifyChange(paneRef: TabPaneComponent, evt: Event) {\n        if (!this.isSelectableTab(paneRef)) {\n            return;\n        }\n\n        let headerElement;\n        // invoke deselect event callback on the preset active tab\n        if (!_.isEmpty(this.activeTab)) {\n            this.activeTab.deselect();\n        }\n\n\n        this.activeTab = paneRef.getWidget();\n        const newPaneIndex = this.getPaneIndexByRef(paneRef);\n        const mode = this.statePersistence.computeMode(this.statehandler);\n        if (!this.isPageLoadCall && mode && mode.toLowerCase() !== 'none') {\n            this.statePersistence.setWidgetState(this, this.activeTab.name);\n        } else {\n            this.defaultpaneindex = this.getPaneIndexByRef(paneRef);\n            this.isPageLoadCall = false;\n        }\n\n        // invoke select callback on the selected tab\n        paneRef.invokeOnSelectCallback(evt);\n\n        // invoke change callback if the evt is present, select a tab programmatically will not have the event\n        if (evt) {\n            this.invokeEventCallback('change', {\n                $event: evt,\n                newPaneIndex: newPaneIndex,\n                oldPaneIndex: this._oldPaneIndex || 0\n            });\n        }\n        this._oldPaneIndex = newPaneIndex;\n\n        if (evt) {\n            headerElement = $(evt.target as HTMLElement).closest('li.tab-header');\n        }\n        if (!evt || !headerElement || !headerElement.length) {\n            headerElement = this.nativeElement.querySelector(`li[data-paneid=${paneRef.widgetId}]`);\n            const insideTabs = !!$(headerElement).closest('.app-tabs')\n                .parent().closest('.app-tabs').length;\n            if (!insideTabs) { \n                $(headerElement).children().focus();\n            }\n        }\n        this.animateIn(headerElement);\n\n        // this.setTabsLeftPosition(this.getPaneIndexByRef(this.activeTab), this.panes.length);\n        if (this.canSlide()) {\n            if (!this.tabsAnimator) {\n                this.tabsAnimator = new TabsAnimator(this);\n                this.tabsAnimator.setGesturesEnabled(this.canSlide());\n            }\n            this.tabsAnimator.transitionTabIntoView();\n        }\n    }\n\n    public goToTab(tabIndex) {\n        if (this.isValidPaneIndex(tabIndex - 1)) {\n            const tab = this.getPaneRefByIndex(tabIndex - 1);\n            tab.select();\n        }\n    }\n\n    private getPaneIndexByRef(paneRef: TabPaneComponent): number {\n        return this.panes.toArray().indexOf(paneRef);\n    }\n\n    // Returns the active tab index from tabs.\n    public getActiveTabIndex(): number {\n        return _.findIndex(this.panes.toArray(), {isActive: true});\n    }\n\n    private isValidPaneIndex(index: number): boolean {\n        return (index >= 0 && index < this.panes.length);\n    }\n\n    private getPaneRefByIndex(index: number): TabPaneComponent {\n        return this.panes.toArray()[index];\n    }\n\n    private getPaneRefByName(name: string): TabPaneComponent {\n        return _.find(this.panes.toArray(), {name: name});\n    }\n\n    // returns false if the pane is hidden or disabled\n    private isSelectableTab(paneRef: TabPaneComponent): boolean {\n        return paneRef.show && !paneRef.disabled;\n    }\n\n    private canSlide() {\n        return this.transition === 'slide' && !this.vertical;\n    }\n\n    private getSelectableTabAfterIndex(index: number): TabPaneComponent {\n        for (let i = index + 1; i < this.panes.length; i++) {\n            const pane = this.getPaneRefByIndex(i);\n            if (this.isSelectableTab(pane)) {\n                return pane;\n            }\n        }\n        if (index === this.panes.length - 1) {\n            const pane = this.getPaneRefByIndex(0);\n             if (this.isSelectableTab(pane)) {\n                return pane;\n             }\n        }\n    }\n\n    private getSelectableTabBeforeIndex(index: number): TabPaneComponent {\n        for (let i = index - 1; i >= 0; i--) {\n            const pane = this.getPaneRefByIndex(i);\n            if (this.isSelectableTab(pane)) {\n                return pane;\n            }\n        }\n        if (index === 0) {\n            const pane = this.getPaneRefByIndex(this.panes.length - 1);\n            if (this.isSelectableTab(pane)) {\n                return pane;\n            }\n        }\n    }\n\n    // select next tab relative to the current active tab\n    public next($event?: Event) {\n        const pane = this.getSelectableTabAfterIndex(this.getActiveTabIndex());\n        if (pane) {\n            pane.select($event);\n        }\n    }\n\n    // select prev tab relative to the current active tab\n    public prev($event?: Event) {\n        const pane = this.getSelectableTabBeforeIndex(this.getActiveTabIndex());\n        if (pane) {\n            pane.select($event);\n        }\n    }\n\n    /**\n     * this method will be invoked during the initialization of the component and on defaultpaneindex property change,\n     * if the provided defaultpaneindex is not valid, find the first pane index which can be shown and select it\n     */\n    private selectDefaultPaneByIndex(index: number) {\n        if (!this.isValidPaneIndex(index)) {\n            return;\n        }\n\n        let paneRef = this.getPaneRefByIndex(index);\n        if (!this.isSelectableTab(paneRef)) {\n            paneRef = this.getSelectableTabAfterIndex(0);\n        }\n        if (paneRef) {\n            paneRef.select();\n        }\n    }\n\n    // update the postion of tab header\n    private setTabsPosition() {\n        const ul = this.nativeElement.children[0];\n\n        this.vertical = (this.tabsposition === 'left' || this.tabsposition === 'right');\n\n        removeClass(this.nativeElement, 'inverted');\n        if (this.tabsposition === 'bottom' || this.tabsposition === 'right') {\n            appendNode(ul as HTMLElement, this.nativeElement);\n            addClass(this.nativeElement, 'inverted');\n        }\n    }\n\n    private onDataChange(newVal) {\n        this.fieldDefs = createArrayFrom(newVal);\n        setTimeout(() => this.selectDefaultPaneByIndex(this.defaultpaneindex || 0));\n    }\n\n    onPropertyChange(key: string, nv: any, ov) {\n\n        if (key === 'defaultpaneindex') {\n            this.defaultpaneindex = nv;\n        } else if (key === 'dataset') {\n            this.onDataChange(nv);\n        } else if (key === 'statehandler') {\n            this.isPageLoadCall = true;\n            const widgetState = this.statePersistence.getWidgetState(this);\n            if (nv !== 'none' && widgetState) {\n                const paneToSelect: any = this.panes.filter(function(pane) {\n                    return widgetState === pane.name;\n                });\n                if (!paneToSelect.length) {\n                    console.warn('Tab pane name ' + widgetState + ' in State is incorrect. Falling back to the default pane');\n                    setTimeout(() => this.selectDefaultPaneByIndex(this.defaultpaneindex || 0), 20);\n                } else {\n                    const index = this.getPaneIndexByRef(paneToSelect[0]);\n                    setTimeout(() => this.selectDefaultPaneByIndex(index), 20);\n                }\n            } else {\n                setTimeout(() => this.selectDefaultPaneByIndex(this.defaultpaneindex || 0), 20);\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    registerTabsScroll() {\n        setTimeout(() => {\n            const $ul = this.$element.find('> ul');\n            let $liPosition;\n\n            const  $li = $ul.children();\n            $liPosition = $li.last().position();\n            if ($liPosition && ($liPosition.left > $ul.width())) {\n                $ul.on('mousewheel', (e) => {\n                    const left = $ul[0].scrollLeft,\n                        _delta = -1 * e.originalEvent.wheelDelta;\n                    e.stopPropagation();\n                    e.preventDefault();\n                    $ul.animate({scrollLeft: left + _delta}, {'duration': 10});\n                });\n            }\n        });\n    }\n    onkeydown(event) {\n        switch (event.key) {\n            case 'ArrowLeft':\n            case 'ArrowUp':\n                this.prev();\n                event.preventDefault();\n                break;\n\n            case 'ArrowRight':\n            case 'ArrowDown':\n                this.next();\n                event.preventDefault();\n                break;\n            default:\n                break;\n        }\n    }\n\n    ngAfterContentInit() {\n        this.promiseResolverFn();\n        super.ngAfterContentInit();\n        this.setTabsPosition();\n        this.panes.changes.subscribe( slides => {\n            if (this.panes.length) {\n                this.selectDefaultPaneByIndex(this.defaultpaneindex || 0);\n            }\n        });\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        this.registerTabsScroll();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { TabsComponent } from './tabs.component';\nimport { TabPaneComponent } from './tab-pane/tab-pane.component';\n\nconst components = [\n    TabPaneComponent,\n    TabsComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components],\n    entryComponents: []\n})\nexport class TabsModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {registerProps as ɵb} from './tab-pane/tab-pane.props';\nexport {registerProps as ɵa} from './tabs.props';"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}

app-ng-runtime/components/containers/tabs/tabs.animator.d.ts

@@ -3,8 +3,12 @@ import { TabsComponent } from './tabs.component';
 export declare class TabsAnimator extends SwipeAnimation {
     private tabs;
     private _$el;
-    private _noOfTabs;
     constructor(tabs: TabsComponent);
+    calibrate(): {
+        activeTabIndex: number;
+        noOfTabs: number;
+        panes: any[];
+    };
     bounds(): {
         strict: boolean;
         lower: number;

app-ng-runtime/components/containers/wizard/bundles/index.umd.js

@@ -346,7 +346,8 @@
             ['doneiconclass', Object.assign({ value: 'wi wi-done' }, base.PROP_STRING)],
             ['name', base.PROP_STRING],
             ['show', Object.assign({ value: true }, base.PROP_BOOLEAN)],
-            ['title', Object.assign({ value: 'Step Title' }, base.PROP_STRING)]
+            ['title', Object.assign({ value: 'Step Title' }, base.PROP_STRING)],
+            ['subtitle', base.PROP_STRING]
         ]));
     };
 
@@ -670,6 +671,7 @@
                     this.setDefaultStep(step);
                 }
             }
+            this.addMoreText();
         };
         /**
          * Selects the associated step when the wizard header is clicked.
@@ -694,6 +696,7 @@
                 // set the selected step as current step and make it active
                 this.currentStep = currentStep;
                 this.currentStep.active = true;
+                this.addMoreText();
             }
         };
         // Method to navigate to next step
@@ -722,6 +725,7 @@
                 nextStep.active = true;
                 this.currentStep = nextStep;
             }
+            this.addMoreText();
         };
         // Method to navigate to previous step
         WizardComponent.prototype.prev = function () {
@@ -740,6 +744,7 @@
                 prevStep.active = true;
                 this.currentStep = prevStep;
             }
+            this.addMoreText();
         };
         WizardComponent.prototype.skip = function () {
             this.next('skip');
@@ -753,6 +758,37 @@
         WizardComponent.prototype.cancel = function () {
             this.invokeEventCallback('cancel', { steps: this.steps.toArray() });
         };
+        WizardComponent.prototype.addMoreText = function () {
+            setTimeout(function () {
+                var newWindowWidth = $(window).width();
+                if (newWindowWidth < 768) {
+                    $(".app-wizard-step.current .subtitle-wrapper .step-title").css({ "height": "auto", "display": "block" });
+                    var subtitleTextLength = $(".app-wizard-step.current .subtitle-wrapper .step-title").height();
+                    $(".read_more").css("display", "none");
+                    $(".current .subtitle-wrapper").removeClass("readmore_subtitle");
+                    if (subtitleTextLength > 44) {
+                        $(".app-wizard-step.current .subtitle-wrapper .step-title").css({ "height": "44px", "display": "-webkit-box" });
+                        $(".current .read_more").css("display", "block");
+                        $(".active .read_more").css("display", "none");
+                        $(".disable .read_more").css("display", "none");
+                        $(".app-wizard-step>a").css("height", "100px");
+                    }
+                }
+            });
+        };
+        WizardComponent.prototype.readMoreSubtitle = function () {
+            $(".current .subtitle-wrapper").addClass("readmore_subtitle");
+            $(".current .read_more").css("display", "none");
+            $(document).on("mouseup", function (e) {
+                var container = $(".subtitle-wrapper");
+                // if the target of the click isn't the container nor a descendant of the container
+                if (!container.is(e.target) && container.has(e.target).length === 0) {
+                    $(".current .subtitle-wrapper").removeClass("readmore_subtitle");
+                    $(".current .read_more").css("display", "block");
+                    $(document).off("mouseup");
+                }
+            });
+        };
         WizardComponent.prototype.isFirstStep = function (stepRef) {
             return this.steps.first === stepRef;
         };
@@ -779,6 +815,11 @@
         WizardComponent.prototype.ngAfterViewInit = function () {
             _super.prototype.ngAfterViewInit.call(this);
             base.styler(this.nativeElement.querySelector('.panel-body'), this, base.APPLY_STYLES_TYPE.INNER_SHELL);
+            setTimeout(function () {
+                if ($(window).width() < 768) {
+                    $(".app-wizard").removeClass("vertical");
+                }
+            });
         };
         return WizardComponent;
     }(base.StylableComponent));
@@ -786,7 +827,7 @@
     WizardComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'div[wmWizard]',
-                    template: "<div class=\"app-wizard-heading\" role=\"tab\">\n    <ul class=\"app-wizard-steps nav nav-pills {{stepClass}}\">\n        <li class=\"app-wizard-step\" *ngFor=\"let step of steps; let i = index\" [hidden]=\"!step.show\"\n            [ngClass]=\"{active: step.done, current: step.active, disabled: step.disabled}\"\n            (click)=\"onWizardHeaderClick($event, step)\">\n            <a href=\"javascript:void(0)\" [attr.aria-label]=\"step.title\" [attr.title]=\"step.title\">\n                <span class=\"arrow\" *ngIf=\"class && class.includes('classic')\"></span>\n                <span class=\"wizard-step-number\">\n                    <span class=\"count\" *ngIf=\"class && class.includes('number') && !step.isDone\">{{i+1}}</span>\n                    <i class=\"dottedstepper\" *ngIf=\"class && (class.includes('dottedstepper') || class.includes('text-inline') && !class.includes('iconstepper')) && !step.isDone\"></i>\n                    <i class=\"app-icon wi wi-done\" *ngIf=\"class && (class.includes('dottedstepper') || class.includes('number')) && step.isDone\"></i>\n                    <i class=\"app-icon {{step.iconclass}}\" *ngIf=\"(class && class.includes('iconstepper')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===''))\"></i>\n                    <i class=\"app-icon {{step.doneiconclass}}\" *ngIf=\"step.doneiconclass && step.isDone && (class && class.includes('iconstepper'))\"></i>\n                </span>\n                <span class=\"title-wrapper\">\n                    <span *ngIf=\"class && class.includes('text-inline')\">{{'0' + (i+1)}}</span>\n                    <span class=\"step-title\" [textContent]=\"step.title\"></span>\n                </span>\n            </a>\n        </li>\n    </ul>\n</div>\n<div class=\"app-wizard-body panel-body\" role=\"tabpanel\">\n    <p wmMessage *ngIf=\"message.caption\" caption.bind=\"message.caption\" type.bind=\"message.type\"></p>\n    <ng-content ngProjectAs=\"form[wmWizardStep]\"></ng-content>\n</div>\n<div class=\"app-wizard-actions panel-footer {{actionsalignment}}\">\n    <a class=\"app-wizard-skip\" name=\"skipStep_{{name}}\" *ngIf=\"currentStep?.enableskip\" title=\"Skip step\" (click)=\"skip()\">Skip &raquo;</a>\n    <div class=\"app-wizard-actions-right\">\n        <button type=\"button\" name=\"cancelBtn_{{name}}\" class=\"btn app-button btn-default\" *ngIf=\"cancelable\"\n                (click)=\"cancel()\" [title]=\"cancelbtnlabel\" [textContent]=\"cancelbtnlabel\"></button>\n        <button type=\"button\" name=\"previousBtn_{{name}}\" class=\"btn app-button btn-default\"\n                *ngIf=\"hasPrevStep\" (click)=\"prev()\" [disabled]=\"!enablePrev\">\n            <i class=\"app-icon wi wi-chevron-left\"></i>\n            <span class=\"btn-caption\" [textContent]=\"previousbtnlabel\"></span>\n        </button>\n        <button type=\"button\" name=\"nextBtn_{{name}}\" class=\"btn app-button btn-primary\"\n                *ngIf=\"hasNextStep\" (click)=\"next()\" [disabled]=\"!enableNext\">\n            <span class=\"btn-caption\" [textContent]=\"nextbtnlabel\"></span>\n            <i class=\"app-icon wi wi-chevron-right\"></i>\n        </button>\n        <button type=\"button\" name=\"doneBtn_{{name}}\" class=\"btn app-button btn-success\"\n                *ngIf=\"showDoneBtn\" (click)=\"done()\"\n                [disabled]=\"!enableDone\">\n            <i class=\"app-icon wm-sl-l sl-check\"></i>\n            <span class=\"btn-caption\" [textContent]=\"donebtnlabel\"></span>\n        </button>\n    </div>\n</div>\n",
+                    template: "<div class=\"app-wizard-heading\" role=\"tab\">\n    <ul class=\"app-wizard-steps nav nav-pills {{stepClass}}\">\n        <li class=\"app-wizard-step\" *ngFor=\"let step of steps; let i = index\" [hidden]=\"!step.show\"\n            [ngClass]=\"{active: step.done, current: step.active, disabled: step.disabled}\"\n            (click)=\"onWizardHeaderClick($event, step)\">\n            <a href=\"javascript:void(0)\" [attr.aria-label]=\"step.title\" [attr.title]=\"step.title\" [ngClass]=\"{'title-center-align':class && class.includes('classic') && !step.subtitle}\">\n                <span class=\"arrow\" *ngIf=\"class && class.includes('classic')\"></span>\n                <span class=\"wizard-step-number\">\n                    <span class=\"count\" *ngIf=\"class && class.includes('number') && !step.isDone\">{{i+1}}</span>\n                    <i class=\"dottedstepper\" *ngIf=\"class && (class.includes('dottedstepper') || class.includes('text-inline') && !class.includes('iconstepper')) && !step.isDone\"></i>\n                    <i class=\"app-icon wi wi-done\" *ngIf=\"class && (class.includes('dottedstepper') || class.includes('number')) && step.isDone\"></i>\n                    <i class=\"app-icon {{step.iconclass}}\" *ngIf=\"(class && class.includes('iconstepper')) && ((step.iconclass && !step.isDone) || (step.iconclass && step.isDone && step.doneiconclass ===''))\"></i>\n                    <i class=\"app-icon {{step.doneiconclass}}\" *ngIf=\"step.doneiconclass && step.isDone && (class && class.includes('iconstepper'))\"></i>\n                </span>\n                <span class=\"title-wrapper\">\n                    <span *ngIf=\"class && class.includes('text-inline')\">{{'0' + (i+1)}}</span>\n                    <span class=\"step-title\" [textContent]=\"step.title\"></span>\n                </span>\n                <span class=\"subtitle-wrapper\" [attr.title]=\"step.subtitle\" *ngIf=\"step.subtitle\">\n                    <span class=\"step-title\" [textContent]=\"step.subtitle\"></span>\n                    <a class=\"read_more\" (click)=\"readMoreSubtitle()\" style=\"display:none\">more</a>\n                </span>\n            </a>    \n        </li>\n    </ul>\n</div>\n<div class=\"app-wizard-body panel-body\" role=\"tabpanel\">\n    <p wmMessage *ngIf=\"message.caption\" caption.bind=\"message.caption\" type.bind=\"message.type\"></p>\n    <ng-content ngProjectAs=\"form[wmWizardStep]\"></ng-content>\n</div>\n<div class=\"app-wizard-actions panel-footer {{actionsalignment}}\">\n    <a class=\"app-wizard-skip\" name=\"skipStep_{{name}}\" *ngIf=\"currentStep?.enableskip\" title=\"Skip step\" (click)=\"skip()\">Skip &raquo;</a>\n    <div class=\"app-wizard-actions-right\">\n        <button type=\"button\" name=\"cancelBtn_{{name}}\" class=\"btn app-button btn-default\" *ngIf=\"cancelable\"\n                (click)=\"cancel()\" [title]=\"cancelbtnlabel\" [textContent]=\"cancelbtnlabel\"></button>\n        <button type=\"button\" name=\"previousBtn_{{name}}\" class=\"btn app-button btn-default\"\n                *ngIf=\"hasPrevStep\" (click)=\"prev()\" [disabled]=\"!enablePrev\">\n            <i class=\"app-icon wi wi-chevron-left\"></i>\n            <span class=\"btn-caption\" [textContent]=\"previousbtnlabel\"></span>\n        </button>\n        <button type=\"button\" name=\"nextBtn_{{name}}\" class=\"btn app-button btn-primary\"\n                *ngIf=\"hasNextStep\" (click)=\"next()\" [disabled]=\"!enableNext\">\n            <span class=\"btn-caption\" [textContent]=\"nextbtnlabel\"></span>\n            <i class=\"app-icon wi wi-chevron-right\"></i>\n        </button>\n        <button type=\"button\" name=\"doneBtn_{{name}}\" class=\"btn app-button btn-success\"\n                *ngIf=\"showDoneBtn\" (click)=\"done()\"\n                [disabled]=\"!enableDone\">\n            <i class=\"app-icon wm-sl-l sl-check\"></i>\n            <span class=\"btn-caption\" [textContent]=\"donebtnlabel\"></span>\n        </button>\n    </div>\n</div>\n",
                     providers: [
                         base.provideAsWidgetRef(WizardComponent)
                     ]