[{"__symbolic":"module","version":3,"metadata":{"ZrTabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"zr-tabs","template":"\n      <!-- line-tabs -->\n      <ul *ngIf=\"tabsType==='line-tabs'\" [ngClass]=\"{'m-tabs-line--2x':bootomBorder2X}\" class=\"nav nav-tabs  m-tabs-line {{colorThemeStyle}}\"\n        role=\"tablist\">\n        <li *ngFor=\"let tabs of tabsData;let i=index\" [ngClass]=\"{'dropdown':tabs.dropdown}\" class=\"nav-item m-tabs__item\">\n          <a *ngIf=\"!tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" (click)=\"selectedItem(tabs)\" class=\"nav-link m-tabs__link lz-tabs-item\"\n            data-toggle=\"tab\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <a *ngIf=\"tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" class=\"nav-link m-tabs__link dropdown-toggle\"\n            data-toggle=\"dropdown\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <div *ngIf=\"tabs.dropdown\" class=\"dropdown-menu\">\n            <a *ngFor=\"let dropdown of tabs.dropdownArray\" (click)=\"selectedItem(dropdown)\" class=\"dropdown-item\" data-toggle=\"tab\">{{dropdown.text}}</a>\n          </div>\n        </li>\n      </ul>\n      <!-- bootstrap-line-tabs -->\n      <ul *ngIf=\"tabsType==='bootstrap-line-tabs'\" class=\"nav nav-tabs nav-fill\" role=\"tablist\">\n        <li *ngFor=\"let tabs of tabsData;let i=index\" [ngClass]=\"{'dropdown':tabs.dropdown}\" class=\"nav-item\">\n          <a *ngIf=\"!tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" (click)=\"selectedItem(tabs)\" class=\"nav-link\"\n            data-toggle=\"tab\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}} {{iconColor}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <a *ngIf=\"tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}} {{iconColor}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <div *ngIf=\"tabs.dropdown\" class=\"dropdown-menu\">\n            <a *ngFor=\"let dropdown of tabs.dropdownArray\" (click)=\"selectedItem(dropdown)\" class=\"dropdown-item\" data-toggle=\"tab\">{{dropdown.text}}</a>\n          </div>\n        </li>\n      </ul>\n      <!-- bootstrap-btn-tabs -->\n      <ul *ngIf=\"tabsType==='bootstrap-btn-tabs'\" class=\"nav nav-pills {{btnColor}}\" role=\"tablist\">\n        <li *ngFor=\"let tabs of tabsData;let i=index\" [ngClass]=\"{'dropdown':tabs.dropdown}\" class=\"nav-item\">\n          <a *ngIf=\"!tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" (click)=\"selectedItem(tabs)\" class=\"nav-link\"\n            data-toggle=\"tab\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <a *ngIf=\"tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\"\n            role=\"button\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <div *ngIf=\"tabs.dropdown\" class=\"dropdown-menu\">\n            <a *ngFor=\"let dropdown of tabs.dropdownArray\" (click)=\"selectedItem(dropdown)\" class=\"dropdown-item\" data-toggle=\"tab\">{{dropdown.text}}</a>\n          </div>\n        </li>\n      </ul>"}]}],"members":{"tabsData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabsType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bootomBorder2X":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colorThemeStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"btnColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"choice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"selectedItem":[{"__symbolic":"method"}],"defaultSelection":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ZrTabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"zr-tabs","template":"\n      <!-- line-tabs -->\n      <ul *ngIf=\"tabsType==='line-tabs'\" [ngClass]=\"{'m-tabs-line--2x':bootomBorder2X}\" class=\"nav nav-tabs  m-tabs-line {{colorThemeStyle}}\"\n        role=\"tablist\">\n        <li *ngFor=\"let tabs of tabsData;let i=index\" [ngClass]=\"{'dropdown':tabs.dropdown}\" class=\"nav-item m-tabs__item\">\n          <a *ngIf=\"!tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" (click)=\"selectedItem(tabs)\" class=\"nav-link m-tabs__link lz-tabs-item\"\n            data-toggle=\"tab\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <a *ngIf=\"tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" class=\"nav-link m-tabs__link dropdown-toggle\"\n            data-toggle=\"dropdown\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <div *ngIf=\"tabs.dropdown\" class=\"dropdown-menu\">\n            <a *ngFor=\"let dropdown of tabs.dropdownArray\" (click)=\"selectedItem(dropdown)\" class=\"dropdown-item\" data-toggle=\"tab\">{{dropdown.text}}</a>\n          </div>\n        </li>\n      </ul>\n      <!-- bootstrap-line-tabs -->\n      <ul *ngIf=\"tabsType==='bootstrap-line-tabs'\" class=\"nav nav-tabs nav-fill\" role=\"tablist\">\n        <li *ngFor=\"let tabs of tabsData;let i=index\" [ngClass]=\"{'dropdown':tabs.dropdown}\" class=\"nav-item\">\n          <a *ngIf=\"!tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" (click)=\"selectedItem(tabs)\" class=\"nav-link\"\n            data-toggle=\"tab\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}} {{iconColor}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <a *ngIf=\"tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}} {{iconColor}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <div *ngIf=\"tabs.dropdown\" class=\"dropdown-menu\">\n            <a *ngFor=\"let dropdown of tabs.dropdownArray\" (click)=\"selectedItem(dropdown)\" class=\"dropdown-item\" data-toggle=\"tab\">{{dropdown.text}}</a>\n          </div>\n        </li>\n      </ul>\n      <!-- bootstrap-btn-tabs -->\n      <ul *ngIf=\"tabsType==='bootstrap-btn-tabs'\" class=\"nav nav-pills {{btnColor}}\" role=\"tablist\">\n        <li *ngFor=\"let tabs of tabsData;let i=index\" [ngClass]=\"{'dropdown':tabs.dropdown}\" class=\"nav-item\">\n          <a *ngIf=\"!tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" (click)=\"selectedItem(tabs)\" class=\"nav-link\"\n            data-toggle=\"tab\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <a *ngIf=\"tabs.dropdown\" [ngClass]=\"{'disabled':tabs.disabled,'active':i===choice}\" class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\"\n            role=\"button\">\n            <i *ngIf=\"tabs.icon\" class=\"{{tabs.icon}}\"></i>\n            <span>{{tabs.text}}</span>\n          </a>\n          <div *ngIf=\"tabs.dropdown\" class=\"dropdown-menu\">\n            <a *ngFor=\"let dropdown of tabs.dropdownArray\" (click)=\"selectedItem(dropdown)\" class=\"dropdown-item\" data-toggle=\"tab\">{{dropdown.text}}</a>\n          </div>\n        </li>\n      </ul>"}]}],"members":{"tabsData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabsType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bootomBorder2X":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"colorThemeStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"btnColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"choice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"selectedItem":[{"__symbolic":"method"}],"defaultSelection":[{"__symbolic":"method"}]}}}}]