ngx-tabset/bundles/ngx-tabset.umd.min.js

A very simple library to let you create some tabs

!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?factory(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],factory):factory((global.ng=global.ng||{},global.ng.ngxTabset={}),global.ng.core,global.ng.common)}(this,function(exports,core,common){"use strict";/**
 * @license ngx-tabset
 * MIT license
 */
var TabComponent=function(){function TabComponent(){this.active=!1,this.disabled=!1,this.bypassDOM=!1,this.customPaneClass=""}return TabComponent.decorators=[{type:core.Component,args:[{selector:"ngx-tab",template:'\n    <div *ngIf="active"\n         class="pane"\n         [ngClass]="customPaneClass">\n      <div *ngIf="bypassDOM">\n        <ng-container [ngTemplateOutlet]="template"></ng-container>\n      </div>\n      <div *ngIf="!bypassDOM">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  '}]}],TabComponent.ctorParameters=function(){return[]},TabComponent.propDecorators={tabTitle:[{type:core.Input}],tabSubTitle:[{type:core.Input}],active:[{type:core.Input}],disabled:[{type:core.Input}],bypassDOM:[{type:core.Input}],customPaneClass:[{type:core.Input}],template:[{type:core.ContentChild,args:[core.TemplateRef]}]},TabComponent}(),TabsetComponent=function(){function TabsetComponent(){this.disableStyle=!1,this.customNavClass="",this.customTabsClass="",this.onSelect=new core.EventEmitter}return TabsetComponent.prototype.ngAfterContentInit=function(){0===this.tabs.filter(function(tab){return tab.active}).length&&this.selectTab(this.tabs.first)},TabsetComponent.prototype.selectTab=function(tabToSelect){!0!==tabToSelect.disabled&&!0!==tabToSelect.active&&(this.tabs.toArray().forEach(function(tab){return tab.active=!1}),tabToSelect.active=!0,this.onSelect.emit(this.tabs.toArray().indexOf(tabToSelect)))},TabsetComponent.decorators=[{type:core.Component,args:[{selector:"ngx-tabset",template:'\n    <ul class="nav-tabset"\n        [class.disable-style]="disableStyle"\n        [ngClass]="customNavClass">\n      <li *ngFor="let tab of tabs"\n          (click)="selectTab(tab)"\n          class="nav-tab"\n          [class.active]="tab.active"\n          [class.disabled]="tab.disabled">\n        <span>{{ tab.tabTitle }}</span>\n        <span *ngIf="!!tab.tabSubTitle" class="tab-subtitle">{{ tab.tabSubTitle }}</span>\n      </li>\n    </ul>\n    <div class="tabs-container"\n         [ngClass]="customTabsClass">\n      <ng-content></ng-content>\n    </div>\n  '}]}],TabsetComponent.ctorParameters=function(){return[]},TabsetComponent.propDecorators={tabs:[{type:core.ContentChildren,args:[TabComponent]}],disableStyle:[{type:core.Input}],customNavClass:[{type:core.Input}],customTabsClass:[{type:core.Input}],onSelect:[{type:core.Output}]},TabsetComponent}(),TabsModule=function(){function TabsModule(){}return TabsModule.forRoot=function(){return{ngModule:TabsModule,providers:[]}},TabsModule.forChild=function(){return{ngModule:TabsModule,providers:[]}},TabsModule.decorators=[{type:core.NgModule,args:[{declarations:[TabComponent,TabsetComponent],exports:[TabComponent,TabsetComponent],imports:[common.CommonModule]}]}],TabsModule.ctorParameters=function(){return[]},TabsModule}();exports.TabsetComponent=TabsetComponent,exports.TabComponent=TabComponent,exports.TabsModule=TabsModule,Object.defineProperty(exports,"__esModule",{value:!0})});