ngx-slick-carousel - npm Package Compare versions

Comparing version 0.2.5 to 0.2.6

bundles/ngx-slick-carousel.umd.js

@@ -7,4 +7,4 @@ (function (global, factory) {
 
-var SlickComponent = (function () {
-    function SlickComponent(el, zone) {
+var SlickCarouselComponent = (function () {
+    function SlickCarouselComponent(el, zone) {
         this.el = el;
@@ -20,10 +20,10 @@ this.zone = zone;
     }
-    SlickComponent.prototype.ngOnDestroy =
+    SlickCarouselComponent.prototype.ngOnDestroy =
         function () {
             this.unslick();
         };
-    SlickComponent.prototype.ngAfterViewInit =
+    SlickCarouselComponent.prototype.ngAfterViewInit =
         function () {
         };
-    SlickComponent.prototype.initSlick =
+    SlickCarouselComponent.prototype.initSlick =
         function () {
@@ -62,3 +62,3 @@ var _this = this;
         };
-    SlickComponent.prototype.addSlide =
+    SlickCarouselComponent.prototype.addSlide =
         function (slickItem) {
@@ -71,3 +71,3 @@ if (!this.initialized) {
         };
-    SlickComponent.prototype.removeSlide =
+    SlickCarouselComponent.prototype.removeSlide =
         function (slickItem) {
@@ -78,3 +78,3 @@ var idx = this.slides.indexOf(slickItem);
         };
-    SlickComponent.prototype.slickGoTo =
+    SlickCarouselComponent.prototype.slickGoTo =
         function (index) {
@@ -86,3 +86,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickNext =
+    SlickCarouselComponent.prototype.slickNext =
         function () {
@@ -94,3 +94,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickPrev =
+    SlickCarouselComponent.prototype.slickPrev =
         function () {
@@ -102,3 +102,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickPause =
+    SlickCarouselComponent.prototype.slickPause =
         function () {
@@ -110,3 +110,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickPlay =
+    SlickCarouselComponent.prototype.slickPlay =
         function () {
@@ -118,3 +118,3 @@ var _this = this;
         };
-    SlickComponent.prototype.unslick =
+    SlickCarouselComponent.prototype.unslick =
         function () {
@@ -127,9 +127,9 @@ var _this = this;
         };
-    SlickComponent.decorators = [
+    SlickCarouselComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'ngx-slick-carousel',
-                    exportAs: 'slick-modal',
+                    exportAs: 'slick-carousel',
                     providers: [{
                             provide: forms.NG_VALUE_ACCESSOR,
-                            useExisting: core.forwardRef(function () { return SlickComponent; }),
+                            useExisting: core.forwardRef(function () { return SlickCarouselComponent; }),
                             multi: true
@@ -140,3 +140,3 @@ }],
     ];
-    SlickComponent.ctorParameters = function () {
+    SlickCarouselComponent.ctorParameters = function () {
         return [
@@ -147,3 +147,3 @@ { type: core.ElementRef, },
     };
-    SlickComponent.propDecorators = {
+    SlickCarouselComponent.propDecorators = {
         "config": [{ type: core.Input },],
@@ -156,3 +156,3 @@ "afterChange": [{ type: core.Output },],
     };
-    return SlickComponent;
+    return SlickCarouselComponent;
 }());
@@ -186,3 +186,3 @@ var SlickItemDirective = (function () {
             { type: undefined, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] },] },
-            { type: SlickComponent, decorators: [{ type: core.Host },] },
+            { type: SlickCarouselComponent, decorators: [{ type: core.Host },] },
         ];
@@ -192,12 +192,12 @@ };
 }());
-var SlickModule = (function () {
-    function SlickModule() {
+var SlickCarouselModule = (function () {
+    function SlickCarouselModule() {
     }
-    SlickModule.forRoot =
+    SlickCarouselModule.forRoot =
         function () {
             return {
-                ngModule: SlickModule,
+                ngModule: SlickCarouselModule,
             };
         };
-    SlickModule.decorators = [
+    SlickCarouselModule.decorators = [
         { type: core.NgModule, args: [{
@@ -208,7 +208,7 @@ imports: [
                     declarations: [
-                        SlickComponent,
+                        SlickCarouselComponent,
                         SlickItemDirective,
                     ],
                     exports: [
-                        SlickComponent,
+                        SlickCarouselComponent,
                         SlickItemDirective,
@@ -218,7 +218,7 @@ ]
     ];
-    return SlickModule;
+    return SlickCarouselModule;
 }());
 
-exports.SlickModule = SlickModule;
-exports.SlickComponent = SlickComponent;
+exports.SlickCarouselModule = SlickCarouselModule;
+exports.SlickCarouselComponent = SlickCarouselComponent;
 exports.SlickItemDirective = SlickItemDirective;
@@ -225,0 +225,0 @@

bundles/ngx-slick-carousel.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-slick-carousel",["exports","@angular/core","@angular/forms","@angular/common"],e):e(t["ngx-slick-carousel"]={},t.ng.core,t.ng.forms,t.ng.common)}(this,function(t,n,e,i){"use strict";var o=function(){function t(t,e){this.el=t,this.zone=e,this.afterChange=new n.EventEmitter,this.beforeChange=new n.EventEmitter,this.breakpoint=new n.EventEmitter,this.destroy=new n.EventEmitter,this.init=new n.EventEmitter,this.slides=[],this.initialized=!1}return t.prototype.ngOnDestroy=function(){this.unslick()},t.prototype.ngAfterViewInit=function(){},t.prototype.initSlick=function(){var o=this;this.zone.runOutsideAngular(function(){o.$instance=jQuery(o.el.nativeElement),o.$instance.on("init",function(t,e){o.zone.run(function(){o.init.emit({event:t,slick:e})})}),o.$instance.slick(o.config),o.initialized=!0,o.$instance.on("afterChange",function(t,e,n){o.zone.run(function(){o.afterChange.emit({event:t,slick:e,currentSlide:n})})}),o.$instance.on("beforeChange",function(t,e,n,i){o.zone.run(function(){o.beforeChange.emit({event:t,slick:e,currentSlide:n,nextSlide:i})})}),o.$instance.on("breakpoint",function(t,e,n){o.zone.run(function(){o.breakpoint.emit({event:t,slick:e,breakpoint:n})})}),o.$instance.on("destroy",function(t,e){o.zone.run(function(){o.destroy.emit({event:t,slick:e})})})})},t.prototype.addSlide=function(t){this.initialized||this.initSlick(),this.slides.push(t),this.$instance.slick("slickAdd",t.el.nativeElement)},t.prototype.removeSlide=function(e){var t=this.slides.indexOf(e);this.$instance.slick("slickRemove",t),this.slides=this.slides.filter(function(t){return t!==e})},t.prototype.slickGoTo=function(t){var e=this;this.zone.run(function(){e.$instance.slick("slickGoTo",t)})},t.prototype.slickNext=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickNext")})},t.prototype.slickPrev=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickPrev")})},t.prototype.slickPause=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickPause")})},t.prototype.slickPlay=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickPlay")})},t.prototype.unslick=function(){var t=this;this.zone.run(function(){t.$instance.slick("unslick"),t.initialized=!1})},t.decorators=[{type:n.Component,args:[{selector:"ngx-slick-carousel",exportAs:"slick-modal",providers:[{provide:e.NG_VALUE_ACCESSOR,useExisting:n.forwardRef(function(){return t}),multi:!0}],template:"<ng-content></ng-content>"}]}],t.ctorParameters=function(){return[{type:n.ElementRef},{type:n.NgZone}]},t.propDecorators={config:[{type:n.Input}],afterChange:[{type:n.Output}],beforeChange:[{type:n.Output}],breakpoint:[{type:n.Output}],destroy:[{type:n.Output}],init:[{type:n.Output}]},t}(),r=function(){function t(t,e,n){this.el=t,this.platformId=e,this.carousel=n}return t.prototype.ngAfterViewInit=function(){i.isPlatformBrowser(this.platformId)&&this.carousel.addSlide(this)},t.prototype.ngOnDestroy=function(){i.isPlatformBrowser(this.platformId)&&this.carousel.removeSlide(this)},t.decorators=[{type:n.Directive,args:[{selector:"[ngxSlickItem]"}]}],t.ctorParameters=function(){return[{type:n.ElementRef},{type:undefined,decorators:[{type:n.Inject,args:[n.PLATFORM_ID]}]},{type:o,decorators:[{type:n.Host}]}]},t}(),s=function(){function t(){}return t.forRoot=function(){return{ngModule:t}},t.decorators=[{type:n.NgModule,args:[{imports:[i.CommonModule],declarations:[o,r],exports:[o,r]}]}],t}();t.SlickModule=s,t.SlickComponent=o,t.SlickItemDirective=r,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-slick-carousel",["exports","@angular/core","@angular/forms","@angular/common"],e):e(t["ngx-slick-carousel"]={},t.ng.core,t.ng.forms,t.ng.common)}(this,function(t,n,e,i){"use strict";var o=function(){function t(t,e){this.el=t,this.zone=e,this.afterChange=new n.EventEmitter,this.beforeChange=new n.EventEmitter,this.breakpoint=new n.EventEmitter,this.destroy=new n.EventEmitter,this.init=new n.EventEmitter,this.slides=[],this.initialized=!1}return t.prototype.ngOnDestroy=function(){this.unslick()},t.prototype.ngAfterViewInit=function(){},t.prototype.initSlick=function(){var o=this;this.zone.runOutsideAngular(function(){o.$instance=jQuery(o.el.nativeElement),o.$instance.on("init",function(t,e){o.zone.run(function(){o.init.emit({event:t,slick:e})})}),o.$instance.slick(o.config),o.initialized=!0,o.$instance.on("afterChange",function(t,e,n){o.zone.run(function(){o.afterChange.emit({event:t,slick:e,currentSlide:n})})}),o.$instance.on("beforeChange",function(t,e,n,i){o.zone.run(function(){o.beforeChange.emit({event:t,slick:e,currentSlide:n,nextSlide:i})})}),o.$instance.on("breakpoint",function(t,e,n){o.zone.run(function(){o.breakpoint.emit({event:t,slick:e,breakpoint:n})})}),o.$instance.on("destroy",function(t,e){o.zone.run(function(){o.destroy.emit({event:t,slick:e})})})})},t.prototype.addSlide=function(t){this.initialized||this.initSlick(),this.slides.push(t),this.$instance.slick("slickAdd",t.el.nativeElement)},t.prototype.removeSlide=function(e){var t=this.slides.indexOf(e);this.$instance.slick("slickRemove",t),this.slides=this.slides.filter(function(t){return t!==e})},t.prototype.slickGoTo=function(t){var e=this;this.zone.run(function(){e.$instance.slick("slickGoTo",t)})},t.prototype.slickNext=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickNext")})},t.prototype.slickPrev=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickPrev")})},t.prototype.slickPause=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickPause")})},t.prototype.slickPlay=function(){var t=this;this.zone.run(function(){t.$instance.slick("slickPlay")})},t.prototype.unslick=function(){var t=this;this.zone.run(function(){t.$instance.slick("unslick"),t.initialized=!1})},t.decorators=[{type:n.Component,args:[{selector:"ngx-slick-carousel",exportAs:"slick-carousel",providers:[{provide:e.NG_VALUE_ACCESSOR,useExisting:n.forwardRef(function(){return t}),multi:!0}],template:"<ng-content></ng-content>"}]}],t.ctorParameters=function(){return[{type:n.ElementRef},{type:n.NgZone}]},t.propDecorators={config:[{type:n.Input}],afterChange:[{type:n.Output}],beforeChange:[{type:n.Output}],breakpoint:[{type:n.Output}],destroy:[{type:n.Output}],init:[{type:n.Output}]},t}(),r=function(){function t(t,e,n){this.el=t,this.platformId=e,this.carousel=n}return t.prototype.ngAfterViewInit=function(){i.isPlatformBrowser(this.platformId)&&this.carousel.addSlide(this)},t.prototype.ngOnDestroy=function(){i.isPlatformBrowser(this.platformId)&&this.carousel.removeSlide(this)},t.decorators=[{type:n.Directive,args:[{selector:"[ngxSlickItem]"}]}],t.ctorParameters=function(){return[{type:n.ElementRef},{type:undefined,decorators:[{type:n.Inject,args:[n.PLATFORM_ID]}]},{type:o,decorators:[{type:n.Host}]}]},t}(),s=function(){function t(){}return t.forRoot=function(){return{ngModule:t}},t.decorators=[{type:n.NgModule,args:[{imports:[i.CommonModule],declarations:[o,r],exports:[o,r]}]}],t}();t.SlickCarouselModule=s,t.SlickCarouselComponent=o,t.SlickItemDirective=r,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ngx-slick-carousel.umd.min.js.map

esm2015/ngx-slick-carousel.js

@@ -12,7 +12,7 @@ import { Component, Input, Output, EventEmitter, NgZone, forwardRef, Directive, ElementRef, Host, Inject, PLATFORM_ID, NgModule } from '@angular/core';
  */
-var SlickComponent = /** @class */ (function () {
+var SlickCarouselComponent = /** @class */ (function () {
     /**
      * Constructor
      */
-    function SlickComponent(el, zone) {
+    function SlickCarouselComponent(el, zone) {
         this.el = el;
@@ -35,3 +35,3 @@ this.zone = zone;
      */
-    SlickComponent.prototype.ngOnDestroy = /**
+    SlickCarouselComponent.prototype.ngOnDestroy = /**
      * On component destroy
@@ -50,3 +50,3 @@ * @return {?}
      */
-    SlickComponent.prototype.ngAfterViewInit = /**
+    SlickCarouselComponent.prototype.ngAfterViewInit = /**
      * On component view init
@@ -64,3 +64,3 @@ * @return {?}
      */
-    SlickComponent.prototype.initSlick = /**
+    SlickCarouselComponent.prototype.initSlick = /**
      * init slick
@@ -106,3 +106,3 @@ * @return {?}
      */
-    SlickComponent.prototype.addSlide = /**
+    SlickCarouselComponent.prototype.addSlide = /**
      * @param {?} slickItem
@@ -122,3 +122,3 @@ * @return {?}
      */
-    SlickComponent.prototype.removeSlide = /**
+    SlickCarouselComponent.prototype.removeSlide = /**
      * @param {?} slickItem
@@ -137,3 +137,3 @@ * @return {?}
      */
-    SlickComponent.prototype.slickGoTo = /**
+    SlickCarouselComponent.prototype.slickGoTo = /**
      * Slick Method
@@ -152,3 +152,3 @@ * @param {?} index
      */
-    SlickComponent.prototype.slickNext = /**
+    SlickCarouselComponent.prototype.slickNext = /**
      * @return {?}
@@ -165,3 +165,3 @@ */
      */
-    SlickComponent.prototype.slickPrev = /**
+    SlickCarouselComponent.prototype.slickPrev = /**
      * @return {?}
@@ -178,3 +178,3 @@ */
      */
-    SlickComponent.prototype.slickPause = /**
+    SlickCarouselComponent.prototype.slickPause = /**
      * @return {?}
@@ -191,3 +191,3 @@ */
      */
-    SlickComponent.prototype.slickPlay = /**
+    SlickCarouselComponent.prototype.slickPlay = /**
      * @return {?}
@@ -204,3 +204,3 @@ */
      */
-    SlickComponent.prototype.unslick = /**
+    SlickCarouselComponent.prototype.unslick = /**
      * @return {?}
@@ -215,9 +215,9 @@ */
     };
-    SlickComponent.decorators = [
+    SlickCarouselComponent.decorators = [
         { type: Component, args: [{
                     selector: 'ngx-slick-carousel',
-                    exportAs: 'slick-modal',
+                    exportAs: 'slick-carousel',
                     providers: [{
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(function () { return SlickComponent; }),
+                            useExisting: forwardRef(function () { return SlickCarouselComponent; }),
                             multi: true
@@ -229,7 +229,7 @@ }],
     /** @nocollapse */
-    SlickComponent.ctorParameters = function () { return [
+    SlickCarouselComponent.ctorParameters = function () { return [
         { type: ElementRef, },
         { type: NgZone, },
     ]; };
-    SlickComponent.propDecorators = {
+    SlickCarouselComponent.propDecorators = {
         "config": [{ type: Input },],
@@ -242,3 +242,3 @@ "afterChange": [{ type: Output },],
     };
-    return SlickComponent;
+    return SlickCarouselComponent;
 }());
@@ -282,3 +282,3 @@ var SlickItemDirective = /** @class */ (function () {
         { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] },] },
-        { type: SlickComponent, decorators: [{ type: Host },] },
+        { type: SlickCarouselComponent, decorators: [{ type: Host },] },
     ]; };
@@ -292,4 +292,4 @@ return SlickItemDirective;
  */
-var SlickModule = /** @class */ (function () {
-    function SlickModule() {
+var SlickCarouselModule = /** @class */ (function () {
+    function SlickCarouselModule() {
     }
@@ -299,3 +299,3 @@ /**
      */
-    SlickModule.forRoot = /**
+    SlickCarouselModule.forRoot = /**
      * @return {?}
@@ -305,6 +305,6 @@ */
         return {
-            ngModule: SlickModule,
+            ngModule: SlickCarouselModule,
         };
     };
-    SlickModule.decorators = [
+    SlickCarouselModule.decorators = [
         { type: NgModule, args: [{
@@ -315,7 +315,7 @@ imports: [
                     declarations: [
-                        SlickComponent,
+                        SlickCarouselComponent,
                         SlickItemDirective,
                     ],
                     exports: [
-                        SlickComponent,
+                        SlickCarouselComponent,
                         SlickItemDirective,
@@ -325,3 +325,3 @@ ]
     ];
-    return SlickModule;
+    return SlickCarouselModule;
 }());
@@ -337,3 +337,3 @@
 
-export { SlickModule, SlickComponent, SlickItemDirective };
+export { SlickCarouselModule, SlickCarouselComponent, SlickItemDirective };
 //# sourceMappingURL=ngx-slick-carousel.js.map

esm5/ngx-slick-carousel.js

@@ -5,4 +5,4 @@ import { Component, Input, Output, EventEmitter, NgZone, forwardRef, Directive, ElementRef, Host, Inject, PLATFORM_ID, NgModule } from '@angular/core';
 
-var SlickComponent = (function () {
-    function SlickComponent(el, zone) {
+var SlickCarouselComponent = (function () {
+    function SlickCarouselComponent(el, zone) {
         this.el = el;
@@ -18,10 +18,10 @@ this.zone = zone;
     }
-    SlickComponent.prototype.ngOnDestroy =
+    SlickCarouselComponent.prototype.ngOnDestroy =
         function () {
             this.unslick();
         };
-    SlickComponent.prototype.ngAfterViewInit =
+    SlickCarouselComponent.prototype.ngAfterViewInit =
         function () {
         };
-    SlickComponent.prototype.initSlick =
+    SlickCarouselComponent.prototype.initSlick =
         function () {
@@ -60,3 +60,3 @@ var _this = this;
         };
-    SlickComponent.prototype.addSlide =
+    SlickCarouselComponent.prototype.addSlide =
         function (slickItem) {
@@ -69,3 +69,3 @@ if (!this.initialized) {
         };
-    SlickComponent.prototype.removeSlide =
+    SlickCarouselComponent.prototype.removeSlide =
         function (slickItem) {
@@ -76,3 +76,3 @@ var idx = this.slides.indexOf(slickItem);
         };
-    SlickComponent.prototype.slickGoTo =
+    SlickCarouselComponent.prototype.slickGoTo =
         function (index) {
@@ -84,3 +84,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickNext =
+    SlickCarouselComponent.prototype.slickNext =
         function () {
@@ -92,3 +92,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickPrev =
+    SlickCarouselComponent.prototype.slickPrev =
         function () {
@@ -100,3 +100,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickPause =
+    SlickCarouselComponent.prototype.slickPause =
         function () {
@@ -108,3 +108,3 @@ var _this = this;
         };
-    SlickComponent.prototype.slickPlay =
+    SlickCarouselComponent.prototype.slickPlay =
         function () {
@@ -116,3 +116,3 @@ var _this = this;
         };
-    SlickComponent.prototype.unslick =
+    SlickCarouselComponent.prototype.unslick =
         function () {
@@ -125,9 +125,9 @@ var _this = this;
         };
-    SlickComponent.decorators = [
+    SlickCarouselComponent.decorators = [
         { type: Component, args: [{
                     selector: 'ngx-slick-carousel',
-                    exportAs: 'slick-modal',
+                    exportAs: 'slick-carousel',
                     providers: [{
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(function () { return SlickComponent; }),
+                            useExisting: forwardRef(function () { return SlickCarouselComponent; }),
                             multi: true
@@ -138,3 +138,3 @@ }],
     ];
-    SlickComponent.ctorParameters = function () {
+    SlickCarouselComponent.ctorParameters = function () {
         return [
@@ -145,3 +145,3 @@ { type: ElementRef, },
     };
-    SlickComponent.propDecorators = {
+    SlickCarouselComponent.propDecorators = {
         "config": [{ type: Input },],
@@ -154,3 +154,3 @@ "afterChange": [{ type: Output },],
     };
-    return SlickComponent;
+    return SlickCarouselComponent;
 }());
@@ -184,3 +184,3 @@ var SlickItemDirective = (function () {
             { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] },] },
-            { type: SlickComponent, decorators: [{ type: Host },] },
+            { type: SlickCarouselComponent, decorators: [{ type: Host },] },
         ];
@@ -190,12 +190,12 @@ };
 }());
-var SlickModule = (function () {
-    function SlickModule() {
+var SlickCarouselModule = (function () {
+    function SlickCarouselModule() {
     }
-    SlickModule.forRoot =
+    SlickCarouselModule.forRoot =
         function () {
             return {
-                ngModule: SlickModule,
+                ngModule: SlickCarouselModule,
             };
         };
-    SlickModule.decorators = [
+    SlickCarouselModule.decorators = [
         { type: NgModule, args: [{
@@ -206,7 +206,7 @@ imports: [
                     declarations: [
-                        SlickComponent,
+                        SlickCarouselComponent,
                         SlickItemDirective,
                     ],
                     exports: [
-                        SlickComponent,
+                        SlickCarouselComponent,
                         SlickItemDirective,
@@ -216,6 +216,6 @@ ]
     ];
-    return SlickModule;
+    return SlickCarouselModule;
 }());
 
-export { SlickModule, SlickComponent, SlickItemDirective };
+export { SlickCarouselModule, SlickCarouselComponent, SlickItemDirective };
 //# sourceMappingURL=ngx-slick-carousel.js.map

index.d.ts

 import { ModuleWithProviders } from '@angular/core';
 export * from './slick.component';
-export declare class SlickModule {
+export declare class SlickCarouselModule {
     static forRoot(): ModuleWithProviders;
 }

ngx-slick-carousel.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"SlickModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"SlickComponent"},{"__symbolic":"reference","name":"SlickItemDirective"}],"exports":[{"__symbolic":"reference","name":"SlickComponent"},{"__symbolic":"reference","name":"SlickItemDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"SlickModule"}}}}},"SlickComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"ngx-slick-carousel","exportAs":"slick-modal","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":27,"character":13},"useExisting":{"__symbolic":"reference","name":"SlickComponent"},"multi":true}],"template":"<ng-content></ng-content>"}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"afterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"beforeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"init":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":50,"character":28}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initSlick":[{"__symbolic":"method"}],"addSlide":[{"__symbolic":"method"}],"removeSlide":[{"__symbolic":"method"}],"slickGoTo":[{"__symbolic":"method"}],"slickNext":[{"__symbolic":"method"}],"slickPrev":[{"__symbolic":"method"}],"slickPause":[{"__symbolic":"method"}],"slickPlay":[{"__symbolic":"method"}],"unslick":[{"__symbolic":"method"}]}},"SlickItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":168,"character":1},"arguments":[{"selector":"[ngxSlickItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":173,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":173,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":174,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":26},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"SlickComponent"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"SlickModule":"./index","SlickComponent":"./slick.component","SlickItemDirective":"./slick.component"},"importAs":"ngx-slick-carousel"}
+{"__symbolic":"module","version":4,"metadata":{"SlickCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"SlickCarouselComponent"},{"__symbolic":"reference","name":"SlickItemDirective"}],"exports":[{"__symbolic":"reference","name":"SlickCarouselComponent"},{"__symbolic":"reference","name":"SlickItemDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"SlickCarouselModule"}}}}},"SlickCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"ngx-slick-carousel","exportAs":"slick-carousel","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":27,"character":13},"useExisting":{"__symbolic":"reference","name":"SlickCarouselComponent"},"multi":true}],"template":"<ng-content></ng-content>"}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"afterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"beforeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"destroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"init":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":50,"character":28}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initSlick":[{"__symbolic":"method"}],"addSlide":[{"__symbolic":"method"}],"removeSlide":[{"__symbolic":"method"}],"slickGoTo":[{"__symbolic":"method"}],"slickNext":[{"__symbolic":"method"}],"slickPrev":[{"__symbolic":"method"}],"slickPause":[{"__symbolic":"method"}],"slickPlay":[{"__symbolic":"method"}],"unslick":[{"__symbolic":"method"}]}},"SlickItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":168,"character":1},"arguments":[{"selector":"[ngxSlickItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":173,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":173,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":174,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":26},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"SlickCarouselComponent"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"SlickCarouselModule":"./index","SlickCarouselComponent":"./slick.component","SlickItemDirective":"./slick.component"},"importAs":"ngx-slick-carousel"}

package.json

 {
   "name": "ngx-slick-carousel",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "repository": {
@@ -5,0 +5,0 @@ "type": "git",

README.MD

@@ -5,2 +5,6 @@ # ngx-slick-carousel
 
+1. Support Angular 6+
+2. Support Server side rendering
+3. Support Re-initialize case
+
 ## Installation
@@ -31,3 +35,3 @@
 // Import your library
-import { SlickModule } from 'ngx-slick-carousel';
+import { SlickCarouselModule } from 'ngx-slick-carousel';
 
@@ -42,3 +46,3 @@ @NgModule({
     // Specify your library as an import
-    SlickModule.forRoot()
+    SlickCarouselModule.forRoot()
   ],
@@ -62,3 +66,9 @@ providers: [],
   <!-- You can now use your library component in app.component.html -->
-    <ngx-slick-carousel class="carousel" #slickModal="slick-modal" [config]="slideConfig" (afterChange)="afterChange($event)">
+    <ngx-slick-carousel class="carousel" 
+                        #slickModal="slick-carousel" 
+                        [config]="slideConfig" 
+                        (init)="slickInit($event)"
+                        (breakpoint)="breakpoint($event)"
+                        (afterChange)="afterChange($event)"
+                        (beforeChange)="beforeChange($event)">
         <div ngxSlickItem *ngFor="let slide of slides" class="slide">
@@ -75,3 +85,8 @@ <img src="{{ slide.img }}" alt="" width="100%">
 
-```javascript
+```typescript
+@Component({
+  ...
+})
+class ExampleComponent {
+
   slides = [
@@ -84,14 +99,27 @@ {img: "http://placehold.it/350x150/000000"},
   slideConfig = {"slidesToShow": 4, "slidesToScroll": 4};
-
+  
   addSlide() {
     this.slides.push({img: "http://placehold.it/350x150/777777"})
   }
-
+  
   removeSlide() {
     this.slides.length = this.slides.length - 1;
   }
-
+  
+  slickInit(e) {
+    console.log('slick initialized');
+  }
+  
+  breakpoint(e) {
+    console.log('breakpoint');
+  }
+  
   afterChange(e) {
     console.log('afterChange');
   }
+  
+  beforeChange(e) {
+    console.log('beforeChange');
+  }
+}
 ```
@@ -98,0 +126,0 @@

slick.component.d.ts

@@ -5,3 +5,3 @@ import { EventEmitter, NgZone, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
  */
-export declare class SlickComponent implements AfterViewInit, OnDestroy {
+export declare class SlickCarouselComponent implements AfterViewInit, OnDestroy {
     private el;
@@ -50,5 +50,5 @@ private zone;
     private carousel;
-    constructor(el: ElementRef, platformId: string, carousel: SlickComponent);
+    constructor(el: ElementRef, platformId: string, carousel: SlickCarouselComponent);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

109656

increased by3.03%

Number of lines in readme file

139

increased by25.23%

No dependency changes