[{"__symbolic":"module","version":4,"metadata":{"TabTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dc-tab-title","template":"\n    <div class=\"tab-title-wrap\">\n      <div [class]=\"defaultTitle === item ? 'title-item active' : 'title-item'\" *ngFor=\"let item of titleDatas\" (click)=\"setTabTitle(item)\">\n        {{item.title}}\n        <em class=\"line\" [@openClose]=\"item.cur ? 'open' : 'closed'\">&nbsp;</em>\n      </div>\n    </div>","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["openClose",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"left":"50%","width":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["closed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"left":"0","width":"100%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["open => closed",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.3s"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["closed => open",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s"]}]]}]]}],"styles":[".tab-title-wrap {\n      border-bottom: 1px solid #d6d6d6;\n      position:relative;\n    }\n    .tab-title-wrap .title-item{\n      width: auto;\n      line-height: 20px;\n      font-size: 16px;\n      color: #666;\n      padding: 22px 0;\n      margin: 0 30px 0 20px;\n      font-weight: bold;\n      cursor: pointer;\n      display: inline-block;\n      position:relative;\n    }\n    .tab-title-wrap .title-item:hover,\n    .tab-title-wrap .active{\n      color:#3FB992;\n    }\n    .line{\n      position: absolute;\n      width:100%;\n      height: 4px ;\n      background-color: #3FB992;\n      left:0;\n      bottom:0;\n    }"]}]}],"members":{"titleDatas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"defaultTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabTitleChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"setTabTitle":[{"__symbolic":"method"}]}}}}]