@ngu/carousel
Version:
Angular Universal carousel
1 lines • 13.7 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"class","members":{}},"ɵb":{"__symbolic":"class","members":{}},"NguCarouselConfig":{"__symbolic":"class","members":{}},"NguCarouselStore":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null,null,{"__symbolic":"reference","name":"any"},null,{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"error","message":"Could not resolve type","line":8,"character":24,"context":{"typeName":"DeviceType"},"module":"./lib/ngu-carousel/ngu-carousel"},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null]}]}},"NguCarousel":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"NguCarouselStore"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"ngu-carousel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"template":"<div #ngucarousel class=\"ngucarousel\">\r\n <div #touchContainer class=\"ngu-touch-container\">\r\n <div #nguItemsContainer class=\"ngucarousel-items\">\r\n <ng-container nguCarouselOutlet></ng-container>\r\n </div>\r\n </div>\r\n <div class=\"nguclearFix\"></div>\r\n <ng-content select=\"[NguCarouselPrev]\"></ng-content>\r\n <ng-content select=\"[NguCarouselNext]\"></ng-content>\r\n</div>\r\n<ng-content select=\"[NguCarouselPoint]\"></ng-content>\r\n","styles":[":host{display:block;position:relative}:host.ngurtl{direction:rtl}.ngucarousel{height:100%;overflow:hidden;position:relative}.ngucarousel .ngucarousel-items{display:flex;height:100%;position:relative}.nguvertical{flex-direction:column}.banner .ngucarouselPointDefault .ngucarouselPoint{bottom:20px;position:absolute;width:100%}.banner .ngucarouselPointDefault .ngucarouselPoint li{background:hsla(0,0%,100%,.55)}.banner .ngucarouselPointDefault .ngucarouselPoint li.active{background:#fff}.banner .ngucarouselPointDefault .ngucarouselPoint li:hover{cursor:pointer}.ngucarouselPointDefault .ngucarouselPoint{box-sizing:border-box;list-style-type:none;margin:0;overflow:auto;padding:12px;text-align:center;white-space:nowrap}.ngucarouselPointDefault .ngucarouselPoint li{background:rgba(0,0,0,.55);border-radius:50%;display:inline-block;margin:0 4px;padding:4px;transition:.4s;transition-timing-function:cubic-bezier(.17,.67,.83,.67)}.ngucarouselPointDefault .ngucarouselPoint li.active{background:#6b6b6b;transform:scale(1.8)}.ngucarouselPointDefault .ngucarouselPoint li:hover{cursor:pointer}.nguclearFix{clear:both}"]}]}],"members":{"inputs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"carouselLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"onMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3},"arguments":["dataSource"]}]}],"_defDirec":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":88,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselDefDirective"}]}]}],"_nodeOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":91,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselOutlet"},{"static":true}]}]}],"nextBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":97,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselNextDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":97,"character":78}}]}]}],"prevBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":110,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselPrevDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":110,"character":78}}]}]}],"carouselMain1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":120,"character":3},"arguments":["ngucarousel",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":120,"character":36},"static":true}]}]}],"nguItemsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":123,"character":3},"arguments":["nguItemsContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":123,"character":42},"static":true}]}]}],"touchContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":126,"character":3},"arguments":["touchContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":126,"character":39},"static":true}]}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":160,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":160,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":157,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":158,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":159,"character":22},{"__symbolic":"error","message":"Expression form not supported","line":160,"character":45,"module":"./lib/ngu-carousel/ngu-carousel.component"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":161,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"_switchDataSource":[{"__symbolic":"method"}],"_observeRenderChanges":[{"__symbolic":"method"}],"renderNodeChanges":[{"__symbolic":"method"}],"_updateItemIndexContext":[{"__symbolic":"method"}],"_getNodeDef":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_inputValidation":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_onResizing":[{"__symbolic":"method"}],"_touch":[{"__symbolic":"method"}],"_touchHandling":[{"__symbolic":"method"}],"_setTouchTransfrom":[{"__symbolic":"method"}],"_setTransformFromTouch":[{"__symbolic":"method"}],"_onWindowScrolling":[{"__symbolic":"method"}],"_storeCarouselData":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"_carouselPoint":[{"__symbolic":"method"}],"_carouselPointActiver":[{"__symbolic":"method"}],"moveTo":[{"__symbolic":"method"}],"_carouselSize":[{"__symbolic":"method"}],"_carouselScrollOne":[{"__symbolic":"method"}],"_carouselScrollTwo":[{"__symbolic":"method"}],"_btnBoolean":[{"__symbolic":"method"}],"_transformString":[{"__symbolic":"method"}],"_transformStyle":[{"__symbolic":"method"}],"_carouselLoadTrigger":[{"__symbolic":"method"}],"_generateID":[{"__symbolic":"method"}],"_carouselInterval":[{"__symbolic":"method"}],"_updateItemIndexContextAni":[{"__symbolic":"method"}],"_carouselAnimator":[{"__symbolic":"method"}],"_removeAnimations":[{"__symbolic":"method"}],"_setStyle":[{"__symbolic":"method"}],"_createStyleElem":[{"__symbolic":"method"}]}},"NguCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12}],"exports":[{"__symbolic":"reference","name":"NguCarousel"},{"__symbolic":"reference","name":"NguItemComponent"},{"__symbolic":"reference","name":"NguTileComponent"},{"__symbolic":"reference","name":"NguCarouselPointDirective"},{"__symbolic":"reference","name":"NguCarouselItemDirective"},{"__symbolic":"reference","name":"NguCarouselNextDirective"},{"__symbolic":"reference","name":"NguCarouselPrevDirective"},{"__symbolic":"reference","name":"NguCarouselDefDirective"},{"__symbolic":"reference","name":"NguCarouselOutlet"}],"declarations":[{"__symbolic":"reference","name":"NguCarousel"},{"__symbolic":"reference","name":"NguItemComponent"},{"__symbolic":"reference","name":"NguTileComponent"},{"__symbolic":"reference","name":"NguCarouselPointDirective"},{"__symbolic":"reference","name":"NguCarouselItemDirective"},{"__symbolic":"reference","name":"NguCarouselNextDirective"},{"__symbolic":"reference","name":"NguCarouselPrevDirective"},{"__symbolic":"reference","name":"NguCarouselDefDirective"},{"__symbolic":"reference","name":"NguCarouselOutlet"}]}]}],"members":{}},"NguItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngu-item","template":"<ng-content></ng-content>\r\n","styles":[""]}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class.item"]}]}]}},"NguTileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngu-tile","template":"<div class=\"tile\">\r\n <ng-content></ng-content>\r\n</div>\r\n","styles":[":host{box-sizing:border-box;padding:10px}.tile{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}"]}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class.item"]}]}]}},"NguCarouselDefDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":35,"character":1},"arguments":[{"selector":"[nguCarouselDef]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"NguCarouselPointDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":29,"character":1},"arguments":[{"selector":"[NguCarouselPoint]"}]}],"members":{}},"NguCarouselItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[NguCarouselItem]"}]}],"members":{}},"NguCarouselNextDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[NguCarouselNext]"}]}],"members":{}},"NguCarouselPrevDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[NguCarouselPrev]"}]}],"members":{}},"NguCarouselOutlet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":45,"character":1},"arguments":[{"selector":"[nguCarouselOutlet]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":51,"character":36}]}]}}},"origins":{"ɵa":"./lib/ngu-carousel/ngu-carousel","ɵb":"./lib/ngu-carousel/ngu-carousel","NguCarouselConfig":"./lib/ngu-carousel/ngu-carousel","NguCarouselStore":"./lib/ngu-carousel/ngu-carousel","NguCarousel":"./lib/ngu-carousel/ngu-carousel.component","NguCarouselModule":"./lib/ngu-carousel.module","NguItemComponent":"./lib/ngu-item/ngu-item.component","NguTileComponent":"./lib/ngu-tile/ngu-tile.component","NguCarouselDefDirective":"./lib/ngu-carousel.directive","NguCarouselPointDirective":"./lib/ngu-carousel.directive","NguCarouselItemDirective":"./lib/ngu-carousel.directive","NguCarouselNextDirective":"./lib/ngu-carousel.directive","NguCarouselPrevDirective":"./lib/ngu-carousel.directive","NguCarouselOutlet":"./lib/ngu-carousel.directive"},"importAs":"@ngu/carousel"}