ngc-scrolling-tabs/esm5/lib/scrolling-tab.directive.js

This component is a scrollable responsive tab component build on Angular 8 and Bootstrap 4. The left and right nav buttons will scroll one tab at a time. The component will track what tab is open and re-navigate to the open tab when the screen is refreshe

/**
 * @fileoverview added by tsickle
 * Generated from: lib/scrolling-tab.directive.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Directive, Input, ElementRef, Renderer2, HostBinding } from '@angular/core';
import { ScrollingTabsComponent } from './scrolling-tabs.component';
var ScrollingTabDirective = /** @class */ (function () {
    function ScrollingTabDirective(tabs, elementRef, renderer) {
        this.tabs = tabs;
        this.elementRef = elementRef;
        this.renderer = renderer;
        this.active = false;
    }
    /**
     * @return {?}
     */
    ScrollingTabDirective.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        this.tabs.addTab(this);
        this.renderer.addClass(this.elementRef.nativeElement, 'tab-pane');
        this.renderer.setAttribute(this.elementRef.nativeElement, 'role', 'tabpanel');
    };
    /**
     * @return {?}
     */
    ScrollingTabDirective.prototype.ngOnDestroy = /**
     * @return {?}
     */
    function () {
        this.tabs.removeTab(this);
    };
    /**
     * @return {?}
     */
    ScrollingTabDirective.prototype.getTabClasses = /**
     * @return {?}
     */
    function () {
        return {
            'nav-link': true,
            active: this.active
        };
    };
    ScrollingTabDirective.decorators = [
        { type: Directive, args: [{
                    selector: '[ngcScrollingTab], ngcScrollingTab'
                },] }
    ];
    /** @nocollapse */
    ScrollingTabDirective.ctorParameters = function () { return [
        { type: ScrollingTabsComponent },
        { type: ElementRef },
        { type: Renderer2 }
    ]; };
    ScrollingTabDirective.propDecorators = {
        id: [{ type: Input }],
        title: [{ type: Input }],
        active: [{ type: HostBinding, args: ['class.active',] }, { type: Input }]
    };
    return ScrollingTabDirective;
}());
export { ScrollingTabDirective };
if (false) {
    /** @type {?} */
    ScrollingTabDirective.prototype.id;
    /** @type {?} */
    ScrollingTabDirective.prototype.title;
    /** @type {?} */
    ScrollingTabDirective.prototype.active;
    /**
     * @type {?}
     * @private
     */
    ScrollingTabDirective.prototype.tabs;
    /**
     * @type {?}
     * @private
     */
    ScrollingTabDirective.prototype.elementRef;
    /**
     * @type {?}
     * @private
     */
    ScrollingTabDirective.prototype.renderer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsaW5nLXRhYi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ2Mtc2Nyb2xsaW5nLXRhYnMvIiwic291cmNlcyI6WyJsaWIvc2Nyb2xsaW5nLXRhYi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFxQixXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFeEcsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHcEU7SUFVSSwrQkFBb0IsSUFBNEIsRUFBVSxVQUFzQixFQUFVLFFBQW1CO1FBQXpGLFNBQUksR0FBSixJQUFJLENBQXdCO1FBQVUsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFGcEcsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUV5RixDQUFDOzs7O0lBRWxILHdDQUFROzs7SUFBUjtRQUNJLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ2xFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNsRixDQUFDOzs7O0lBRUQsMkNBQVc7OztJQUFYO1FBQ0ksSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7OztJQUVELDZDQUFhOzs7SUFBYjtRQUNJLE9BQU87WUFDSCxVQUFVLEVBQUUsSUFBSTtZQUNoQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07U0FDdEIsQ0FBQztJQUNOLENBQUM7O2dCQTNCSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLG9DQUFvQztpQkFDakQ7Ozs7Z0JBTFEsc0JBQXNCO2dCQUZKLFVBQVU7Z0JBQUUsU0FBUzs7O3FCQVMzQyxLQUFLO3dCQUNMLEtBQUs7eUJBRUwsV0FBVyxTQUFDLGNBQWMsY0FDMUIsS0FBSzs7SUFvQlYsNEJBQUM7Q0FBQSxBQTVCRCxJQTRCQztTQXpCWSxxQkFBcUI7OztJQUM5QixtQ0FBb0I7O0lBQ3BCLHNDQUF1Qjs7SUFFdkIsdUNBQ3dCOzs7OztJQUVaLHFDQUFvQzs7Ozs7SUFBRSwyQ0FBOEI7Ozs7O0lBQUUseUNBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgRWxlbWVudFJlZiwgUmVuZGVyZXIyLCBPbkluaXQsIE9uRGVzdHJveSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IFNjcm9sbGluZ1RhYnNDb21wb25lbnQgfSBmcm9tICcuL3Njcm9sbGluZy10YWJzLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1tuZ2NTY3JvbGxpbmdUYWJdLCBuZ2NTY3JvbGxpbmdUYWInXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTY3JvbGxpbmdUYWJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgICBASW5wdXQoKSBpZDogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjdGl2ZScpXHJcbiAgICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRhYnM6IFNjcm9sbGluZ1RhYnNDb21wb25lbnQsIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnRhYnMuYWRkVGFiKHRoaXMpO1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICd0YWItcGFuZScpO1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAncm9sZScsICd0YWJwYW5lbCcpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMudGFicy5yZW1vdmVUYWIodGhpcyk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0VGFiQ2xhc3NlcygpIHtcclxuICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgICAnbmF2LWxpbmsnOiB0cnVlLFxyXG4gICAgICAgICAgICBhY3RpdmU6IHRoaXMuYWN0aXZlXHJcbiAgICAgICAgfTtcclxuICAgIH1cclxufVxyXG4iXX0=