{"__symbolic":"module","version":4,"metadata":{"FFCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FFCarouselComponent"},{"__symbolic":"reference","name":"FFCarouselIndicatorDirective"},{"__symbolic":"reference","name":"FFCarouselItemDirective"},{"__symbolic":"reference","name":"FFCarouselArrowDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":37}],"exports":[{"__symbolic":"reference","name":"FFCarouselComponent"},{"__symbolic":"reference","name":"FFCarouselIndicatorDirective"},{"__symbolic":"reference","name":"FFCarouselItemDirective"},{"__symbolic":"reference","name":"FFCarouselArrowDirective"}]}]}],"members":{}},"FFCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ff-carousel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"exportAs":"FFCarousel","animations":[{"__symbolic":"reference","name":"ɵa"}],"template":"<div class=\"ff-carousel-wrapper\">\r\n  <a *ngIf=\"showArrows\" class=\"ff-carousel-btn-prev\" [ngClass]=\"{'overlay': btnOverlay}\" role=\"button\" (click)=\"prev()\">\r\n    <ng-template [ngTemplateOutlet]=\"arrow?.el\"></ng-template>\r\n  </a>\r\n  <a *ngIf=\"showArrows\" class=\"ff-carousel-btn-next\" [ngClass]=\"{'overlay': btnOverlay}\" role=\"button\" (click)=\"next()\">\r\n    <ng-template [ngTemplateOutlet]=\"arrow?.el\"></ng-template>\r\n  </a>\r\n  <div *ngFor=\"let elem of items\" class=\"ff-carousel-element\">\r\n    <div *ngIf=\"elem?.id === activeId\" @fadeIn>\r\n      <ng-template [ngTemplateOutlet]=\"elem?.el\"></ng-template>\r\n    </div>\r\n  </div>\r\n  <div class=\"ff-carousel-indicators\" *ngIf=\"showIndicators\">\r\n    <div *ngFor=\"let i of items\" class=\"ff-carousel-indicator\" [ngClass]=\"{'active': i?.id === activeId}\"\r\n         (click)=\"i && setActive(i.id)\">\r\n      <ng-template [ngTemplateOutlet]=\"indicator?.el\"></ng-template>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[":host{display:block;position:relative;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ff-carousel-wrapper{position:relative;width:100%;overflow:hidden}.ff-carousel-element{overflow:hidden;position:relative;width:100%;float:left;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ff-carousel-element.active{display:block;opacity:1}.ff-carousel-btn-next,.ff-carousel-btn-prev{display:flex;position:absolute;top:0;bottom:0;z-index:10;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.6;transition:opacity .3s;background-color:transparent;text-decoration:none}.ff-carousel-btn-next:hover,.ff-carousel-btn-prev:hover{opacity:1}.ff-carousel-btn-next:hover.overlay,.ff-carousel-btn-prev:hover.overlay{background-color:rgba(0,0,0,.2)}.ff-carousel-btn-prev{left:0;transform:rotate(-180deg)}.ff-carousel-btn-next{right:0}.ff-carousel-indicators{position:absolute;bottom:0;display:flex;margin:auto;z-index:10;left:50%;transform:translateX(-50%)}.ff-carousel-indicator{cursor:pointer}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":29,"character":3},"arguments":[{"__symbolic":"reference","name":"FFCarouselItemDirective"}]}]}],"indicator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":30,"character":3},"arguments":[{"__symbolic":"reference","name":"FFCarouselIndicatorDirective"},{"static":false}]}]}],"arrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"FFCarouselArrowDirective"},{"static":false}]}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class"]}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["attr.tabindex"]}]}],"activeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"interval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"autoplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"pauseOnHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"keyboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"loop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"showArrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"showIndicators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":3}}]}],"btnOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"switched":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"mouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":141,"character":3},"arguments":["mouseenter"]}]}],"mouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":146,"character":3},"arguments":["mouseleave"]}]}],"arrowRight":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":151,"character":3},"arguments":["keydown.ArrowRight"]}]}],"arrowLeft":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":158,"character":3},"arguments":["keydown.ArrowLeft"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":165,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":165,"character":22}]}],null,null],"parameters":[null,{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":165,"character":70},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":165,"character":103}]}],"_getItemById":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"setActive":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"FFCarouselArrowDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[ffCarouselArrow]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"FFCarouselIndicatorDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[ffCarouselIndicator]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"FFCarouselItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[ffCarouselItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵa":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":7,"character":22},"arguments":["fadeIn",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":8,"character":2},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":4},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":10,"character":4},"arguments":["0.3s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":20},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":12,"character":2},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":13,"character":4},"arguments":["0.3s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":20},"arguments":[{"opacity":0}]}]}]]}]]}},"origins":{"FFCarouselModule":"./lib/ff-carousel.module","FFCarouselComponent":"./lib/ff-carousel.component","FFCarouselArrowDirective":"./lib/ff-carousel-arrow.directive","FFCarouselIndicatorDirective":"./lib/ff-carousel-indicator.directive","FFCarouselItemDirective":"./lib/ff-carousel-item.directive","ɵa":"./lib/ff-carousel.animations"},"importAs":"ff-carousel"}