[{"__symbolic":"module","version":4,"metadata":{"TitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dc-title","template":"\n    <div class=\"display-flex width-100 flex-direction-column\">\n      <div class=\"display-flex width-100 tabs\">\n        <div *ngFor=\"let d of titleDatas\">\n          <div class=\"title\" (click)=\"changeTab(d)\" [ngClass]=\"{'active':d.select}\" [style.border-bottom]=\"d.select && hasBottomLine?'solid 2px #333': ''\">\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>","styles":[".tabs {\n      padding: 15px 20px 0;\n      border-bottom: solid 1px #d6d6d6\n    }\n\n    .tabs > div {\n      margin-right: 70px\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    .title.active {\n      font-weight: bold;\n      color: #333;\n      bottom: -1px;\n    }\n\n    .title > div {\n      display: table-cell;\n      vertical-align: middle;\n    }\n\n    .title.active > div {\n      padding-bottom: 3px\n    }\n\n    .title > div.icon {\n      padding: 0 10px 5px 0\n    }\n\n    .title > 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 {\n       top: 9px\n    }"]}]}],"members":{"titleDatas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"titleOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasBottomLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"titleChangeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"selectTitle":[{"__symbolic":"method"}],"changeTab":[{"__symbolic":"method"}]}}}}]