angular-tabs-component/dist/index.umd.min.js

A full featured tab component for Angular (2 and above, including 4).

/**
 * angular-tabs-component - A full featured tab component for Angular (2 and above, including 4).
 * @version v1.0.5
 * @author undefined
 * @link undefined
 * @license MIT
 */
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common","@angular/forms"],e):"object"==typeof exports?exports["angular-tabs-component"]=e(require("@angular/core"),require("@angular/common"),require("@angular/forms")):t["angular-tabs-component"]=e(t.ng.core,t.ng.common,t.ng.forms)}(this,function(t,e,n){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=9)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}(n(7))},function(e,n){e.exports=t},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}(n(5))},function(t,e){function n(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var i=o(r);return[n].concat(r.sources.map(function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"})).concat([i]).join("\n")}return[n].join("\n")}function o(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var o=n(e,t);return e[2]?"@media "+e[2]+"{"+o+"}":o}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a};Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),i=n(16),a=n(17),c=n(2),s=n(0),u=function(){function t(){}return t=o([r.NgModule({imports:[i.CommonModule,a.FormsModule],declarations:[c.TabComponent,s.TabsContainer],exports:[c.TabComponent,s.TabsContainer]})],t)}();e.TabModule=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}(n(6))},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0});var i=n(1),a=n(0),c=function(){function t(t){t.addTab(this)}return t.prototype.getTabTitle=function(){return this.tabTitle},o([i.Input(),r("design:type",Boolean)],t.prototype,"active",void 0),o([i.Input(),r("design:type",String)],t.prototype,"tabTitle",void 0),t=o([i.Component({selector:"tab",host:{"[class.hidden]":"!active"},template:n(12),styles:[n(14)]}),r("design:paramtypes",[a.TabsContainer])],t)}();e.TabComponent=c},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}(n(8))},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var r,i=arguments.length,a=i<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(i<3?r(a):i>3?r(e,n,a):r(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},r=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};Object.defineProperty(e,"__esModule",{value:!0});var i=n(1),a=function(){function t(){this.currentTabChange=new i.EventEmitter,this.ifTabSelected=!1,this.tabs=[]}return t.prototype.addTab=function(t){this.tabs.push(t)},t.prototype.selectTab=function(t){this.tabs.forEach(function(t){t.active=!1}),t.active=!0,this.currentTabChange.emit(t)},t.prototype.isDisabled=function(){return this.disabled?"block":"none"},t.prototype.ngAfterContentInit=function(){var t=this;this.tabs.forEach(function(e){e.active&&(t.selectTab(e),t.ifTabSelected=!0)}),this.ifTabSelected||this.selectTab(this.tabs[0])},o([i.Input(),r("design:type",Boolean)],t.prototype,"disabled",void 0),o([i.Output(),r("design:type",Object)],t.prototype,"currentTabChange",void 0),t=o([i.Component({selector:"tabs",template:n(13),styles:[n(15)]})],t)}();e.TabsContainer=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(2);e.TabComponent=o.TabComponent;var r=n(0);e.TabsContainer=r.TabsContainer;var i=n(4);e.TabModule=i.TabModule},function(t,e,n){e=t.exports=n(3)(void 0),e.push([t.i,"* {\n  margin: 0px;\n  padding: 0px; }\n\n:host {\n  display: flex;\n  height: 100%; }\n\n:host(.hidden) {\n  display: none; }\n\n.tabs__panel {\n  background-color: #d7d7d7;\n  width: 100%;\n  box-shadow: inset 0px 0px 0px 1px #c9c9c9;\n  border-radius: 6px;\n  padding: 30px 15px; }\n",""])},function(t,e,n){e=t.exports=n(3)(void 0),e.push([t.i,"* {\n  margin: 0px;\n  padding: 0px; }\n\n:host {\n  padding: 10px 10px;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-height: calc(100vh - 20px); }\n\n.tabs__tab-bar {\n  align-self: center;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: -12px;\n  z-index: 1000;\n  border: 1px solid #c9c9c9; }\n\n.tabs__tab {\n  padding: 4px 10px;\n  display: inline-block;\n  background-color: white;\n  cursor: pointer; }\n\n.tabs__tab.active {\n  background-color: #6fbbff !important;\n  color: white; }\n\n.overlay {\n  background: #e0e0e0;\n  opacity: 0.5;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1000; }\n",""])},function(t,e){t.exports='<div class="tabs__panel">\n  <ng-content></ng-content>\n</div>\n'},function(t,e){t.exports='<ul class="tabs__tab-bar">\n  <li *ngFor="let tab of tabs" (click)="selectTab(tab)" class="tabs__tab" [ngClass]="{\'active\': tab.active == true}">\n    {{ tab.tabTitle }}\n  </li>\n</ul>\n<ng-content></ng-content>\n<div class="overlay" [style.display]="isDisabled()"></div>\n'},function(t,e,n){var o=n(10);t.exports="string"==typeof o?o:o.toString()},function(t,e,n){var o=n(11);t.exports="string"==typeof o?o:o.toString()},function(t,n){t.exports=e},function(t,e){t.exports=n}])});
//# sourceMappingURL=index.umd.min.js.map