[{"__symbolic":"module","version":4,"metadata":{"TabsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"sbm-tabs","template":"\n        <mat-tab-group class=\"demo-tab-group\" #ul [(selectedIndex)]=\"selectedIndex\" (selectedTabChange)=\"selectedTab($event)\">\n            <ng-container *ngFor=\"let tab of tabs\">\n            <div *ngIf=\"!tab.hidden\">\n                <mat-tab [label]=\"tab._label\" [isActive]=\"tab.active\" [disabled]=\"tab.disabled\">\n                    <ng-template mat-tab-label *ngIf=\"closeButton\">\n                    {{tab._label}}\n                    </ng-template>\n                    <ng-template [ngTemplateOutlet]=\"tab.internalColumnTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-template>\n                </mat-tab>\n            </div>\n            </ng-container>\n            <ng-container *ngFor=\"let tab of tabsDinamic\">\n                <div *ngIf=\"!tab.hidden\">\n                    <mat-tab [label]=\"tab._label\" [isActive]=\"tab.active\" [disabled]=\"tab.disabled\">\n                        <ng-template mat-tab-label *ngIf=\"closeButton\">\n                            {{tab._label}}\n\n                            <!--sbm-button design=\"floating\" css=\"close-button\" icon=\"close\"></sbm-button-->\n                            <mat-icon class=\"close-button\" (click)=\"removeDinamic($event, tab)\">close</mat-icon>\n\n                        </ng-template>\n                        <ng-template [ngTemplateOutlet]=\"tab.internalColumnTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-template>\n                    </mat-tab>\n                </div>\n            </ng-container>\n        </mat-tab-group>\n\n        <div #tabsContent class=\"sbm-tabs-children-content row\" style=\"border-top: 1px solid #ddd;\" [ngStyle]=\"{'padding': padding}\">\n            <ng-content></ng-content>\n        </div>\n    ","styles":["\n        ul.tabs::-webkit-scrollbar {\n            height: 8px;\n        }\n\n        ul.tabs::-webkit-scrollbar-thumb {\n            background: #6d6d6d;\n        }\n\n        .demo-tab-group {\n            border: 1px solid #e8e8e8;\n        }\n\n        .demo-tab-content {\n            padding: 16px;\n        }\n    "],"host":{"[class]":"columns","$quoted$":["[class]"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":65,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":66,"character":51}]}],"el":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":71,"character":5},"arguments":["tabs"]}]}],"tabsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":5},"arguments":["tabsContent"]}]}],"ul":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":5},"arguments":["ul",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":74,"character":28}}]}]}],"css":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"closeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"onTabClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":81,"character":5}}]}],"onAfterViewInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":5}}]}],"onSelectedTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":5}}]}],"onRemoveTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":5}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":101,"character":5},"arguments":[{"__symbolic":"reference","module":"./tab.component","name":"TabComponent","line":101,"character":21}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"removeDinamic":[{"__symbolic":"method"}],"selectedTab":[{"__symbolic":"method"}],"addTab":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}}}}]