@ngu/carousel - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

bundles/ngu-carousel.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/core"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@ngu/carousel",["exports","@angular/common","@angular/core","rxjs","rxjs/operators"],e):e(((t=t||self).ngu=t.ngu||{},t.ngu.carousel={}),t.ng.common,t.ng.core,t.rxjs,t.rxjs.operators)}(this,(function(t,e,i,s,n){"use strict";var r=function(t,e,i,s,n,r,o,h,c,d,p,m,g,f,v,y,_,x,b,C,w,S,I,T,D,P,E,k,O){void 0===t&&(t=new l),void 0===e&&(e=new a),void 0===s&&(s=new u),void 0===h&&(h="fixed"),void 0===c&&(c=""),void 0===d&&(d=0),void 0===p&&(p=0),void 0===m&&(m=0),void 0===g&&(g=0),void 0===f&&(f=0),void 0===v&&(v=0),void 0===y&&(y=0),void 0===_&&(_=0),void 0===x&&(x=0),void 0===b&&(b="cubic-bezier(0, 0, 0.2, 1)"),void 0===C&&(C=200),void 0===w&&(w=!1),void 0===S&&(S=0),void 0===I&&(I=0),void 0===T&&(T=!1),void 0===D&&(D=!0),void 0===P&&(P=!1),void 0===E&&(E=!1),void 0===k&&(k=!0),void 0===O&&(O=1),this.touch=t,this.vertical=e,this.interval=i,this.transform=s,this.button=n,this.visibleItems=r,this.deviceType=o,this.type=h,this.token=c,this.items=d,this.load=p,this.deviceWidth=m,this.carouselWidth=g,this.itemWidth=f,this.slideItems=v,this.itemWidthPer=y,this.itemLength=_,this.currentSlide=x,this.easing=b,this.speed=C,this.loop=w,this.dexVal=S,this.touchTransform=I,this.isEnd=T,this.isFirst=D,this.isLast=P,this.RTL=E,this.point=k,this.velocity=O},o=function(){},a=function(){},h=function(){},l=function(){},u=function(t,e,i,s,n){void 0===t&&(t=0),void 0===e&&(e=0),void 0===i&&(i=0),void 0===s&&(s=0),void 0===n&&(n=0),this.xs=t,this.sm=e,this.md=i,this.lg=s,this.all=n,this.xl=0},c=function(t,e,i,s){void 0===t&&(t=768),void 0===e&&(e=992),void 0===i&&(i=1200),void 0===s&&(s=1200),this.sm=t,this.md=e,this.lg=i,this.xl=s},d=function(){},p=function(t){this.$implicit=t},m=function(t,e){return(m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)};Object.create;Object.create;var g=function(){};g.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselItem]"}]}];var f=function(){};f.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselNext]"}]}];var v=function(){};v.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselPrev]"}]}];var y=function(){};y.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselPoint]"}]}];var _=function(t){this.template=t};_.decorators=[{type:i.Directive,args:[{selector:"[nguCarouselDef]"}]}],_.ctorParameters=function(){return[{type:i.TemplateRef}]};var x=function(t){this.viewContainer=t};x.decorators=[{type:i.Directive,args:[{selector:"[nguCarouselOutlet]"}]}],x.ctorParameters=function(){return[{type:i.ViewContainerRef}]};var b=function(t){function r(e,n,r,o,a){var h=t.call(this)||this;return h._el=e,h._renderer=n,h._differs=r,h.platformId=o,h.cdr=a,h.withAnim=!0,h.isHovered=!1,h.carouselLoad=new i.EventEmitter,h.onMove=new i.EventEmitter,h._intervalController$=new s.Subject,h.pointNumbers=[],h}return function(t,e){function i(){this.constructor=t}m(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}(r,t),Object.defineProperty(r.prototype,"dataSource",{get:function(){return this._dataSource},set:function(t){t&&this._switchDataSource(t)},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"nextBtn",{set:function(t){var e=this;this.listener2&&this.listener2(),t&&(this.listener2=this._renderer.listen(t.nativeElement,"click",(function(){return e._carouselScrollOne(1)})))},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"prevBtn",{set:function(t){var e=this;this.listener1&&this.listener1(),t&&(this.listener1=this._renderer.listen(t.nativeElement,"click",(function(){return e._carouselScrollOne(0)})))},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"trackBy",{get:function(){return this._trackByFn},set:function(t){i.isDevMode()&&null!=t&&"function"!=typeof t&&console&&console.warn&&console.warn("trackBy must be a function, but received "+JSON.stringify(t)+"."),this._trackByFn=t},enumerable:!1,configurable:!0}),r.prototype.ngOnInit=function(){var t=this;this._dataDiffer=this._differs.find([]).create((function(e,i){return t.trackBy?t.trackBy(i.dataIndex,i.data):i}))},r.prototype.ngDoCheck=function(){this.arrayChanges=this._dataDiffer.diff(this.dataSource),this.arrayChanges&&this._defDirec&&this._observeRenderChanges()},r.prototype._switchDataSource=function(t){this._dataSource=t,this._defDirec&&this._observeRenderChanges()},r.prototype._observeRenderChanges=function(){var t,e=this;this._dataSource instanceof s.Observable?t=this._dataSource:Array.isArray(this._dataSource)&&(t=s.of(this._dataSource)),t&&(this._dataSubscription=t.pipe(n.takeUntil(this._intervalController$)).subscribe((function(t){e.renderNodeChanges(t),e.isLast=!1})))},r.prototype.renderNodeChanges=function(t,e){var i=this;void 0===e&&(e=this._nodeOutlet.viewContainer),this.arrayChanges&&(this.arrayChanges.forEachOperation((function(s,n,r){var o=i._getNodeDef(t[r],r);if(null==s.previousIndex){var a=new p(t[r]);a.index=r,e.createEmbeddedView(o.template,a,r)}else if(null==r)e.remove(n);else{var h=e.get(n);e.move(h,r)}})),this._updateItemIndexContext(),this.carousel&&this._storeCarouselData())},r.prototype._updateItemIndexContext=function(){for(var t=this._nodeOutlet.viewContainer,e=0,i=t.length;e<i;e++){var s=t.get(e).context;s.count=i,s.first=0===e,s.last=e===i-1,s.even=e%2==0,s.odd=!s.even,s.index=e}},r.prototype._getNodeDef=function(t,e){return 1===this._defDirec.length?this._defDirec.first:this._defDirec.find((function(i){return i.when&&i.when(e,t)}))||this._defaultNodeDef},r.prototype.ngAfterViewInit=function(){var t=this;this.carousel=this._el.nativeElement,this._inputValidation(),this.carouselCssNode=this._createStyleElem(),e.isPlatformBrowser(this.platformId)&&(this._carouselInterval(),this.vertical.enabled||this._touch(),this.listener3=this._renderer.listen("window","resize",(function(e){t._onResizing(e)})),this._onWindowScrolling())},r.prototype.ngAfterContentInit=function(){this._observeRenderChanges(),this.cdr.markForCheck()},r.prototype._inputValidation=function(){this.inputs.gridBreakpoints=this.inputs.gridBreakpoints?this.inputs.gridBreakpoints:new c,void 0===this.inputs.grid.xl&&(this.inputs.grid.xl=this.inputs.grid.lg),this.type=0!==this.inputs.grid.all?"fixed":"responsive",this.loop=this.inputs.loop||!1,this.inputs.easing=this.inputs.easing||"cubic-bezier(0, 0, 0.2, 1)",this.touch.active=this.inputs.touch||!1,this.RTL=!!this.inputs.RTL,this.interval=this.inputs.interval||null,this.velocity="number"==typeof this.inputs.velocity?this.inputs.velocity:this.velocity,this.inputs.vertical&&this.inputs.vertical.enabled&&(this.vertical.enabled=this.inputs.vertical.enabled,this.vertical.height=this.inputs.vertical.height),this.directionSym=this.RTL?"":"-",this.point=!this.inputs.point||void 0===this.inputs.point.visible||this.inputs.point.visible,this._carouselSize()},r.prototype.ngOnDestroy=function(){this.carouselInt&&this.carouselInt.unsubscribe(),this._intervalController$.unsubscribe(),this.carouselLoad.complete(),this.onMove.complete(),clearTimeout(this.onScrolling);for(var t=1;t<=4;t++){var e="listener"+t;this[e]&&this[e]()}},r.prototype._onResizing=function(t){var e=this;clearTimeout(this.onResize),this.onResize=setTimeout((function(){e.deviceWidth!==t.target.outerWidth&&(e._setStyle(e.nguItemsContainer.nativeElement,"transition",""),e._storeCarouselData())}),500)},r.prototype._touch=function(){var t=this;this.inputs.touch&&import("hammerjs").then((function(){var e=new Hammer(t.touchContainer.nativeElement);e.get("pan").set({direction:Hammer.DIRECTION_HORIZONTAL}),e.on("panstart",(function(e){t.carouselWidth=t.nguItemsContainer.nativeElement.offsetWidth,t.touchTransform=t.transform[t.deviceType],t.dexVal=0,t._setStyle(t.nguItemsContainer.nativeElement,"transition","")})),t.vertical.enabled?(e.on("panup",(function(e){t._touchHandling("panleft",e)})),e.on("pandown",(function(e){t._touchHandling("panright",e)}))):(e.on("panleft",(function(e){t._touchHandling("panleft",e)})),e.on("panright",(function(e){t._touchHandling("panright",e)}))),e.on("panend pancancel",(function(e){if(Math.abs(e.velocity)>=t.velocity){t.touch.velocity=e.velocity;var i=0;i=t.RTL?"panright"===t.touch.swipe?1:0:"panright"===t.touch.swipe?0:1,t._carouselScrollOne(i)}else t.dexVal=0,t._setStyle(t.nguItemsContainer.nativeElement,"transition","transform 324ms cubic-bezier(0, 0, 0.2, 1)"),t._setStyle(t.nguItemsContainer.nativeElement,"transform","")})),e.on("hammer.input",(function(t){t.srcEvent.stopPropagation()}))}))},r.prototype._touchHandling=function(t,e){if(0!==e.center.x){var i=(e=Math.abs(this.vertical.enabled?e.deltaY:e.deltaX))-this.dexVal;i="responsive"===this.type?Math.abs(e-this.dexVal)/(this.vertical.enabled?this.vertical.height:this.carouselWidth)*100:i,this.dexVal=e,this.touch.swipe=t,this._setTouchTransfrom(t,i),this._setTransformFromTouch()}},r.prototype._setTouchTransfrom=function(t,e){var i=this.RTL?"panright":"panleft";this.touchTransform=t===i?e+this.touchTransform:this.touchTransform-e},r.prototype._setTransformFromTouch=function(){this.touchTransform<0&&(this.touchTransform=0);var t="responsive"===this.type?"%":"px";this._setStyle(this.nguItemsContainer.nativeElement,"transform",this.vertical.enabled?"translate3d(0, "+this.directionSym+this.touchTransform+t+", 0)":"translate3d("+this.directionSym+this.touchTransform+t+", 0, 0)")},r.prototype._onWindowScrolling=function(){var t=this.carousel.offsetTop,e=window.scrollY,i=window.innerHeight,s=this.carousel.offsetHeight;t<=e+i-s/4&&t+s/2>=e?this._intervalController$.next(1):this._intervalController$.next(0)},r.prototype._storeCarouselData=function(){var t=this.inputs.gridBreakpoints;this.deviceWidth=e.isPlatformBrowser(this.platformId)?window.innerWidth:t.xl,this.carouselWidth=this.carouselMain1.nativeElement.offsetWidth,"responsive"===this.type?(this.deviceType=this.deviceWidth>=t.xl?"xl":this.deviceWidth>=t.lg?"lg":this.deviceWidth>=t.md?"md":this.deviceWidth>=t.sm?"sm":"xs",this.items=this.inputs.grid[this.deviceType],this.itemWidth=this.carouselWidth/this.items):(this.items=Math.trunc(this.carouselWidth/this.inputs.grid.all),this.itemWidth=this.inputs.grid.all,this.deviceType="all"),this.slideItems=+(this.inputs.slide<this.items?this.inputs.slide:this.items),this.load=this.inputs.load>=this.slideItems?this.inputs.load:this.slideItems,this.speed=this.inputs.speed&&this.inputs.speed>-1?this.inputs.speed:400,this._carouselPoint()},r.prototype.reset=function(t){t&&(this.withAnim=!1),this.carouselCssNode.innerHTML="",this.moveTo(0),this._carouselPoint()},r.prototype._carouselPoint=function(){var t=this.dataSource.length-(this.items-this.slideItems);this.pointIndex=Math.ceil(t/this.slideItems);var e=[];if(this.pointIndex>1||!this.inputs.point.hideOnSingleSlide)for(var i=0;i<this.pointIndex;i++)e.push(i);this.pointNumbers=e,this._carouselPointActiver(),this.pointIndex<=1?this._btnBoolean(1,1):0!==this.currentSlide||this.loop?this._btnBoolean(0,0):this._btnBoolean(1,0)},r.prototype._carouselPointActiver=function(){var t=Math.ceil(this.currentSlide/this.slideItems);this.activePoint=t,this.cdr.markForCheck()},r.prototype.moveTo=function(t,e){if(e&&(this.withAnim=!1),this.activePoint!==t&&t<this.pointIndex){var i=void 0,s=this.currentSlide<t?1:0;switch(t){case 0:this._btnBoolean(1,0),i=t*this.slideItems;break;case this.pointIndex-1:this._btnBoolean(0,1),i=this.dataSource.length-this.items;break;default:this._btnBoolean(0,0),i=t*this.slideItems}this._carouselScrollTwo(s,i,this.speed)}},r.prototype._carouselSize=function(){this.token=this._generateID();var t="";this.styleid="."+this.token+" > .ngucarousel > .ngu-touch-container > .ngucarousel-items","banner"===this.inputs.custom&&this._renderer.addClass(this.carousel,"banner"),"lazy"===this.inputs.animation&&(t+=this.styleid+" > .item {transition: transform .6s ease;}");var e=this.inputs.gridBreakpoints,i="";if(this.vertical.enabled){var s=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.xs+"px}",n=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.sm+"px}",r=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.md+"px}",o=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.lg+"px}",a=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.xl+"px}";i="@media (max-width:"+(e.sm-1)+"px){"+s+"}\n                    @media (max-width:"+e.sm+"px){"+n+"}\n                    @media (min-width:"+e.md+"px){"+r+"}\n                    @media (min-width:"+e.lg+"px){"+o+"}\n                    @media (min-width:"+e.xl+"px){"+a+"}"}else if("responsive"===this.type){s="mobile"===this.inputs.type?this.styleid+" .item {flex: 0 0 "+95/+this.inputs.grid.xs+"%; width: "+95/+this.inputs.grid.xs+"%;}":this.styleid+" .item {flex: 0 0 "+100/+this.inputs.grid.xs+"%; width: "+100/+this.inputs.grid.xs+"%;}",n=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.sm+"%; width: "+100/+this.inputs.grid.sm+"%}",r=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.md+"%; width: "+100/+this.inputs.grid.md+"%}",o=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.lg+"%; width: "+100/+this.inputs.grid.lg+"%}",a=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.xl+"%; width: "+100/+this.inputs.grid.xl+"%}";i="@media (max-width:"+(e.sm-1)+"px){"+s+"}\n                    @media (min-width:"+e.sm+"px){"+n+"}\n                    @media (min-width:"+e.md+"px){"+r+"}\n                    @media (min-width:"+e.lg+"px){"+o+"}\n                    @media (min-width:"+e.xl+"px){"+a+"}"}else i=this.styleid+" .item {flex: 0 0 "+this.inputs.grid.all+"px; width: "+this.inputs.grid.all+"px;}";this._renderer.addClass(this.carousel,this.token),this.vertical.enabled&&(this._renderer.addClass(this.nguItemsContainer.nativeElement,"nguvertical"),this._renderer.setStyle(this.carouselMain1.nativeElement,"height",this.vertical.height+"px")),this.RTL&&!this.vertical.enabled&&this._renderer.addClass(this.carousel,"ngurtl"),this._createStyleElem(t+" "+i),this._storeCarouselData()},r.prototype._carouselScrollOne=function(t){var e=this.speed,i=0,s=Math.ceil(this.dexVal/this.itemWidth);if(this._setStyle(this.nguItemsContainer.nativeElement,"transform",""),1!==this.pointIndex)if(0!==t||(this.loop||this.isFirst)&&!this.loop)1!==t||(this.loop||this.isLast)&&!this.loop||(this.dataSource.length<=this.currentSlide+this.items+this.slideItems&&!this.isLast?(i=this.dataSource.length-this.items,this._btnBoolean(0,1)):this.isLast?(i=0,e=400,this._btnBoolean(1,0)):(this._btnBoolean(0,0),s>this.slideItems?(i=this.currentSlide+this.slideItems+(s-this.slideItems),e=200):i=this.currentSlide+this.slideItems),this._carouselScrollTwo(t,i,e));else{var n=this.currentSlide-this.slideItems+this.slideItems;this._btnBoolean(0,1),0===this.currentSlide?(i=this.dataSource.length-this.items,e=400,this._btnBoolean(0,1)):this.slideItems>=n?(i=0,this._btnBoolean(1,0)):(this._btnBoolean(0,0),s>this.slideItems?(i=this.currentSlide-s,e=200):i=this.currentSlide-this.slideItems),this._carouselScrollTwo(t,i,e)}},r.prototype._carouselScrollTwo=function(t,e,i){if(0!==this.dexVal){var s=Math.abs(this.touch.velocity),n=Math.floor(this.dexVal/s/this.dexVal*(this.deviceWidth-this.dexVal));i=(n=n>i?i:n)<200?200:n,this.dexVal=0}this.withAnim?(this._setStyle(this.nguItemsContainer.nativeElement,"transition","transform "+i+"ms "+this.inputs.easing),this.inputs.animation&&this._carouselAnimator(t,e+1,e+this.items,i,Math.abs(this.currentSlide-e))):this._setStyle(this.nguItemsContainer.nativeElement,"transition",""),this.itemLength=this.dataSource.length,this._transformStyle(e),this.currentSlide=e,this.onMove.emit(this),this._carouselPointActiver(),this._carouselLoadTrigger(),this.withAnim=!0},r.prototype._btnBoolean=function(t,e){this.isFirst=!!t,this.isLast=!!e},r.prototype._transformString=function(t,e){var i="";return i+=this.styleid+" { transform: translate3d(",this.vertical.enabled?(this.transform[t]=this.vertical.height/this.inputs.grid[t]*e,i+="0, -"+this.transform[t]+"px, 0"):(this.transform[t]=100/this.inputs.grid[t]*e,i+=""+this.directionSym+this.transform[t]+"%, 0, 0"),i+="); }"},r.prototype._transformStyle=function(t){var e="";if("responsive"===this.type){var i=this.inputs.gridBreakpoints;e="@media (max-width: "+(i.sm-1)+"px) {"+this._transformString("xs",t)+"}\n      @media (min-width: "+i.sm+"px) {"+this._transformString("sm",t)+" }\n      @media (min-width: "+i.md+"px) {"+this._transformString("md",t)+" }\n      @media (min-width: "+i.lg+"px) {"+this._transformString("lg",t)+" }\n      @media (min-width: "+i.xl+"px) {"+this._transformString("xl",t)+" }"}else this.transform.all=this.inputs.grid.all*t,e=this.styleid+" { transform: translate3d("+this.directionSym+this.transform.all+"px, 0, 0);";this.carouselCssNode.textContent=e},r.prototype._carouselLoadTrigger=function(){"number"==typeof this.inputs.load&&this.dataSource.length-this.load<=this.currentSlide+this.items&&this.carouselLoad.emit(this.currentSlide)},r.prototype._generateID=function(){for(var t="",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=0;i<6;i++)t+=e.charAt(Math.floor(Math.random()*e.length));return"ngucarousel"+t},r.prototype._carouselInterval=function(){var t=this,e=this.carouselMain1.nativeElement;if(this.interval&&this.loop){this.listener4=this._renderer.listen("window","scroll",(function(){clearTimeout(t.onScrolling),t.onScrolling=setTimeout((function(){t._onWindowScrolling()}),600)}));var i=s.fromEvent(e,"mouseleave").pipe(n.mapTo(1)),r=s.fromEvent(e,"mouseenter").pipe(n.mapTo(0)),o=s.fromEvent(e,"touchstart").pipe(n.mapTo(1)),a=s.fromEvent(e,"touchend").pipe(n.mapTo(0)),h=s.interval(this.inputs.interval.timing).pipe(n.mapTo(1));setTimeout((function(){t.carouselInt=s.merge(i,o,r,a,t._intervalController$).pipe(n.startWith(1),n.switchMap((function(e){return t.isHovered=!e,t.cdr.markForCheck(),e?h:s.EMPTY}))).subscribe((function(e){t._carouselScrollOne(1)}))}),this.interval.initialDelay)}},r.prototype._updateItemIndexContextAni=function(){for(var t=this._nodeOutlet.viewContainer,e=0,i=t.length;e<i;e++){var s=t.get(e).context;s.count=i,s.first=0===e,s.last=e===i-1,s.even=e%2==0,s.odd=!s.even,s.index=e}},r.prototype._carouselAnimator=function(t,e,i,s,n,r){var o=this;void 0===r&&(r=this._nodeOutlet.viewContainer);var a=n<5?n:5;a=1===a?3:a;var h=[];if(1===t)for(var l=e-1;l<i;l++){h.push(l),a*=2,r.get(l).context.animate={value:!0,params:{distance:a}}}else for(l=i-1;l>=e-1;l--){h.push(l),a*=2,r.get(l).context.animate={value:!0,params:{distance:-a}}}this.cdr.markForCheck(),setTimeout((function(){o._removeAnimations(h)}),.7*s)},r.prototype._removeAnimations=function(t){var e=this._nodeOutlet.viewContainer;t.forEach((function(t){e.get(t).context.animate={value:!1,params:{distance:0}}})),this.cdr.markForCheck()},r.prototype._setStyle=function(t,e,i){this._renderer.setStyle(t,e,i)},r.prototype._createStyleElem=function(t){var e=this._renderer.createElement("style");if(t){var i=this._renderer.createText(t);this._renderer.appendChild(e,i)}return this._renderer.appendChild(this.carousel,e),e},r}(r);b.decorators=[{type:i.Component,args:[{selector:"ngu-carousel",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',changeDetection:i.ChangeDetectionStrategy.OnPush,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}"]}]}],b.ctorParameters=function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.IterableDiffers},{type:Object,decorators:[{type:i.Inject,args:[i.PLATFORM_ID]}]},{type:i.ChangeDetectorRef}]},b.propDecorators={inputs:[{type:i.Input}],carouselLoad:[{type:i.Output}],onMove:[{type:i.Output}],dataSource:[{type:i.Input,args:["dataSource"]}],_defDirec:[{type:i.ContentChildren,args:[_]}],_nodeOutlet:[{type:i.ViewChild,args:[x,{static:!0}]}],nextBtn:[{type:i.ContentChild,args:[f,{read:i.ElementRef}]}],prevBtn:[{type:i.ContentChild,args:[v,{read:i.ElementRef}]}],carouselMain1:[{type:i.ViewChild,args:["ngucarousel",{read:i.ElementRef,static:!0}]}],nguItemsContainer:[{type:i.ViewChild,args:["nguItemsContainer",{read:i.ElementRef,static:!0}]}],touchContainer:[{type:i.ViewChild,args:["touchContainer",{read:i.ElementRef,static:!0}]}],trackBy:[{type:i.Input}]};var C=function(){this.classes=!0};C.decorators=[{type:i.Component,args:[{selector:"ngu-item",template:"<ng-content></ng-content>\r\n",styles:[""]}]}],C.propDecorators={classes:[{type:i.HostBinding,args:["class.item"]}]};var w=function(){this.classes=!0};w.decorators=[{type:i.Component,args:[{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)}"]}]}],w.propDecorators={classes:[{type:i.HostBinding,args:["class.item"]}]};var S=function(){};S.decorators=[{type:i.NgModule,args:[{imports:[e.CommonModule],exports:[b,C,w,y,g,f,v,_,x],declarations:[b,C,w,y,g,f,v,_,x]}]}],t.NguCarousel=b,t.NguCarouselConfig=d,t.NguCarouselDefDirective=_,t.NguCarouselItemDirective=g,t.NguCarouselModule=S,t.NguCarouselNextDirective=f,t.NguCarouselOutlet=x,t.NguCarouselPointDirective=y,t.NguCarouselPrevDirective=v,t.NguCarouselStore=r,t.NguItemComponent=C,t.NguTileComponent=w,t.ɵa=o,t.ɵb=h,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/core"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@ngu/carousel",["exports","@angular/common","@angular/core","rxjs","rxjs/operators"],e):e(((t=t||self).ngu=t.ngu||{},t.ngu.carousel={}),t.ng.common,t.ng.core,t.rxjs,t.rxjs.operators)}(this,(function(t,e,i,s,n){"use strict";var r=function(t,e,i,s,n,r,o,h,c,d,p,m,g,f,v,y,_,x,b,C,w,S,I,T,D,P,E,k,O){void 0===t&&(t=new l),void 0===e&&(e=new a),void 0===s&&(s=new u),void 0===h&&(h="fixed"),void 0===c&&(c=""),void 0===d&&(d=0),void 0===p&&(p=0),void 0===m&&(m=0),void 0===g&&(g=0),void 0===f&&(f=0),void 0===v&&(v=0),void 0===y&&(y=0),void 0===_&&(_=0),void 0===x&&(x=0),void 0===b&&(b="cubic-bezier(0, 0, 0.2, 1)"),void 0===C&&(C=200),void 0===w&&(w=!1),void 0===S&&(S=0),void 0===I&&(I=0),void 0===T&&(T=!1),void 0===D&&(D=!0),void 0===P&&(P=!1),void 0===E&&(E=!1),void 0===k&&(k=!0),void 0===O&&(O=1),this.touch=t,this.vertical=e,this.interval=i,this.transform=s,this.button=n,this.visibleItems=r,this.deviceType=o,this.type=h,this.token=c,this.items=d,this.load=p,this.deviceWidth=m,this.carouselWidth=g,this.itemWidth=f,this.slideItems=v,this.itemWidthPer=y,this.itemLength=_,this.currentSlide=x,this.easing=b,this.speed=C,this.loop=w,this.dexVal=S,this.touchTransform=I,this.isEnd=T,this.isFirst=D,this.isLast=P,this.RTL=E,this.point=k,this.velocity=O},o=function(){},a=function(){},h=function(){},l=function(){},u=function(t,e,i,s,n){void 0===t&&(t=0),void 0===e&&(e=0),void 0===i&&(i=0),void 0===s&&(s=0),void 0===n&&(n=0),this.xs=t,this.sm=e,this.md=i,this.lg=s,this.all=n,this.xl=0},c=function(t,e,i,s){void 0===t&&(t=768),void 0===e&&(e=992),void 0===i&&(i=1200),void 0===s&&(s=1200),this.sm=t,this.md=e,this.lg=i,this.xl=s},d=function(){},p=function(t){this.$implicit=t},m=function(t,e){return(m=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)};Object.create;Object.create;var g=function(){};g.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselItem]"}]}];var f=function(){};f.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselNext]"}]}];var v=function(){};v.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselPrev]"}]}];var y=function(){};y.decorators=[{type:i.Directive,args:[{selector:"[NguCarouselPoint]"}]}];var _=function(t){this.template=t};_.decorators=[{type:i.Directive,args:[{selector:"[nguCarouselDef]"}]}],_.ctorParameters=function(){return[{type:i.TemplateRef}]};var x=function(t){this.viewContainer=t};x.decorators=[{type:i.Directive,args:[{selector:"[nguCarouselOutlet]"}]}],x.ctorParameters=function(){return[{type:i.ViewContainerRef}]};var b=function(t){function r(e,n,r,o,a){var h=t.call(this)||this;return h._el=e,h._renderer=n,h._differs=r,h.platformId=o,h.cdr=a,h.withAnim=!0,h.isHovered=!1,h.carouselLoad=new i.EventEmitter,h.onMove=new i.EventEmitter,h._intervalController$=new s.Subject,h.pointNumbers=[],h}return function(t,e){function i(){this.constructor=t}m(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}(r,t),Object.defineProperty(r.prototype,"dataSource",{get:function(){return this._dataSource},set:function(t){t&&this._switchDataSource(t)},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"nextBtn",{set:function(t){var e=this;this.listener2&&this.listener2(),t&&(this.listener2=this._renderer.listen(t.nativeElement,"click",(function(){return e._carouselScrollOne(1)})))},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"prevBtn",{set:function(t){var e=this;this.listener1&&this.listener1(),t&&(this.listener1=this._renderer.listen(t.nativeElement,"click",(function(){return e._carouselScrollOne(0)})))},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"trackBy",{get:function(){return this._trackByFn},set:function(t){i.isDevMode()&&null!=t&&"function"!=typeof t&&console&&console.warn&&console.warn("trackBy must be a function, but received "+JSON.stringify(t)+"."),this._trackByFn=t},enumerable:!1,configurable:!0}),r.prototype.ngOnInit=function(){var t=this;this._dataDiffer=this._differs.find([]).create((function(e,i){return t.trackBy?t.trackBy(e,i):i}))},r.prototype.ngDoCheck=function(){this.arrayChanges=this._dataDiffer.diff(this.dataSource),this.arrayChanges&&this._defDirec&&this._observeRenderChanges()},r.prototype._switchDataSource=function(t){this._dataSource=t,this._defDirec&&this._observeRenderChanges()},r.prototype._observeRenderChanges=function(){var t,e=this;this._dataSource instanceof s.Observable?t=this._dataSource:Array.isArray(this._dataSource)&&(t=s.of(this._dataSource)),t&&(this._dataSubscription=t.pipe(n.takeUntil(this._intervalController$)).subscribe((function(t){e.renderNodeChanges(t),e.isLast=!1})))},r.prototype.renderNodeChanges=function(t,e){var i=this;void 0===e&&(e=this._nodeOutlet.viewContainer),this.arrayChanges&&(this.arrayChanges.forEachOperation((function(s,n,r){var o=i._getNodeDef(t[r],r);if(null==s.previousIndex){var a=new p(t[r]);a.index=r,e.createEmbeddedView(o.template,a,r)}else if(null==r)e.remove(n);else{var h=e.get(n);e.move(h,r)}})),this._updateItemIndexContext(),this.carousel&&this._storeCarouselData())},r.prototype._updateItemIndexContext=function(){for(var t=this._nodeOutlet.viewContainer,e=0,i=t.length;e<i;e++){var s=t.get(e).context;s.count=i,s.first=0===e,s.last=e===i-1,s.even=e%2==0,s.odd=!s.even,s.index=e}},r.prototype._getNodeDef=function(t,e){return 1===this._defDirec.length?this._defDirec.first:this._defDirec.find((function(i){return i.when&&i.when(e,t)}))||this._defaultNodeDef},r.prototype.ngAfterViewInit=function(){var t=this;this.carousel=this._el.nativeElement,this._inputValidation(),this.carouselCssNode=this._createStyleElem(),e.isPlatformBrowser(this.platformId)&&(this._carouselInterval(),this.vertical.enabled||this._touch(),this.listener3=this._renderer.listen("window","resize",(function(e){t._onResizing(e)})),this._onWindowScrolling())},r.prototype.ngAfterContentInit=function(){this._observeRenderChanges(),this.cdr.markForCheck()},r.prototype._inputValidation=function(){this.inputs.gridBreakpoints=this.inputs.gridBreakpoints?this.inputs.gridBreakpoints:new c,void 0===this.inputs.grid.xl&&(this.inputs.grid.xl=this.inputs.grid.lg),this.type=0!==this.inputs.grid.all?"fixed":"responsive",this.loop=this.inputs.loop||!1,this.inputs.easing=this.inputs.easing||"cubic-bezier(0, 0, 0.2, 1)",this.touch.active=this.inputs.touch||!1,this.RTL=!!this.inputs.RTL,this.interval=this.inputs.interval||null,this.velocity="number"==typeof this.inputs.velocity?this.inputs.velocity:this.velocity,this.inputs.vertical&&this.inputs.vertical.enabled&&(this.vertical.enabled=this.inputs.vertical.enabled,this.vertical.height=this.inputs.vertical.height),this.directionSym=this.RTL?"":"-",this.point=!this.inputs.point||void 0===this.inputs.point.visible||this.inputs.point.visible,this._carouselSize()},r.prototype.ngOnDestroy=function(){this.carouselInt&&this.carouselInt.unsubscribe(),this._intervalController$.unsubscribe(),this.carouselLoad.complete(),this.onMove.complete(),clearTimeout(this.onScrolling);for(var t=1;t<=4;t++){var e="listener"+t;this[e]&&this[e]()}},r.prototype._onResizing=function(t){var e=this;clearTimeout(this.onResize),this.onResize=setTimeout((function(){e.deviceWidth!==t.target.outerWidth&&(e._setStyle(e.nguItemsContainer.nativeElement,"transition",""),e._storeCarouselData())}),500)},r.prototype._touch=function(){var t=this;this.inputs.touch&&import("hammerjs").then((function(){var e=new Hammer(t.touchContainer.nativeElement);e.get("pan").set({direction:Hammer.DIRECTION_HORIZONTAL}),e.on("panstart",(function(e){t.carouselWidth=t.nguItemsContainer.nativeElement.offsetWidth,t.touchTransform=t.transform[t.deviceType],t.dexVal=0,t._setStyle(t.nguItemsContainer.nativeElement,"transition","")})),t.vertical.enabled?(e.on("panup",(function(e){t._touchHandling("panleft",e)})),e.on("pandown",(function(e){t._touchHandling("panright",e)}))):(e.on("panleft",(function(e){t._touchHandling("panleft",e)})),e.on("panright",(function(e){t._touchHandling("panright",e)}))),e.on("panend pancancel",(function(e){if(Math.abs(e.velocity)>=t.velocity){t.touch.velocity=e.velocity;var i=0;i=t.RTL?"panright"===t.touch.swipe?1:0:"panright"===t.touch.swipe?0:1,t._carouselScrollOne(i)}else t.dexVal=0,t._setStyle(t.nguItemsContainer.nativeElement,"transition","transform 324ms cubic-bezier(0, 0, 0.2, 1)"),t._setStyle(t.nguItemsContainer.nativeElement,"transform","")})),e.on("hammer.input",(function(t){t.srcEvent.stopPropagation()}))}))},r.prototype._touchHandling=function(t,e){if(0!==e.center.x){var i=(e=Math.abs(this.vertical.enabled?e.deltaY:e.deltaX))-this.dexVal;i="responsive"===this.type?Math.abs(e-this.dexVal)/(this.vertical.enabled?this.vertical.height:this.carouselWidth)*100:i,this.dexVal=e,this.touch.swipe=t,this._setTouchTransfrom(t,i),this._setTransformFromTouch()}},r.prototype._setTouchTransfrom=function(t,e){var i=this.RTL?"panright":"panleft";this.touchTransform=t===i?e+this.touchTransform:this.touchTransform-e},r.prototype._setTransformFromTouch=function(){this.touchTransform<0&&(this.touchTransform=0);var t="responsive"===this.type?"%":"px";this._setStyle(this.nguItemsContainer.nativeElement,"transform",this.vertical.enabled?"translate3d(0, "+this.directionSym+this.touchTransform+t+", 0)":"translate3d("+this.directionSym+this.touchTransform+t+", 0, 0)")},r.prototype._onWindowScrolling=function(){var t=this.carousel.offsetTop,e=window.scrollY,i=window.innerHeight,s=this.carousel.offsetHeight;t<=e+i-s/4&&t+s/2>=e?this._intervalController$.next(1):this._intervalController$.next(0)},r.prototype._storeCarouselData=function(){var t=this.inputs.gridBreakpoints;this.deviceWidth=e.isPlatformBrowser(this.platformId)?window.innerWidth:t.xl,this.carouselWidth=this.carouselMain1.nativeElement.offsetWidth,"responsive"===this.type?(this.deviceType=this.deviceWidth>=t.xl?"xl":this.deviceWidth>=t.lg?"lg":this.deviceWidth>=t.md?"md":this.deviceWidth>=t.sm?"sm":"xs",this.items=this.inputs.grid[this.deviceType],this.itemWidth=this.carouselWidth/this.items):(this.items=Math.trunc(this.carouselWidth/this.inputs.grid.all),this.itemWidth=this.inputs.grid.all,this.deviceType="all"),this.slideItems=+(this.inputs.slide<this.items?this.inputs.slide:this.items),this.load=this.inputs.load>=this.slideItems?this.inputs.load:this.slideItems,this.speed=this.inputs.speed&&this.inputs.speed>-1?this.inputs.speed:400,this._carouselPoint()},r.prototype.reset=function(t){t&&(this.withAnim=!1),this.carouselCssNode.innerHTML="",this.moveTo(0),this._carouselPoint()},r.prototype._carouselPoint=function(){var t=this.dataSource.length-(this.items-this.slideItems);this.pointIndex=Math.ceil(t/this.slideItems);var e=[];if(this.pointIndex>1||!this.inputs.point.hideOnSingleSlide)for(var i=0;i<this.pointIndex;i++)e.push(i);this.pointNumbers=e,this._carouselPointActiver(),this.pointIndex<=1?this._btnBoolean(1,1):0!==this.currentSlide||this.loop?this._btnBoolean(0,0):this._btnBoolean(1,0)},r.prototype._carouselPointActiver=function(){var t=Math.ceil(this.currentSlide/this.slideItems);this.activePoint=t,this.cdr.markForCheck()},r.prototype.moveTo=function(t,e){if(e&&(this.withAnim=!1),this.activePoint!==t&&t<this.pointIndex){var i=void 0,s=this.currentSlide<t?1:0;switch(t){case 0:this._btnBoolean(1,0),i=t*this.slideItems;break;case this.pointIndex-1:this._btnBoolean(0,1),i=this.dataSource.length-this.items;break;default:this._btnBoolean(0,0),i=t*this.slideItems}this._carouselScrollTwo(s,i,this.speed)}},r.prototype._carouselSize=function(){this.token=this._generateID();var t="";this.styleid="."+this.token+" > .ngucarousel > .ngu-touch-container > .ngucarousel-items","banner"===this.inputs.custom&&this._renderer.addClass(this.carousel,"banner"),"lazy"===this.inputs.animation&&(t+=this.styleid+" > .item {transition: transform .6s ease;}");var e=this.inputs.gridBreakpoints,i="";if(this.vertical.enabled){var s=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.xs+"px}",n=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.sm+"px}",r=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.md+"px}",o=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.lg+"px}",a=this.styleid+" > .item {height: "+this.vertical.height/+this.inputs.grid.xl+"px}";i="@media (max-width:"+(e.sm-1)+"px){"+s+"}\n                    @media (max-width:"+e.sm+"px){"+n+"}\n                    @media (min-width:"+e.md+"px){"+r+"}\n                    @media (min-width:"+e.lg+"px){"+o+"}\n                    @media (min-width:"+e.xl+"px){"+a+"}"}else if("responsive"===this.type){s="mobile"===this.inputs.type?this.styleid+" .item {flex: 0 0 "+95/+this.inputs.grid.xs+"%; width: "+95/+this.inputs.grid.xs+"%;}":this.styleid+" .item {flex: 0 0 "+100/+this.inputs.grid.xs+"%; width: "+100/+this.inputs.grid.xs+"%;}",n=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.sm+"%; width: "+100/+this.inputs.grid.sm+"%}",r=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.md+"%; width: "+100/+this.inputs.grid.md+"%}",o=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.lg+"%; width: "+100/+this.inputs.grid.lg+"%}",a=this.styleid+" > .item {flex: 0 0 "+100/+this.inputs.grid.xl+"%; width: "+100/+this.inputs.grid.xl+"%}";i="@media (max-width:"+(e.sm-1)+"px){"+s+"}\n                    @media (min-width:"+e.sm+"px){"+n+"}\n                    @media (min-width:"+e.md+"px){"+r+"}\n                    @media (min-width:"+e.lg+"px){"+o+"}\n                    @media (min-width:"+e.xl+"px){"+a+"}"}else i=this.styleid+" .item {flex: 0 0 "+this.inputs.grid.all+"px; width: "+this.inputs.grid.all+"px;}";this._renderer.addClass(this.carousel,this.token),this.vertical.enabled&&(this._renderer.addClass(this.nguItemsContainer.nativeElement,"nguvertical"),this._renderer.setStyle(this.carouselMain1.nativeElement,"height",this.vertical.height+"px")),this.RTL&&!this.vertical.enabled&&this._renderer.addClass(this.carousel,"ngurtl"),this._createStyleElem(t+" "+i),this._storeCarouselData()},r.prototype._carouselScrollOne=function(t){var e=this.speed,i=0,s=Math.ceil(this.dexVal/this.itemWidth);if(this._setStyle(this.nguItemsContainer.nativeElement,"transform",""),1!==this.pointIndex)if(0!==t||(this.loop||this.isFirst)&&!this.loop)1!==t||(this.loop||this.isLast)&&!this.loop||(this.dataSource.length<=this.currentSlide+this.items+this.slideItems&&!this.isLast?(i=this.dataSource.length-this.items,this._btnBoolean(0,1)):this.isLast?(i=0,e=400,this._btnBoolean(1,0)):(this._btnBoolean(0,0),s>this.slideItems?(i=this.currentSlide+this.slideItems+(s-this.slideItems),e=200):i=this.currentSlide+this.slideItems),this._carouselScrollTwo(t,i,e));else{var n=this.currentSlide-this.slideItems+this.slideItems;this._btnBoolean(0,1),0===this.currentSlide?(i=this.dataSource.length-this.items,e=400,this._btnBoolean(0,1)):this.slideItems>=n?(i=0,this._btnBoolean(1,0)):(this._btnBoolean(0,0),s>this.slideItems?(i=this.currentSlide-s,e=200):i=this.currentSlide-this.slideItems),this._carouselScrollTwo(t,i,e)}},r.prototype._carouselScrollTwo=function(t,e,i){if(0!==this.dexVal){var s=Math.abs(this.touch.velocity),n=Math.floor(this.dexVal/s/this.dexVal*(this.deviceWidth-this.dexVal));i=(n=n>i?i:n)<200?200:n,this.dexVal=0}this.withAnim?(this._setStyle(this.nguItemsContainer.nativeElement,"transition","transform "+i+"ms "+this.inputs.easing),this.inputs.animation&&this._carouselAnimator(t,e+1,e+this.items,i,Math.abs(this.currentSlide-e))):this._setStyle(this.nguItemsContainer.nativeElement,"transition",""),this.itemLength=this.dataSource.length,this._transformStyle(e),this.currentSlide=e,this.onMove.emit(this),this._carouselPointActiver(),this._carouselLoadTrigger(),this.withAnim=!0},r.prototype._btnBoolean=function(t,e){this.isFirst=!!t,this.isLast=!!e},r.prototype._transformString=function(t,e){var i="";return i+=this.styleid+" { transform: translate3d(",this.vertical.enabled?(this.transform[t]=this.vertical.height/this.inputs.grid[t]*e,i+="0, -"+this.transform[t]+"px, 0"):(this.transform[t]=100/this.inputs.grid[t]*e,i+=""+this.directionSym+this.transform[t]+"%, 0, 0"),i+="); }"},r.prototype._transformStyle=function(t){var e="";if("responsive"===this.type){var i=this.inputs.gridBreakpoints;e="@media (max-width: "+(i.sm-1)+"px) {"+this._transformString("xs",t)+"}\n      @media (min-width: "+i.sm+"px) {"+this._transformString("sm",t)+" }\n      @media (min-width: "+i.md+"px) {"+this._transformString("md",t)+" }\n      @media (min-width: "+i.lg+"px) {"+this._transformString("lg",t)+" }\n      @media (min-width: "+i.xl+"px) {"+this._transformString("xl",t)+" }"}else this.transform.all=this.inputs.grid.all*t,e=this.styleid+" { transform: translate3d("+this.directionSym+this.transform.all+"px, 0, 0);";this.carouselCssNode.textContent=e},r.prototype._carouselLoadTrigger=function(){"number"==typeof this.inputs.load&&this.dataSource.length-this.load<=this.currentSlide+this.items&&this.carouselLoad.emit(this.currentSlide)},r.prototype._generateID=function(){for(var t="",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=0;i<6;i++)t+=e.charAt(Math.floor(Math.random()*e.length));return"ngucarousel"+t},r.prototype._carouselInterval=function(){var t=this,e=this.carouselMain1.nativeElement;if(this.interval&&this.loop){this.listener4=this._renderer.listen("window","scroll",(function(){clearTimeout(t.onScrolling),t.onScrolling=setTimeout((function(){t._onWindowScrolling()}),600)}));var i=s.fromEvent(e,"mouseleave").pipe(n.mapTo(1)),r=s.fromEvent(e,"mouseenter").pipe(n.mapTo(0)),o=s.fromEvent(e,"touchstart").pipe(n.mapTo(1)),a=s.fromEvent(e,"touchend").pipe(n.mapTo(0)),h=s.interval(this.inputs.interval.timing).pipe(n.mapTo(1));setTimeout((function(){t.carouselInt=s.merge(i,o,r,a,t._intervalController$).pipe(n.startWith(1),n.switchMap((function(e){return t.isHovered=!e,t.cdr.markForCheck(),e?h:s.EMPTY}))).subscribe((function(e){t._carouselScrollOne(1)}))}),this.interval.initialDelay)}},r.prototype._updateItemIndexContextAni=function(){for(var t=this._nodeOutlet.viewContainer,e=0,i=t.length;e<i;e++){var s=t.get(e).context;s.count=i,s.first=0===e,s.last=e===i-1,s.even=e%2==0,s.odd=!s.even,s.index=e}},r.prototype._carouselAnimator=function(t,e,i,s,n,r){var o=this;void 0===r&&(r=this._nodeOutlet.viewContainer);var a=n<5?n:5;a=1===a?3:a;var h=[];if(1===t)for(var l=e-1;l<i;l++){h.push(l),a*=2,r.get(l).context.animate={value:!0,params:{distance:a}}}else for(l=i-1;l>=e-1;l--){h.push(l),a*=2,r.get(l).context.animate={value:!0,params:{distance:-a}}}this.cdr.markForCheck(),setTimeout((function(){o._removeAnimations(h)}),.7*s)},r.prototype._removeAnimations=function(t){var e=this._nodeOutlet.viewContainer;t.forEach((function(t){e.get(t).context.animate={value:!1,params:{distance:0}}})),this.cdr.markForCheck()},r.prototype._setStyle=function(t,e,i){this._renderer.setStyle(t,e,i)},r.prototype._createStyleElem=function(t){var e=this._renderer.createElement("style");if(t){var i=this._renderer.createText(t);this._renderer.appendChild(e,i)}return this._renderer.appendChild(this.carousel,e),e},r}(r);b.decorators=[{type:i.Component,args:[{selector:"ngu-carousel",template:'<div #ngucarousel class="ngucarousel">\r\n  <ng-content select="[NguCarouselPrev]"></ng-content>\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="[NguCarouselNext]"></ng-content>\r\n</div>\r\n<ng-content select="[NguCarouselPoint]"></ng-content>\r\n',changeDetection:i.ChangeDetectionStrategy.OnPush,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}"]}]}],b.ctorParameters=function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.IterableDiffers},{type:Object,decorators:[{type:i.Inject,args:[i.PLATFORM_ID]}]},{type:i.ChangeDetectorRef}]},b.propDecorators={inputs:[{type:i.Input}],carouselLoad:[{type:i.Output}],onMove:[{type:i.Output}],dataSource:[{type:i.Input,args:["dataSource"]}],_defDirec:[{type:i.ContentChildren,args:[_]}],_nodeOutlet:[{type:i.ViewChild,args:[x,{static:!0}]}],nextBtn:[{type:i.ContentChild,args:[f,{read:i.ElementRef}]}],prevBtn:[{type:i.ContentChild,args:[v,{read:i.ElementRef}]}],carouselMain1:[{type:i.ViewChild,args:["ngucarousel",{read:i.ElementRef,static:!0}]}],nguItemsContainer:[{type:i.ViewChild,args:["nguItemsContainer",{read:i.ElementRef,static:!0}]}],touchContainer:[{type:i.ViewChild,args:["touchContainer",{read:i.ElementRef,static:!0}]}],trackBy:[{type:i.Input}]};var C=function(){this.classes=!0};C.decorators=[{type:i.Component,args:[{selector:"ngu-item",template:"<ng-content></ng-content>\r\n",styles:[""]}]}],C.propDecorators={classes:[{type:i.HostBinding,args:["class.item"]}]};var w=function(){this.classes=!0};w.decorators=[{type:i.Component,args:[{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)}"]}]}],w.propDecorators={classes:[{type:i.HostBinding,args:["class.item"]}]};var S=function(){};S.decorators=[{type:i.NgModule,args:[{imports:[e.CommonModule],exports:[b,C,w,y,g,f,v,_,x],declarations:[b,C,w,y,g,f,v,_,x]}]}],t.NguCarousel=b,t.NguCarouselConfig=d,t.NguCarouselDefDirective=_,t.NguCarouselItemDirective=g,t.NguCarouselModule=S,t.NguCarouselNextDirective=f,t.NguCarouselOutlet=x,t.NguCarouselPointDirective=y,t.NguCarouselPrevDirective=v,t.NguCarouselStore=r,t.NguItemComponent=C,t.NguTileComponent=w,t.ɵa=o,t.ɵb=h,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ngu-carousel.umd.min.js.map

fesm2015/ngu-carousel.js

@@ -204,3 +204,3 @@ import { isPlatformBrowser, CommonModule } from '@angular/common';
         this._dataDiffer = this._differs.find([]).create((_i, item) => {
-            return this.trackBy ? this.trackBy(item.dataIndex, item.data) : item;
+            return this.trackBy ? this.trackBy(_i, item) : item;
         });
@@ -833,3 +833,3 @@ }
                 selector: 'ngu-carousel',
-                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",
+                template: "<div #ngucarousel class=\"ngucarousel\">\r\n  <ng-content select=\"[NguCarouselPrev]\"></ng-content>\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=\"[NguCarouselNext]\"></ng-content>\r\n</div>\r\n<ng-content select=\"[NguCarouselPoint]\"></ng-content>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
@@ -836,0 +836,0 @@ 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}"]

lib/ngu-carousel/ngu-carousel.component.d.ts

@@ -1,5 +0,5 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, IterableChanges, IterableDiffer, IterableDiffers, OnDestroy, OnInit, Renderer2, TrackByFunction } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, IterableChanges, IterableDiffer, IterableDiffers, OnDestroy, OnInit, Renderer2, TrackByFunction } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { NguCarouselOutlet } from './../ngu-carousel.directive';
-import { NguCarouselStore } from './ngu-carousel';
+import { NguCarouselConfig, NguCarouselStore } from './ngu-carousel';
 export declare class NguCarousel<T> extends NguCarouselStore implements OnInit, AfterContentInit, AfterViewInit, OnDestroy, DoCheck {
@@ -21,5 +21,5 @@ private _el;
     isHovered: boolean;
-    private inputs;
-    private carouselLoad;
-    private onMove;
+    inputs: NguCarouselConfig;
+    carouselLoad: EventEmitter<any>;
+    onMove: EventEmitter<NguCarousel<T>>;
     arrayChanges: IterableChanges<{}>;
@@ -26,0 +26,0 @@ carouselInt: Subscription;

ngu-carousel.metadata.json

@@ -1,1 +0,1 @@
-{"__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"}
+{"__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  <ng-content select=\"[NguCarouselPrev]\"></ng-content>\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=\"[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":61,"character":3}}]}],"carouselLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"onMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["dataSource"]}]}],"_defDirec":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":86,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselDefDirective"}]}]}],"_nodeOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselOutlet"},{"static":true}]}]}],"nextBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":95,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselNextDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":95,"character":78}}]}]}],"prevBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":108,"character":3},"arguments":[{"__symbolic":"reference","name":"NguCarouselPrevDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":108,"character":78}}]}]}],"carouselMain1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":["ngucarousel",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":118,"character":36},"static":true}]}]}],"nguItemsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":3},"arguments":["nguItemsContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":121,"character":42},"static":true}]}]}],"touchContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":["touchContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":124,"character":39},"static":true}]}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":158,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":158,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":155,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":156,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers","line":157,"character":22},{"__symbolic":"error","message":"Expression form not supported","line":158,"character":45,"module":"./lib/ngu-carousel/ngu-carousel.component"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":159,"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"}

package.json

 {
   "name": "@ngu/carousel",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^10.0.4",

No alert changes

Worsened metrics

Total package byte prevSize

560755

decreased by-0.05%

No dependency changes