[{"__symbolic":"module","version":4,"metadata":{"TabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dc-tab","template":"\n    <div *ngIf=\"likeButton\" class=\"display-flex width-100 flex-direction-column\">\n      <div class=\"display-flex width-100 tabs2\">\n        <div *ngFor=\"let d of tabDatas\">\n          <div class=\"title2\" (click)=\"changeTab(d)\" [ngClass]=\"{'active':d.select}\">\n            <div *ngIf=\"d.icon\" class=\"icon\"><img src=\"{{d.icon}}\"></div>\n            <div>{{d.title}}</div>\n          </div>\n        </div>\n      </div>\n      <div *ngFor=\"let c of tabDatas\" [hidden]=\"!c.select\">\n        <span dcTabContentHost></span>\n      </div>\n    </div>    \n  <div *ngIf=\"!likeButton\" class=\"display-flex width-100 flex-direction-column\">\n    <div class=\"display-flex width-100 tabs\">\n        <div *ngFor=\"let d of tabDatas\">\n            <div class=\"title\" (click)=\"changeTab(d)\" [ngClass]=\"{'active':d.select}\">\n                <div *ngIf=\"d.icon\" class=\"icon\"><img src=\"{{d.icon}}\"></div>\n                <div>{{d.title}}</div>\n                <i *ngIf=\"d.notify && d.notify>0\" [ngStyle]=\"{'background-color':d.notifyColor}\">{{d.notify}}</i>\n            </div>\n        </div>\n    </div>\n    <div *ngFor=\"let c of tabDatas\" [hidden]=\"!c.select\">\n      <span dcTabContentHost></span>\n    </div>\n  </div>\n  ","styles":[".tabs {\n      padding: 15px 20px 0;\n      border-bottom: solid 1px #d6d6d6\n    }\n    .tabs2 {\n      padding: 15px 20px 0;\n    }\n    \n    .tabs>div {\n      margin-right: 70px\n    }\n    .tabs2>div {\n      margin-right: 20px;\n    }\n    \n    .title {\n      cursor: pointer;\n      display: table;\n      position: relative;\n      bottom: 0;\n      font-size: 18px;\n      height: 36px;\n      color: #666;\n    }\n\n    .title2 {\n      cursor: pointer;\n      display: flex;\n      position: relative;\n      bottom: 0;\n      justify-content: center;\n      border: solid 1px #e2e2e2;\n      font-size: 14px;\n      width: 110px;\n      border-radius: 2px;\n      height: 25px;\n      color: #0081cc;\n    }\n    .title2:hover {\n      border: solid 1px #0081cc;\n    }\n    \n    .title.active{\n      font-weight: bold;\n      color: #333;\n      border-bottom: solid 2px #333;\n      bottom: -1px;\n    }\n\n    .title2.active{\n      color: #ffffff;\n      background: #0081cc;\n      bottom: -1px;\n    }\n    \n    .title>div,.title2>div {\n      display: table-cell;\n      vertical-align: middle;\n    }\n    \n    .title.active>div,.title2.active>div {\n      padding-bottom: 3px\n    }\n    \n    .title>div.icon,.title2>div.icon {\n      padding: 0 10px 5px 0\n    }\n    \n    .title>i,.title2>i {\n      font-size: 10px;\n      font-weight: 400;\n      position: absolute;\n      left: calc(100% + 7px);\n      top: 10px;\n      display: block;\n      padding: 0 8px;\n      line-height: 14px;\n      height: 16px;\n      color: #fff;\n      border-radius: 10px;\n      font-style: normal\n    }\n    \n    .title.active>i,.title2.active>i {\n        top: 9px\n    }"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"likeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabDatas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabContents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./tab.directive","name":"TabContentDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}]}}}}]