{"__symbolic":"module","version":4,"metadata":{"LyTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"alyle-ui/ripple-minimal","name":"LyRippleModule","line":9,"character":26},{"__symbolic":"reference","module":"alyle-ui/header-pagination","name":"LyHeaderPaginationModule","line":9,"character":42},{"__symbolic":"reference","module":"alyle-ui/core","name":"NgTranscludeModule","line":9,"character":68}],"exports":[{"__symbolic":"reference","name":"LyTab"},{"__symbolic":"reference","name":"LyTabGroupComponent"},{"__symbolic":"reference","name":"LyTabLabelDirective"},{"__symbolic":"reference","name":"LyTabContent"}],"declarations":[{"__symbolic":"reference","name":"LyTab"},{"__symbolic":"reference","name":"LyTabGroupComponent"},{"__symbolic":"reference","name":"LyTabLabelDirective"},{"__symbolic":"reference","name":"LyTabContent"}]}]}],"members":{}},"LyTabGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"ly-tab-group, ly-tabs","styles":[":host { position: relative; display: block; } .ly-tab-header { height: 48px; width: 100%; position: relative; } .ly-tab-header::after { content: ' '; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: rgba(0, 0, 0, 0.06); } .ly-tab-header-content { display: inline-flex; } .ly-tab-indicator { position: absolute; height: 2px; width: 0px; background: currentColor; bottom: 0; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important; } "],"template":"<div class=\"ly-tab-header\"> <ly-header-pagination> <div class=\"ly-tab-header-content\" [style.background]=\"styleBackground\" #tabsContent> <ng-content></ng-content> </div> <div class=\"ly-tab-indicator\" [style.color]=\"styleColor\" [style.width]=\"tabWidth+'px'\" [style.left]=\"tabLeft+'px'\"></div> </ly-header-pagination> </div> <div *ngFor=\"let item of tabs; let i = index\"> <div [hidden]=\"!(i == _selectedIndex)\"> <ng-template [ngTransclude]=\"item.templateRef\"></ng-template> </div> </div> <!-- <div [ngTransclude]=\"t.tabContent\" *ngFor=\"let t of tabs\"> ehhh </div> --> "}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":51,"character":3},"arguments":[{"__symbolic":"reference","name":"LyTab"}]}]}],"lyButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":52,"character":3},"arguments":[{"__symbolic":"reference","module":"alyle-ui/button","name":"LyButton","line":52,"character":16}]}]}],"_tabsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["tabsContent"]}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":55,"character":13}]}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"selectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":80,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":83,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":84,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":85,"character":30},{"__symbolic":"reference","module":"alyle-ui/core","name":"LyTheme","line":86,"character":18},{"__symbolic":"reference","module":"alyle-ui/core","name":"LyStyleTheme","line":87,"character":23}]}],"bg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"_updateColor":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setTab":[{"__symbolic":"method"}],"updateTab":[{"__symbolic":"method"}],"updateTabsHeader":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"updateTabIndicator":[{"__symbolic":"method"}],"sMargin":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"LyTabContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":210,"character":1},"arguments":[{"selector":"[ly-tab-content]"}]}],"members":{}},"LyTab":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":217,"character":1},"arguments":[{"selector":"ly-tab","styles":[".ly-tab-label-item { position: relative; display: inline-block; min-width: 0px; height: 100%; overflow: hidden; text-align: center; line-height: 48px; cursor: pointer; box-sizing: border-box; } :host { margin: 0 8px; } :host /deep/ [ly-tab-label] { display: block; } .ly-tab-label-item /deep/ { -webkit-tap-highlight-color: transparent; } .ly-tab-label-item /deep/ [ly-button], .ly-tab-label-item /deep/ ly-button { height: 100%; vertical-align: top; border-radius: 0; } .ly-tab-label-item /deep/ .ly-button-padding-left { padding-left: 8px; } .ly-tab-label-item /deep/ .ly-button-padding-right { padding-right: 8px; } .ly-tab-label-item /deep/ ly-tab-label:not([ly-button]) { padding: 0 8px; display: inline-flex; white-space: nowrap; } "],"template":"<!-- <button ly-button (mousedown)=\"solt()\" (click)=\"setIndex(_index)\" class=\"ly-tab-label-item\"> <ng-content select=\"ly-tab-label\"></ng-content> </button> --> <div (mousedown)=\"solt()\" (click)=\"setIndex(_index)\" [ngStyle]=\"tabStyles\" class=\"ly-tab-label-item\" lyRipple> <ng-content select=\"ly-tab-label\"></ng-content> <ng-content select=\"[ly-tab-label]\"></ng-content> </div> <ng-template> <div> <ng-content></ng-content> </div> </ng-template> "}]}],"members":{"lyButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":228,"character":3},"arguments":[{"__symbolic":"reference","module":"alyle-ui/button","name":"LyButton","line":228,"character":16}]}]}],"hostStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":238,"character":3},"arguments":["style.color"]}]}],"llOorr":[{"__symbolic":"method"}],"solt":[{"__symbolic":"method"}],"emitChange":[{"__symbolic":"method"}],"widthExacta":[{"__symbolic":"method"}],"floor":[{"__symbolic":"method"}],"setIndex":[{"__symbolic":"method"}],"updateTabLine":[{"__symbolic":"method"}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":355,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":355,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":362,"character":5}}],null],"parameters":[{"__symbolic":"reference","name":"LyTabGroupComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":83,"character":23}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"LyTabLabelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"ly-tab-label, [ly-tab-label]"}]}],"members":{}}},"origins":{"LyTabsModule":"./tabs.module","LyTabGroupComponent":"./tabs","LyTabContent":"./tabs","LyTab":"./tabs","LyTabLabelDirective":"./tab-label.directive"},"importAs":"alyle-ui/tabs"}