[{"__symbolic":"module","version":4,"metadata":{"TabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"g-tab","template":"<ng-container *ngIf=\"listOfTabItemComponent\">\n  <g-tab-header [selectedIndex]=\"selectedIndex\">\n    <div\n      g-tab-label\n      g-typography\n      [type]=\"labelType\"\n      role=\"tab\"\n      [class.g-tab-label-active]=\"i == selectedIndex\"\n      [class.g-tab-label-disabled]=\"tab.disabled\"\n      (click)=\"clickLabel(i, tab.disabled)\"\n      tabindex=\"-1\"\n      [style.margin-right.px]=\"gutter\"\n      *ngFor=\"let tab of listOfTabItemComponent; let i = index\"\n    >\n      <ng-container *gStringTemplateOutlet=\"tab.label || tab.title\">\n        {{ tab.label }}\n      </ng-container>\n    </div>\n  </g-tab-header>\n  <div class=\"g-tab-content\">\n    <div\n      g-tab-body\n      *ngFor=\"let tab of listOfTabItemComponent; let i = index\"\n      [content]=\"tab.content\"\n      [active]=\"i == selectedIndex\"\n    ></div>\n  </div>\n</ng-container>\n","styles":[".g-tab-list{display:flex}.g-tab-label{padding:16px 0;cursor:pointer;text-align:center;min-width:90px;margin-bottom:0!important;font-weight:600;color:var(--color-grey-600)}.g-tab-label a{color:var(--color-grey-600)}.g-tab-label-active,.g-tab-label-active a{color:var(--color-grey-900)!important}.g-tab-label-link{padding:16px;margin:-16px 0;display:block;width:100%}.g-tab-label-container{position:relative}.g-tab-ink-bar{position:absolute;bottom:0;height:2px;background:var(--color-primary);transition:.3s}"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":44,"character":17},"member":"None"},"host":{"class":"g-tab"}}]}],"members":{"listOfTabItemComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":50,"character":3},"arguments":[{"__symbolic":"reference","module":"./tab-item.component","name":"TabItemComponent","line":50,"character":19}]}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"labelType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"gutter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"clickLabel":[{"__symbolic":"method"}]}}}}]