npm - nextalys-carousel - Versions diffs - 0.0.55 → 0.0.58 - Mend

nextalys-carousel 0.0.55 → 0.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/bundles/nextalys-carousel.umd.js +1 -1
package/bundles/nextalys-carousel.umd.min.js +1 -1
package/bundles/nextalys-carousel.umd.min.js.map +1 -1
package/esm2015/lib/nxs-carousel/nxs-carousel.component.js +1 -1
package/fesm2015/nextalys-carousel.js +1 -1
package/nextalys-carousel.metadata.json +1 -1
package/package.json +1 -1

package/bundles/nextalys-carousel.umd.js CHANGED Viewed

@@ -600,7 +600,7 @@
                     selector: 'nxs-carousel',
                     template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n        [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n        <ng-container *ngIf=\"hasHtmlContent\">\n            <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n                <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n                <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper>\n    <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n        <div class=\"nxs-image-counter\">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n    [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ?  (options.nxsThumbnails.percentHeight + '%'):''\"\n    [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ?  ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n    [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n    <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n        <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n            <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n            <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div>",
                     encapsulation: core.ViewEncapsulation.None,
-                    styles: ["@import \"~swiper/swiper.min.css\";@import \"~swiper/modules/navigation/navigation.min.css\";@import \"~swiper/modules/pagination/pagination.min.css\";@import \"~swiper/modules/lazy/lazy.min.css\";nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:100%;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
+                    styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
                 },] }
     ];
     NxsCarouselComponent.ctorParameters = function () { return [

package/bundles/nextalys-carousel.umd.min.js CHANGED Viewed

@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;function c(n,e){var i="function"==typeof Symbol&&n[Symbol.iterator];if(!i)return n;var s,t,o=i.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(s=o.next()).done;)a.push(s.value)}catch(n){t={error:n}}finally{try{s&&!s.done&&(i=o.return)&&i.call(o)}finally{if(t)throw t.error}}return a}function h(n,e,i){if(i||2===arguments.length)for(var s,t=0,o=e.length;t<o;t++)!s&&t in e||(s||(s=Array.prototype.slice.call(e,0,t)),s[t]=e[t]);return n.concat(s||e)}Object.create;var d=function(){this.debug=!1},g=function(n,e){this.data=n,this.dialogRef=e,this.wrapperClass="nxs-carousel-wrapper",n.wrapperClass&&(this.wrapperClass+=" "+n.wrapperClass)};g.decorators=[{type:e.Component,args:[{selector:"nxs-carousel-dialog",template:'\n    <div class="nxs-carousel-dialog-flex-wrapper">\n    <div class="nxs-carousel-dialog-header">\n        <button (click)="dialogRef.close()" mat-icon-button><mat-icon>close</mat-icon></button>\n    </div>\n    <div [class]="wrapperClass">\n    <nxs-carousel [options]="data.options" [images]="data.images"></nxs-carousel>\n    </div>\n</div>\n    ',encapsulation:e.ViewEncapsulation.None,styles:[".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}"]}]}],g.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_DIALOG_DATA]}]},{type:i.MatDialogRef}]};var m=function(){};m.decorators=[{type:e.Directive,args:[{selector:"[nxsSwiperTemplate]"}]}],u.default.use([o.Navigation,o.Pagination,o.Autoplay,o.Lazy,o.Thumbs]);var x=function(){function n(n,i,o,a){this.matDialog=n,this.zone=i,this.platformId=o,this.config=a,this.lazy=!0,this.eventsCollector=new t.EventsCollector,this.options=null,this.thumbnailsOptions=null,this.hasHtmlContent=!1,this.slidesCount=0,this.slideChange=new e.EventEmitter,this.currentSlide=0,this.slideClick=new e.EventEmitter,this.isBrowser=!1,this.config||(this.config={debug:!1}),this.isBrowser=s.isPlatformBrowser(this.platformId),this.log("constructor - isBrowser",this.isBrowser),this.options=this.setDefaultOptions(void 0,!1)}return Object.defineProperty(n.prototype,"setOptions",{set:function(n){this.options=this.setDefaultOptions(n,!1),this.setThumbnailsOptions()},enumerable:!1,configurable:!0}),n.prototype.log=function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];this.config.debug&&console.log.apply(console,h(["[NxsCarousel]"],c(n)))},n.prototype.destroy=function(){var n;this.isBrowser&&(null===(n=this.eventsCollector)||void 0===n||n.unsubscribeAll())},n.prototype.ngOnDestroy=function(){this.destroy()},n.prototype.ngAfterViewInit=function(){},n.prototype.getMainSliderHeight=function(){if(!this.options)return"";if(this.options.nxsThumbnails&&this.options.nxsThumbnails.show){if(this.options.nxsThumbnails.onMainSlider)return"100%";if(this.options.nxsThumbnails.percentHeight)return 100-this.options.nxsThumbnails.percentHeight+"%"}return""},n.prototype.setDefaultOptions=function(n,e){var i;return!n&&e?n={nxsShowNavigationBullets:!0,loop:!0,nxsThumbnails:{show:!0},effect:"slide",nxsShowNavigationArrows:!0,nxsShowImagesCount:!0,lazy:!0}:n||(n={nxsShowNavigationBullets:!0,loop:!0,nxsThumbnails:{show:!1},effect:"slide",nxsShowNavigationArrows:!0,nxsShowImagesCount:!1,nxsCarouselDialogOptions:{},lazy:!0}),n.nxsCarouselDialogOptions&&(void 0===n.nxsCarouselDialogOptions.nxsThumbnails&&(n.nxsCarouselDialogOptions.nxsThumbnails={show:!1}),void 0===n.nxsCarouselDialogOptions.effect&&(n.nxsCarouselDialogOptions.effect="slide"),void 0===n.nxsCarouselDialogOptions.nxsShowNavigationArrows&&(n.nxsCarouselDialogOptions.nxsShowNavigationArrows=!0),(null===(i=n.nxsCarouselDialogOptions.nxsThumbnails)||void 0===i?void 0:i.show)&&(void 0===n.nxsCarouselDialogOptions.nxsThumbnails.percentHeight&&(n.nxsCarouselDialogOptions.nxsThumbnails.percentHeight=20),void 0===n.nxsCarouselDialogOptions.nxsThumbnails.perView&&(n.nxsCarouselDialogOptions.nxsThumbnails.perView=10),n.nxsCarouselDialogOptions.nxsThumbnails.breakpoints={640:{slidesPerView:5},768:{slidesPerView:7},1024:{slidesPerView:8}})),n.nxsThumbnails||(n.nxsThumbnails={show:!1}),n.nxsThumbnails.show&&void 0===n.nxsThumbnails.percentHeight&&(n.nxsThumbnails.percentHeight=20),n.nxsThumbnails.show&&void 0===n.nxsThumbnails.perView&&(n.nxsThumbnails.perView=10),e&&(n.nxsfullscreenOnClick=!1),n.nxsThumbnails.onMainSlider&&(n.nxsShowNavigationBullets=!1),void 0===n.lazy&&(n.lazy=!0),void 0===n.navigation&&(n.navigation=!0),void 0===n.pagination&&(n.pagination={clickable:!0}),n},n.prototype.setThumbnailsOptions=function(){var n,e;(null===(e=null===(n=this.options)||void 0===n?void 0:n.nxsThumbnails)||void 0===e?void 0:e.show)&&(this.thumbnailsOptions={slidesPerView:this.options.nxsThumbnails.perView,loop:!1,freeMode:!0,watchSlidesProgress:!0,breakpoints:this.options.nxsThumbnails.breakpoints},this.lazy&&(this.thumbnailsOptions.preloadImages=!1,this.thumbnailsOptions.lazy=!0))},n.prototype.showFullScreenCarousel=function(n,e){this.options.nxsCarouselDialogOptions=this.setDefaultOptions(this.options.nxsCarouselDialogOptions,!0);var i={images:n,wrapperClass:e,options:this.options.nxsCarouselDialogOptions};this.matDialog.open(g,{data:i,panelClass:"nxs-carousel-dialog",width:this.options.nxsCarouselDialogSize?this.options.nxsCarouselDialogSize.width:void 0,height:this.options.nxsCarouselDialogSize?this.options.nxsCarouselDialogSize.height:void 0,disableClose:!this.options.nxsCarouselDialogExitable})},n.prototype.goToSlide=function(n,e){var i;null===(i=this.swiperInstance)||void 0===i||i.slideTo(n,e)},n.prototype.next=function(){var n;null===(n=this.swiperInstance)||void 0===n||n.slideNext()},n.prototype.previous=function(){var n;null===(n=this.swiperInstance)||void 0===n||n.slidePrev()},n.prototype.onSwiperThumbnails=function(n){var e,i;(null===(i=null===(e=this.options)||void 0===e?void 0:e.nxsThumbnails)||void 0===i?void 0:i.show)?this.thumbnailsSwiperInstance=n:this.thumbnailsSwiperInstance=null},n.prototype.onSwiper=function(n){var e=this;this.log("swiper ready - instance",n),this.swiperInstance=n,this.swiperInstance.on("click",(function(n,i){var s=i.target;-1===s.className.indexOf("nxs-carousel-button")&&-1===s.className.indexOf("swiper-pagination")&&e.runInZone((function(){e.slideClick.next(i),e.options.nxsfullscreenOnClick&&e.images&&e.images.length&&!e.hasHtmlContent&&e.showFullScreenCarousel(e.images,"fullscreen-carousel")}))}))},n.prototype.runInZone=function(n){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return this.zone||n(e),this.zone.run((function(){return n(e)}))},n.prototype.onSlideChange=function(n){var e=this;this.runInZone((function(){var n;e.currentSlide=(null===(n=e.swiperInstance)||void 0===n?void 0:n.realIndex)||0,e.log("slide change - currentSlide",e.currentSlide),e.slideChange.next(e.currentSlide)}))},n}();x.decorators=[{type:e.Component,args:[{selector:"nxs-carousel",template:'<div *ngIf="options"\n    [ngClass]="{\'swiper-container\':true,\'nxs-slider-with-thumbnails\':!!options.nxsThumbnails && options.nxsThumbnails.show}"\n    [style.height]="getMainSliderHeight()">\n    <swiper [config]="options" (swiper)="onSwiper($event)" (slideChange)="onSlideChange($event)"\n        [thumbs]="{ swiper: thumbnailsSwiperInstance }">\n        <ng-container *ngIf="hasHtmlContent">\n            <ng-template *ngFor="let slide of contents" swiperSlide>\n                <ng-template [ngTemplateOutlet]="slide" [ngTemplateOutletContext]="{\n                      $implicit: slide\n                    }"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf="!hasHtmlContent && images?.length">\n            <ng-template swiperSlide *ngFor="let slideImage of images">\n                <img class="nxs-image-slide swiper-lazy" [attr.data-src]="slideImage.src" />\n                <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>\n            </ng-template>\n        </ng-container>\n    </swiper>\n    <ng-container *ngIf="images && options.nxsShowImagesCount">\n        <div class="nxs-image-counter">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf="thumbnailsOptions && images?.length"\n    [style.height]="(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ?  (options.nxsThumbnails.percentHeight + \'%\'):\'\'"\n    [style.top]="(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ?  (\'-\' + (options.nxsThumbnails.percentHeight) + \'%\'):\'\'"\n    [ngClass]="{\'swiper-container\':true, \'nxs-slider-thumbnails-container\':true,\'nxs-slider-thumbnails-on-main-slider\':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}">\n    <swiper [config]="thumbnailsOptions" (swiper)="onSwiperThumbnails($event)">\n        <ng-template swiperSlide *ngFor="let slideImage of images">\n            <img class="nxs-image-slide swiper-lazy" [attr.data-src]="slideImage.src" />\n            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>\n        </ng-template>\n    </swiper>\n</div>',encapsulation:e.ViewEncapsulation.None,styles:['@import "~swiper/swiper.min.css";@import "~swiper/modules/navigation/navigation.min.css";@import "~swiper/modules/pagination/pagination.min.css";@import "~swiper/modules/lazy/lazy.min.css";nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:100%;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}']}]}],x.ctorParameters=function(){return[{type:i.MatDialog},{type:e.NgZone},{type:void 0,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:d,decorators:[{type:e.Optional}]}]},x.propDecorators={contents:[{type:e.ContentChildren,args:[m,{read:e.TemplateRef}]}],swiperComponent:[{type:e.ViewChild,args:["swiper",{static:!1}]}],lazy:[{type:e.Input}],images:[{type:e.Input}],setOptions:[{type:e.Input,args:["options"]}],hasHtmlContent:[{type:e.Input}],slideChange:[{type:e.Output}],slideClick:[{type:e.Output}]};var w=function(){function n(){}return n.forRoot=function(e){return{ngModule:n,providers:[{provide:d,useValue:e}]}},n}();w.decorators=[{type:e.NgModule,args:[{declarations:[x,g,m],imports:[s.CommonModule,r.MatIconModule,a.MatButtonModule,i.MatDialogModule,l.SwiperModule],exports:[x,m]}]}],n.NxsCarouselComponent=x,n.NxsCarouselModule=w,n.NxsCarouselModuleConfig=d,n.ɵa=m,n.ɵb=g,Object.defineProperty(n,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function c(n,e){var i="function"==typeof Symbol&&n[Symbol.iterator];if(!i)return n;var s,t,o=i.call(n),a=[];try{for(;(void 0===e||e-- >0)&&!(s=o.next()).done;)a.push(s.value)}catch(n){t={error:n}}finally{try{s&&!s.done&&(i=o.return)&&i.call(o)}finally{if(t)throw t.error}}return a}function h(n,e,i){if(i||2===arguments.length)for(var s,t=0,o=e.length;t<o;t++)!s&&t in e||(s||(s=Array.prototype.slice.call(e,0,t)),s[t]=e[t]);return n.concat(s||e)}Object.create;var d=function(){this.debug=!1},g=function(n,e){this.data=n,this.dialogRef=e,this.wrapperClass="nxs-carousel-wrapper",n.wrapperClass&&(this.wrapperClass+=" "+n.wrapperClass)};g.decorators=[{type:e.Component,args:[{selector:"nxs-carousel-dialog",template:'\n    <div class="nxs-carousel-dialog-flex-wrapper">\n    <div class="nxs-carousel-dialog-header">\n        <button (click)="dialogRef.close()" mat-icon-button><mat-icon>close</mat-icon></button>\n    </div>\n    <div [class]="wrapperClass">\n    <nxs-carousel [options]="data.options" [images]="data.images"></nxs-carousel>\n    </div>\n</div>\n    ',encapsulation:e.ViewEncapsulation.None,styles:[".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}"]}]}],g.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_DIALOG_DATA]}]},{type:i.MatDialogRef}]};var m=function(){};m.decorators=[{type:e.Directive,args:[{selector:"[nxsSwiperTemplate]"}]}],u.default.use([o.Navigation,o.Pagination,o.Autoplay,o.Lazy,o.Thumbs]);var x=function(){function n(n,i,o,a){this.matDialog=n,this.zone=i,this.platformId=o,this.config=a,this.lazy=!0,this.eventsCollector=new t.EventsCollector,this.options=null,this.thumbnailsOptions=null,this.hasHtmlContent=!1,this.slidesCount=0,this.slideChange=new e.EventEmitter,this.currentSlide=0,this.slideClick=new e.EventEmitter,this.isBrowser=!1,this.config||(this.config={debug:!1}),this.isBrowser=s.isPlatformBrowser(this.platformId),this.log("constructor - isBrowser",this.isBrowser),this.options=this.setDefaultOptions(void 0,!1)}return Object.defineProperty(n.prototype,"setOptions",{set:function(n){this.options=this.setDefaultOptions(n,!1),this.setThumbnailsOptions()},enumerable:!1,configurable:!0}),n.prototype.log=function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];this.config.debug&&console.log.apply(console,h(["[NxsCarousel]"],c(n)))},n.prototype.destroy=function(){var n;this.isBrowser&&(null===(n=this.eventsCollector)||void 0===n||n.unsubscribeAll())},n.prototype.ngOnDestroy=function(){this.destroy()},n.prototype.ngAfterViewInit=function(){},n.prototype.getMainSliderHeight=function(){if(!this.options)return"";if(this.options.nxsThumbnails&&this.options.nxsThumbnails.show){if(this.options.nxsThumbnails.onMainSlider)return"100%";if(this.options.nxsThumbnails.percentHeight)return 100-this.options.nxsThumbnails.percentHeight+"%"}return""},n.prototype.setDefaultOptions=function(n,e){var i;return!n&&e?n={nxsShowNavigationBullets:!0,loop:!0,nxsThumbnails:{show:!0},effect:"slide",nxsShowNavigationArrows:!0,nxsShowImagesCount:!0,lazy:!0}:n||(n={nxsShowNavigationBullets:!0,loop:!0,nxsThumbnails:{show:!1},effect:"slide",nxsShowNavigationArrows:!0,nxsShowImagesCount:!1,nxsCarouselDialogOptions:{},lazy:!0}),n.nxsCarouselDialogOptions&&(void 0===n.nxsCarouselDialogOptions.nxsThumbnails&&(n.nxsCarouselDialogOptions.nxsThumbnails={show:!1}),void 0===n.nxsCarouselDialogOptions.effect&&(n.nxsCarouselDialogOptions.effect="slide"),void 0===n.nxsCarouselDialogOptions.nxsShowNavigationArrows&&(n.nxsCarouselDialogOptions.nxsShowNavigationArrows=!0),(null===(i=n.nxsCarouselDialogOptions.nxsThumbnails)||void 0===i?void 0:i.show)&&(void 0===n.nxsCarouselDialogOptions.nxsThumbnails.percentHeight&&(n.nxsCarouselDialogOptions.nxsThumbnails.percentHeight=20),void 0===n.nxsCarouselDialogOptions.nxsThumbnails.perView&&(n.nxsCarouselDialogOptions.nxsThumbnails.perView=10),n.nxsCarouselDialogOptions.nxsThumbnails.breakpoints={640:{slidesPerView:5},768:{slidesPerView:7},1024:{slidesPerView:8}})),n.nxsThumbnails||(n.nxsThumbnails={show:!1}),n.nxsThumbnails.show&&void 0===n.nxsThumbnails.percentHeight&&(n.nxsThumbnails.percentHeight=20),n.nxsThumbnails.show&&void 0===n.nxsThumbnails.perView&&(n.nxsThumbnails.perView=10),e&&(n.nxsfullscreenOnClick=!1),n.nxsThumbnails.onMainSlider&&(n.nxsShowNavigationBullets=!1),void 0===n.lazy&&(n.lazy=!0),void 0===n.navigation&&(n.navigation=!0),void 0===n.pagination&&(n.pagination={clickable:!0}),n},n.prototype.setThumbnailsOptions=function(){var n,e;(null===(e=null===(n=this.options)||void 0===n?void 0:n.nxsThumbnails)||void 0===e?void 0:e.show)&&(this.thumbnailsOptions={slidesPerView:this.options.nxsThumbnails.perView,loop:!1,freeMode:!0,watchSlidesProgress:!0,breakpoints:this.options.nxsThumbnails.breakpoints},this.lazy&&(this.thumbnailsOptions.preloadImages=!1,this.thumbnailsOptions.lazy=!0))},n.prototype.showFullScreenCarousel=function(n,e){this.options.nxsCarouselDialogOptions=this.setDefaultOptions(this.options.nxsCarouselDialogOptions,!0);var i={images:n,wrapperClass:e,options:this.options.nxsCarouselDialogOptions};this.matDialog.open(g,{data:i,panelClass:"nxs-carousel-dialog",width:this.options.nxsCarouselDialogSize?this.options.nxsCarouselDialogSize.width:void 0,height:this.options.nxsCarouselDialogSize?this.options.nxsCarouselDialogSize.height:void 0,disableClose:!this.options.nxsCarouselDialogExitable})},n.prototype.goToSlide=function(n,e){var i;null===(i=this.swiperInstance)||void 0===i||i.slideTo(n,e)},n.prototype.next=function(){var n;null===(n=this.swiperInstance)||void 0===n||n.slideNext()},n.prototype.previous=function(){var n;null===(n=this.swiperInstance)||void 0===n||n.slidePrev()},n.prototype.onSwiperThumbnails=function(n){var e,i;(null===(i=null===(e=this.options)||void 0===e?void 0:e.nxsThumbnails)||void 0===i?void 0:i.show)?this.thumbnailsSwiperInstance=n:this.thumbnailsSwiperInstance=null},n.prototype.onSwiper=function(n){var e=this;this.log("swiper ready - instance",n),this.swiperInstance=n,this.swiperInstance.on("click",(function(n,i){var s=i.target;-1===s.className.indexOf("nxs-carousel-button")&&-1===s.className.indexOf("swiper-pagination")&&e.runInZone((function(){e.slideClick.next(i),e.options.nxsfullscreenOnClick&&e.images&&e.images.length&&!e.hasHtmlContent&&e.showFullScreenCarousel(e.images,"fullscreen-carousel")}))}))},n.prototype.runInZone=function(n){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return this.zone||n(e),this.zone.run((function(){return n(e)}))},n.prototype.onSlideChange=function(n){var e=this;this.runInZone((function(){var n;e.currentSlide=(null===(n=e.swiperInstance)||void 0===n?void 0:n.realIndex)||0,e.log("slide change - currentSlide",e.currentSlide),e.slideChange.next(e.currentSlide)}))},n}();x.decorators=[{type:e.Component,args:[{selector:"nxs-carousel",template:'<div *ngIf="options"\n    [ngClass]="{\'swiper-container\':true,\'nxs-slider-with-thumbnails\':!!options.nxsThumbnails && options.nxsThumbnails.show}"\n    [style.height]="getMainSliderHeight()">\n    <swiper [config]="options" (swiper)="onSwiper($event)" (slideChange)="onSlideChange($event)"\n        [thumbs]="{ swiper: thumbnailsSwiperInstance }">\n        <ng-container *ngIf="hasHtmlContent">\n            <ng-template *ngFor="let slide of contents" swiperSlide>\n                <ng-template [ngTemplateOutlet]="slide" [ngTemplateOutletContext]="{\n                      $implicit: slide\n                    }"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf="!hasHtmlContent && images?.length">\n            <ng-template swiperSlide *ngFor="let slideImage of images">\n                <img class="nxs-image-slide swiper-lazy" [attr.data-src]="slideImage.src" />\n                <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>\n            </ng-template>\n        </ng-container>\n    </swiper>\n    <ng-container *ngIf="images && options.nxsShowImagesCount">\n        <div class="nxs-image-counter">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf="thumbnailsOptions && images?.length"\n    [style.height]="(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ?  (options.nxsThumbnails.percentHeight + \'%\'):\'\'"\n    [style.top]="(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ?  (\'-\' + (options.nxsThumbnails.percentHeight) + \'%\'):\'\'"\n    [ngClass]="{\'swiper-container\':true, \'nxs-slider-thumbnails-container\':true,\'nxs-slider-thumbnails-on-main-slider\':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}">\n    <swiper [config]="thumbnailsOptions" (swiper)="onSwiperThumbnails($event)">\n        <ng-template swiperSlide *ngFor="let slideImage of images">\n            <img class="nxs-image-slide swiper-lazy" [attr.data-src]="slideImage.src" />\n            <div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>\n        </ng-template>\n    </swiper>\n</div>',encapsulation:e.ViewEncapsulation.None,styles:["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]}]}],x.ctorParameters=function(){return[{type:i.MatDialog},{type:e.NgZone},{type:void 0,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:d,decorators:[{type:e.Optional}]}]},x.propDecorators={contents:[{type:e.ContentChildren,args:[m,{read:e.TemplateRef}]}],swiperComponent:[{type:e.ViewChild,args:["swiper",{static:!1}]}],lazy:[{type:e.Input}],images:[{type:e.Input}],setOptions:[{type:e.Input,args:["options"]}],hasHtmlContent:[{type:e.Input}],slideChange:[{type:e.Output}],slideClick:[{type:e.Output}]};var w=function(){function n(){}return n.forRoot=function(e){return{ngModule:n,providers:[{provide:d,useValue:e}]}},n}();w.decorators=[{type:e.NgModule,args:[{declarations:[x,g,m],imports:[s.CommonModule,r.MatIconModule,a.MatButtonModule,i.MatDialogModule,l.SwiperModule],exports:[x,m]}]}],n.NxsCarouselComponent=x,n.NxsCarouselModule=w,n.NxsCarouselModuleConfig=d,n.ɵa=m,n.ɵb=g,Object.defineProperty(n,"__esModule",{value:!0})}));
 //# sourceMappingURL=nextalys-carousel.umd.min.js.map

package/bundles/nextalys-carousel.umd.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/lib/nxs-carousel/nxs-carousel-types.ts","../../src/lib/nxs-carousel/nxs-carousel-dialog.component.ts","../../src/lib/nxs-carousel/swiper-directives.ts","../../src/lib/nxs-carousel/nxs-carousel.component.ts","../../src/lib/nxs-carousel/nxs-carousel.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","__spreadArray","to","from","pack","arguments","length","l","Array","prototype","slice","concat","this","debug","data","dialogRef","wrapperClass","Component","args","selector","template","encapsulation","ViewEncapsulation","None","Inject","MAT_DIALOG_DATA","MatDialogRef","Directive","SwiperCore","use","Navigation","Pagination","Autoplay","Lazy","Thumbs","NxsCarouselComponent","matDialog","zone","platformId","config","lazy","eventsCollector","EventsCollector","options","thumbnailsOptions","hasHtmlContent","slidesCount","slideChange","EventEmitter","currentSlide","slideClick","isBrowser","isPlatformBrowser","log","setDefaultOptions","undefined","defineProperty","val","setThumbnailsOptions","_i","console","apply","destroy","_a","unsubscribeAll","ngOnDestroy","ngAfterViewInit","getMainSliderHeight","nxsThumbnails","show","onMainSlider","percentHeight","forDialog","nxsShowNavigationBullets","loop","effect","nxsShowNavigationArrows","nxsShowImagesCount","nxsCarouselDialogOptions","perView","breakpoints","640","slidesPerView","768","1024","nxsfullscreenOnClick","navigation","pagination","clickable","_b","freeMode","watchSlidesProgress","preloadImages","showFullScreenCarousel","images","open","NxsCarouselDialogComponent","panelClass","width","nxsCarouselDialogSize","height","disableClose","nxsCarouselDialogExitable","goToSlide","index","speed","swiperInstance","slideTo","slideNext","previous","slidePrev","onSwiperThumbnails","instance","thumbnailsSwiperInstance","onSwiper","_this","on","evt","target","className","indexOf","runInZone","callback","run","onSlideChange","instances","realIndex","MatDialog","NgZone","PLATFORM_ID","NxsCarouselModuleConfig","decorators","type","Optional","ContentChildren","NxsSwiperTemplateDirective","read","TemplateRef","ViewChild","static","Input","Output","NxsCarouselModule","forRoot","ngModule","providers","provide","useValue","NgModule","declarations","imports","CommonModule","MatIconModule","MatButtonModule","MatDialogModule","SwiperModule","exports"],"mappings":"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","sourcesContent":["/! **************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n*************************************************************************** /\r\n/ global Reflect, Promise /\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf \|\|\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\|\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) \|\| r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P \|\| (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 \|\| n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| from);\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments \|\| []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 \|\| resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { SwiperOptions } from \"swiper\";\n\nexport interface NxsCarouselImage {\n alt?: string;\n src: string;\n}\nexport interface NxsCarouselOptions extends SwiperOptions {\n nxsShowNavigationBullets?: boolean;\n nxsShowNavigationArrows?: boolean;\n nxsThumbnails?: {\n show: boolean; onMainSlider?: boolean; percentHeight?: number; perView?: number; breakpoints?: {\n [size: number]: {\n spaceBetween?: number;\n slidesPerView: number \| 'auto';\n };\n };\n };\n nxsShowImagesCount?: boolean;\n nxsfullscreenOnClick?: boolean;\n /\n background mode : cover, contain, auto, etc...\n * default => cover\n */\n nxsCarouselImageBackgroundSize?: string;\n nxsCarouselDialogOptions?: NxsCarouselOptions;\n nxsCarouselDialogExitable?: boolean;\n nxsCarouselDialogSize?: { width: string; height: string; };\n}\nexport class NxsCarouselModuleConfig {\n debug?: boolean = false;\n}","import { Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { NxsCarouselImage, NxsCarouselOptions } from './nxs-carousel-types';\n\nexport interface NxsCarouselDialogData {\n images: NxsCarouselImage[];\n options?: NxsCarouselOptions;\n wrapperClass?: string;\n}\n@Component({\n selector: 'nxs-carousel-dialog',\n template: `\n <div class=\"nxs-carousel-dialog-flex-wrapper\">\n <div class=\"nxs-carousel-dialog-header\">\n <button (click)=\"dialogRef.close()\" mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n <div [class]=\"wrapperClass\">\n <nxs-carousel [options]=\"data.options\" [images]=\"data.images\"></nxs-carousel>\n </div>\n</div>\n `,\n styleUrls: ['./nxs-carousel-dialog.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselDialogComponent {\n public wrapperClass: string = 'nxs-carousel-wrapper';\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: NxsCarouselDialogData,\n public dialogRef: MatDialogRef<NxsCarouselDialogComponent>,\n ) {\n if (data.wrapperClass)\n this.wrapperClass += ' ' + data.wrapperClass;\n }\n\n}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n selector: '[nxsSwiperTemplate]',\n})\nexport class NxsSwiperTemplateDirective { }\n","import { Component, ViewEncapsulation, Input, ViewChild, Output, EventEmitter, PLATFORM_ID, Inject, Optional, NgZone, ContentChildren, TemplateRef } from '@angular/core';\nimport { NxsCarouselOptions, NxsCarouselImage, NxsCarouselModuleConfig } from './nxs-carousel-types';\nimport { NxsCarouselDialogData, NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatDialog } from '@angular/material/dialog';\nimport { isPlatformBrowser } from '@angular/common';\nimport { EventsCollector } from 'nextalys-js-helpers/dist/events';\n// import Swiper core and required modules\nimport SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Swiper, SwiperOptions, Thumbs } from 'swiper';\n//Virtual,Scrollbar,A11y\nimport { SwiperComponent } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n// install Swiper modules\nSwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);\n@Component({\n selector: 'nxs-carousel',\n templateUrl: './nxs-carousel.component.html',\n styleUrls: ['./nxs-carousel.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselComponent {\n @ContentChildren(NxsSwiperTemplateDirective, { read: TemplateRef })\n contents!: TemplateRef<HTMLElement>;\n @ViewChild('swiper', { static: false })\n swiperComponent?: SwiperComponent;\n @Input()\n lazy = true;\n private eventsCollector = new EventsCollector();\n\n @Input()\n public images: NxsCarouselImage[];\n options: NxsCarouselOptions = null;\n thumbnailsOptions: SwiperOptions = null;\n @Input('options')\n set setOptions(val: NxsCarouselOptions) {\n this.options = this.setDefaultOptions(val, false);\n this.setThumbnailsOptions();\n }\n @Input()\n hasHtmlContent = false;\n slidesCount: number = 0;\n private swiperInstance: Swiper;\n thumbnailsSwiperInstance: Swiper;\n\n @Output()\n slideChange = new EventEmitter<number>();\n public currentSlide = 0;\n @Output()\n slideClick = new EventEmitter<MouseEvent \| TouchEvent \| PointerEvent>();\n isBrowser = false;\n\n constructor(\n private matDialog: MatDialog,\n private zone: NgZone,\n @Inject(PLATFORM_ID) private platformId: any,\n @Optional() private config?: NxsCarouselModuleConfig,\n ) {\n if (!this.config)\n this.config = { debug: false };\n this.isBrowser = isPlatformBrowser(this.platformId);\n this.log('constructor - isBrowser', this.isBrowser);\n this.options = this.setDefaultOptions(undefined, false);\n }\n private log(...args: any[]) {\n if (!this.config.debug)\n return;\n console.log('[NxsCarousel]', ...args);\n }\n private destroy() {\n if (!this.isBrowser) {\n return;\n }\n this.eventsCollector?.unsubscribeAll();\n }\n ngOnDestroy(): void {\n this.destroy();\n }\n ngAfterViewInit(): void {\n // console.log('thi.contents', this.contents);\n // this.initSlides();\n // this.createSlider(true);\n }\n getMainSliderHeight() {\n if (!this.options)\n return '';\n if (this.options.nxsThumbnails && this.options.nxsThumbnails.show) {\n if (this.options.nxsThumbnails.onMainSlider) {\n return '100%';\n }\n else if (this.options.nxsThumbnails.percentHeight) {\n return (100 - this.options.nxsThumbnails.percentHeight) + '%';\n }\n }\n return '';\n }\n private setDefaultOptions(options: NxsCarouselOptions, forDialog: boolean) {\n if (!options && forDialog) {\n options = {\n nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true,\n lazy: true,\n };\n }\n else if (!options) {\n options = {\n nxsShowNavigationBullets: true, loop: true,\n nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {},\n lazy: true,\n };\n }\n if (options.nxsCarouselDialogOptions) {\n if (typeof options.nxsCarouselDialogOptions.nxsThumbnails === 'undefined')\n options.nxsCarouselDialogOptions.nxsThumbnails = { show: false };\n if (typeof options.nxsCarouselDialogOptions.effect === 'undefined')\n options.nxsCarouselDialogOptions.effect = 'slide';\n if (typeof options.nxsCarouselDialogOptions.nxsShowNavigationArrows === 'undefined')\n options.nxsCarouselDialogOptions.nxsShowNavigationArrows = true;\n\n if (!!options.nxsCarouselDialogOptions.nxsThumbnails?.show) {\n if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight === 'undefined')\n options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight = 20;\n if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.perView === 'undefined')\n options.nxsCarouselDialogOptions.nxsThumbnails.perView = 10;\n options.nxsCarouselDialogOptions.nxsThumbnails.breakpoints = {\n 640: {\n slidesPerView: 5,\n },\n 768: {\n slidesPerView: 7,\n },\n 1024: {\n slidesPerView: 8,\n },\n };\n }\n }\n if (!options.nxsThumbnails)\n options.nxsThumbnails = { show: false };\n\n if (options.nxsThumbnails.show && typeof options.nxsThumbnails.percentHeight === 'undefined')\n options.nxsThumbnails.percentHeight = 20;\n\n if (options.nxsThumbnails.show && typeof options.nxsThumbnails.perView === 'undefined')\n options.nxsThumbnails.perView = 10;\n\n\n if (forDialog)\n options.nxsfullscreenOnClick = false;\n if (options.nxsThumbnails.onMainSlider)\n options.nxsShowNavigationBullets = false;\n\n if (typeof options.lazy === 'undefined')\n options.lazy = true;\n\n if (typeof options.navigation === 'undefined')\n options.navigation = true;\n if (typeof options.pagination === 'undefined')\n options.pagination = { clickable: true };\n // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 272 ~ NxsCarouselComponent ~ setDefaultOptions ~ options\", options);\n\n return options;\n }\n\n private setThumbnailsOptions() {\n if (!!this.options?.nxsThumbnails?.show) {\n this.thumbnailsOptions = {\n slidesPerView: this.options.nxsThumbnails.perView,\n loop: false,\n freeMode: true,\n // watchSlidesVisibility: true,\n watchSlidesProgress: true,\n breakpoints: this.options.nxsThumbnails.breakpoints,\n // spaceBetween: 10,\n };\n if (this.lazy) {\n // Disable preloading of all images\n this.thumbnailsOptions.preloadImages = false;\n // Enable lazy loading\n this.thumbnailsOptions.lazy = true;\n }\n // this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);\n // this.options.thumbs = { swiper: this.thumbnailsSliderInstance };\n }\n }\n public showFullScreenCarousel(images: NxsCarouselImage[], wrapperClass?: string) {\n this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);\n const data: NxsCarouselDialogData = { images, wrapperClass, options: this.options.nxsCarouselDialogOptions };\n this.matDialog.open(NxsCarouselDialogComponent, {\n data,\n panelClass: 'nxs-carousel-dialog',\n width: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.width : undefined,\n height: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.height : undefined,\n disableClose: !this.options.nxsCarouselDialogExitable,\n });\n }\n goToSlide(index: number, speed?: number) {\n this.swiperInstance?.slideTo(index, speed);\n }\n next() {\n this.swiperInstance?.slideNext();\n }\n previous() {\n this.swiperInstance?.slidePrev();\n }\n onSwiperThumbnails(instance: Swiper) {\n if (this.options?.nxsThumbnails?.show)\n this.thumbnailsSwiperInstance = instance;\n else\n this.thumbnailsSwiperInstance = null;\n\n // if (this.options?.nxsThumbnails?.show) {\n // const optionsClone = MainHelpers.cloneObject(this.options);\n // optionsClone.thumbs = { swiper: this.thumbnailsSwiperInstance };\n // // this.options = optionsClone;\n // // this.options = { ...this.options, thumbs: { swiper: this.thumbnailsSwiperInstance } };\n // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 416 ~ NxsCarouselComponent ~ onSwiperThumbnails ~ this.options \", this.options);\n // this.options.thumbs = { swiper: this.thumbnailsSwiperInstance };\n // }\n }\n onSwiper(instance: Swiper) {\n this.log('swiper ready - instance', instance);\n this.swiperInstance = instance;\n this.swiperInstance.on('click', (swiperInstance, evt) => {\n // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt\", evt);\n const target = evt.target as HTMLElement;\n if (target.className.indexOf('nxs-carousel-button') !== -1 \|\| target.className.indexOf('swiper-pagination') !== -1)\n return;\n this.runInZone(() => {\n this.slideClick.next(evt);\n if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {\n this.showFullScreenCarousel(this.images, 'fullscreen-carousel');\n }\n });\n\n });\n }\n private runInZone<T extends (...args: any[]) => void>(callback: T, ...args: any[]) {\n if (!this.zone) {\n callback(args);\n }\n return this.zone.run(() => callback(args));\n }\n\n onSlideChange(instances: Swiper[]) {\n // this.swiperInstance = instance;\n // this.log('slide change - instance', instance);\n this.runInZone(() => {\n this.currentSlide = this.swiperInstance?.realIndex \|\| 0;\n this.log('slide change - currentSlide', this.currentSlide);\n this.slideChange.next(this.currentSlide);\n });\n }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { NxsCarouselComponent } from './nxs-carousel.component';\nimport { NxsCarouselModuleConfig } from './nxs-carousel-types';\nimport { SwiperModule } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n@NgModule({\n declarations: [\n NxsCarouselComponent,\n NxsCarouselDialogComponent,\n NxsSwiperTemplateDirective,\n ],\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n MatDialogModule,\n SwiperModule,\n ],\n exports: [\n NxsCarouselComponent,\n NxsSwiperTemplateDirective,\n ],\n})\nexport class NxsCarouselModule {\n public static forRoot(config?: NxsCarouselModuleConfig): ModuleWithProviders<NxsCarouselModule> {\n return {\n ngModule: NxsCarouselModule,\n providers: [\n { provide: NxsCarouselModuleConfig, useValue: config },\n ]\n };\n }\n}"]}
1	+ {"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/lib/nxs-carousel/nxs-carousel-types.ts","../../src/lib/nxs-carousel/nxs-carousel-dialog.component.ts","../../src/lib/nxs-carousel/swiper-directives.ts","../../src/lib/nxs-carousel/nxs-carousel.component.ts","../../src/lib/nxs-carousel/nxs-carousel.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","__spreadArray","to","from","pack","arguments","length","l","Array","prototype","slice","concat","this","debug","data","dialogRef","wrapperClass","Component","args","selector","template","encapsulation","ViewEncapsulation","None","Inject","MAT_DIALOG_DATA","MatDialogRef","Directive","SwiperCore","use","Navigation","Pagination","Autoplay","Lazy","Thumbs","NxsCarouselComponent","matDialog","zone","platformId","config","lazy","eventsCollector","EventsCollector","options","thumbnailsOptions","hasHtmlContent","slidesCount","slideChange","EventEmitter","currentSlide","slideClick","isBrowser","isPlatformBrowser","log","setDefaultOptions","undefined","defineProperty","val","setThumbnailsOptions","_i","console","apply","destroy","_a","unsubscribeAll","ngOnDestroy","ngAfterViewInit","getMainSliderHeight","nxsThumbnails","show","onMainSlider","percentHeight","forDialog","nxsShowNavigationBullets","loop","effect","nxsShowNavigationArrows","nxsShowImagesCount","nxsCarouselDialogOptions","perView","breakpoints","640","slidesPerView","768","1024","nxsfullscreenOnClick","navigation","pagination","clickable","_b","freeMode","watchSlidesProgress","preloadImages","showFullScreenCarousel","images","open","NxsCarouselDialogComponent","panelClass","width","nxsCarouselDialogSize","height","disableClose","nxsCarouselDialogExitable","goToSlide","index","speed","swiperInstance","slideTo","slideNext","previous","slidePrev","onSwiperThumbnails","instance","thumbnailsSwiperInstance","onSwiper","_this","on","evt","target","className","indexOf","runInZone","callback","run","onSlideChange","instances","realIndex","MatDialog","NgZone","PLATFORM_ID","NxsCarouselModuleConfig","decorators","type","Optional","ContentChildren","NxsSwiperTemplateDirective","read","TemplateRef","ViewChild","static","Input","Output","NxsCarouselModule","forRoot","ngModule","providers","provide","useValue","NgModule","declarations","imports","CommonModule","MatIconModule","MatButtonModule","MatDialogModule","SwiperModule","exports"],"mappings":"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","sourcesContent":["/! **************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n*************************************************************************** /\r\n/ global Reflect, Promise /\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf \|\|\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) \|\|\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign \|\| function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) \|\| r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P \|\| (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments \|\| [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] \|\| ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 \|\| op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t \|\| (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 \|\| n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/* @deprecated /\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack \|\| arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar \|\| !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar \|\| from);\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments \|\| []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 \|\| resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state \|\| !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { SwiperOptions } from \"swiper\";\n\nexport interface NxsCarouselImage {\n alt?: string;\n src: string;\n}\nexport interface NxsCarouselOptions extends SwiperOptions {\n nxsShowNavigationBullets?: boolean;\n nxsShowNavigationArrows?: boolean;\n nxsThumbnails?: {\n show: boolean; onMainSlider?: boolean; percentHeight?: number; perView?: number; breakpoints?: {\n [size: number]: {\n spaceBetween?: number;\n slidesPerView: number \| 'auto';\n };\n };\n };\n nxsShowImagesCount?: boolean;\n nxsfullscreenOnClick?: boolean;\n /\n background mode : cover, contain, auto, etc...\n * default => cover\n */\n nxsCarouselImageBackgroundSize?: string;\n nxsCarouselDialogOptions?: NxsCarouselOptions;\n nxsCarouselDialogExitable?: boolean;\n nxsCarouselDialogSize?: { width: string; height: string; };\n}\nexport class NxsCarouselModuleConfig {\n debug?: boolean = false;\n}","import { Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { NxsCarouselImage, NxsCarouselOptions } from './nxs-carousel-types';\n\nexport interface NxsCarouselDialogData {\n images: NxsCarouselImage[];\n options?: NxsCarouselOptions;\n wrapperClass?: string;\n}\n@Component({\n selector: 'nxs-carousel-dialog',\n template: `\n <div class=\"nxs-carousel-dialog-flex-wrapper\">\n <div class=\"nxs-carousel-dialog-header\">\n <button (click)=\"dialogRef.close()\" mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n <div [class]=\"wrapperClass\">\n <nxs-carousel [options]=\"data.options\" [images]=\"data.images\"></nxs-carousel>\n </div>\n</div>\n `,\n styleUrls: ['./nxs-carousel-dialog.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselDialogComponent {\n public wrapperClass: string = 'nxs-carousel-wrapper';\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: NxsCarouselDialogData,\n public dialogRef: MatDialogRef<NxsCarouselDialogComponent>,\n ) {\n if (data.wrapperClass)\n this.wrapperClass += ' ' + data.wrapperClass;\n }\n\n}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n selector: '[nxsSwiperTemplate]',\n})\nexport class NxsSwiperTemplateDirective { }\n","import { Component, ViewEncapsulation, Input, ViewChild, Output, EventEmitter, PLATFORM_ID, Inject, Optional, NgZone, ContentChildren, TemplateRef } from '@angular/core';\nimport { NxsCarouselOptions, NxsCarouselImage, NxsCarouselModuleConfig } from './nxs-carousel-types';\nimport { NxsCarouselDialogData, NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatDialog } from '@angular/material/dialog';\nimport { isPlatformBrowser } from '@angular/common';\nimport { EventsCollector } from 'nextalys-js-helpers/dist/events';\n// import Swiper core and required modules\nimport SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Swiper, SwiperOptions, Thumbs } from 'swiper';\n//Virtual,Scrollbar,A11y\nimport { SwiperComponent } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n// install Swiper modules\nSwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);\n@Component({\n selector: 'nxs-carousel',\n templateUrl: './nxs-carousel.component.html',\n styleUrls: ['./nxs-carousel.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselComponent {\n @ContentChildren(NxsSwiperTemplateDirective, { read: TemplateRef })\n contents!: TemplateRef<HTMLElement>;\n @ViewChild('swiper', { static: false })\n swiperComponent?: SwiperComponent;\n @Input()\n lazy = true;\n private eventsCollector = new EventsCollector();\n\n @Input()\n public images: NxsCarouselImage[];\n options: NxsCarouselOptions = null;\n thumbnailsOptions: SwiperOptions = null;\n @Input('options')\n set setOptions(val: NxsCarouselOptions) {\n this.options = this.setDefaultOptions(val, false);\n this.setThumbnailsOptions();\n }\n @Input()\n hasHtmlContent = false;\n slidesCount: number = 0;\n private swiperInstance: Swiper;\n thumbnailsSwiperInstance: Swiper;\n\n @Output()\n slideChange = new EventEmitter<number>();\n public currentSlide = 0;\n @Output()\n slideClick = new EventEmitter<MouseEvent \| TouchEvent \| PointerEvent>();\n isBrowser = false;\n\n constructor(\n private matDialog: MatDialog,\n private zone: NgZone,\n @Inject(PLATFORM_ID) private platformId: any,\n @Optional() private config?: NxsCarouselModuleConfig,\n ) {\n if (!this.config)\n this.config = { debug: false };\n this.isBrowser = isPlatformBrowser(this.platformId);\n this.log('constructor - isBrowser', this.isBrowser);\n this.options = this.setDefaultOptions(undefined, false);\n }\n private log(...args: any[]) {\n if (!this.config.debug)\n return;\n console.log('[NxsCarousel]', ...args);\n }\n private destroy() {\n if (!this.isBrowser) {\n return;\n }\n this.eventsCollector?.unsubscribeAll();\n }\n ngOnDestroy(): void {\n this.destroy();\n }\n ngAfterViewInit(): void {\n // console.log('thi.contents', this.contents);\n // this.initSlides();\n // this.createSlider(true);\n }\n getMainSliderHeight() {\n if (!this.options)\n return '';\n if (this.options.nxsThumbnails && this.options.nxsThumbnails.show) {\n if (this.options.nxsThumbnails.onMainSlider) {\n return '100%';\n }\n else if (this.options.nxsThumbnails.percentHeight) {\n return (100 - this.options.nxsThumbnails.percentHeight) + '%';\n }\n }\n return '';\n }\n private setDefaultOptions(options: NxsCarouselOptions, forDialog: boolean) {\n if (!options && forDialog) {\n options = {\n nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true,\n lazy: true,\n };\n }\n else if (!options) {\n options = {\n nxsShowNavigationBullets: true, loop: true,\n nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {},\n lazy: true,\n };\n }\n if (options.nxsCarouselDialogOptions) {\n if (typeof options.nxsCarouselDialogOptions.nxsThumbnails === 'undefined')\n options.nxsCarouselDialogOptions.nxsThumbnails = { show: false };\n if (typeof options.nxsCarouselDialogOptions.effect === 'undefined')\n options.nxsCarouselDialogOptions.effect = 'slide';\n if (typeof options.nxsCarouselDialogOptions.nxsShowNavigationArrows === 'undefined')\n options.nxsCarouselDialogOptions.nxsShowNavigationArrows = true;\n\n if (!!options.nxsCarouselDialogOptions.nxsThumbnails?.show) {\n if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight === 'undefined')\n options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight = 20;\n if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.perView === 'undefined')\n options.nxsCarouselDialogOptions.nxsThumbnails.perView = 10;\n options.nxsCarouselDialogOptions.nxsThumbnails.breakpoints = {\n 640: {\n slidesPerView: 5,\n },\n 768: {\n slidesPerView: 7,\n },\n 1024: {\n slidesPerView: 8,\n },\n };\n }\n }\n if (!options.nxsThumbnails)\n options.nxsThumbnails = { show: false };\n\n if (options.nxsThumbnails.show && typeof options.nxsThumbnails.percentHeight === 'undefined')\n options.nxsThumbnails.percentHeight = 20;\n\n if (options.nxsThumbnails.show && typeof options.nxsThumbnails.perView === 'undefined')\n options.nxsThumbnails.perView = 10;\n\n\n if (forDialog)\n options.nxsfullscreenOnClick = false;\n if (options.nxsThumbnails.onMainSlider)\n options.nxsShowNavigationBullets = false;\n\n if (typeof options.lazy === 'undefined')\n options.lazy = true;\n\n if (typeof options.navigation === 'undefined')\n options.navigation = true;\n if (typeof options.pagination === 'undefined')\n options.pagination = { clickable: true };\n // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 272 ~ NxsCarouselComponent ~ setDefaultOptions ~ options\", options);\n\n return options;\n }\n\n private setThumbnailsOptions() {\n if (!!this.options?.nxsThumbnails?.show) {\n this.thumbnailsOptions = {\n slidesPerView: this.options.nxsThumbnails.perView,\n loop: false,\n freeMode: true,\n // watchSlidesVisibility: true,\n watchSlidesProgress: true,\n breakpoints: this.options.nxsThumbnails.breakpoints,\n // spaceBetween: 10,\n };\n if (this.lazy) {\n // Disable preloading of all images\n this.thumbnailsOptions.preloadImages = false;\n // Enable lazy loading\n this.thumbnailsOptions.lazy = true;\n }\n // this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);\n // this.options.thumbs = { swiper: this.thumbnailsSliderInstance };\n }\n }\n public showFullScreenCarousel(images: NxsCarouselImage[], wrapperClass?: string) {\n this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);\n const data: NxsCarouselDialogData = { images, wrapperClass, options: this.options.nxsCarouselDialogOptions };\n this.matDialog.open(NxsCarouselDialogComponent, {\n data,\n panelClass: 'nxs-carousel-dialog',\n width: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.width : undefined,\n height: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.height : undefined,\n disableClose: !this.options.nxsCarouselDialogExitable,\n });\n }\n goToSlide(index: number, speed?: number) {\n this.swiperInstance?.slideTo(index, speed);\n }\n next() {\n this.swiperInstance?.slideNext();\n }\n previous() {\n this.swiperInstance?.slidePrev();\n }\n onSwiperThumbnails(instance: Swiper) {\n if (this.options?.nxsThumbnails?.show)\n this.thumbnailsSwiperInstance = instance;\n else\n this.thumbnailsSwiperInstance = null;\n\n // if (this.options?.nxsThumbnails?.show) {\n // const optionsClone = MainHelpers.cloneObject(this.options);\n // optionsClone.thumbs = { swiper: this.thumbnailsSwiperInstance };\n // // this.options = optionsClone;\n // // this.options = { ...this.options, thumbs: { swiper: this.thumbnailsSwiperInstance } };\n // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 416 ~ NxsCarouselComponent ~ onSwiperThumbnails ~ this.options \", this.options);\n // this.options.thumbs = { swiper: this.thumbnailsSwiperInstance };\n // }\n }\n onSwiper(instance: Swiper) {\n this.log('swiper ready - instance', instance);\n this.swiperInstance = instance;\n this.swiperInstance.on('click', (swiperInstance, evt) => {\n // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt\", evt);\n const target = evt.target as HTMLElement;\n if (target.className.indexOf('nxs-carousel-button') !== -1 \|\| target.className.indexOf('swiper-pagination') !== -1)\n return;\n this.runInZone(() => {\n this.slideClick.next(evt);\n if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {\n this.showFullScreenCarousel(this.images, 'fullscreen-carousel');\n }\n });\n\n });\n }\n private runInZone<T extends (...args: any[]) => void>(callback: T, ...args: any[]) {\n if (!this.zone) {\n callback(args);\n }\n return this.zone.run(() => callback(args));\n }\n\n onSlideChange(instances: Swiper[]) {\n // this.swiperInstance = instance;\n // this.log('slide change - instance', instance);\n this.runInZone(() => {\n this.currentSlide = this.swiperInstance?.realIndex \|\| 0;\n this.log('slide change - currentSlide', this.currentSlide);\n this.slideChange.next(this.currentSlide);\n });\n }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { NxsCarouselComponent } from './nxs-carousel.component';\nimport { NxsCarouselModuleConfig } from './nxs-carousel-types';\nimport { SwiperModule } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n@NgModule({\n declarations: [\n NxsCarouselComponent,\n NxsCarouselDialogComponent,\n NxsSwiperTemplateDirective,\n ],\n imports: [\n CommonModule,\n MatIconModule,\n MatButtonModule,\n MatDialogModule,\n SwiperModule,\n ],\n exports: [\n NxsCarouselComponent,\n NxsSwiperTemplateDirective,\n ],\n})\nexport class NxsCarouselModule {\n public static forRoot(config?: NxsCarouselModuleConfig): ModuleWithProviders<NxsCarouselModule> {\n return {\n ngModule: NxsCarouselModule,\n providers: [\n { provide: NxsCarouselModuleConfig, useValue: config },\n ]\n };\n }\n}"]}

package/esm2015/lib/nxs-carousel/nxs-carousel.component.js CHANGED Viewed

@@ -227,7 +227,7 @@ NxsCarouselComponent.decorators = [
                 selector: 'nxs-carousel',
                 template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n        [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n        <ng-container *ngIf=\"hasHtmlContent\">\n            <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n                <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n                <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper>\n    <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n        <div class=\"nxs-image-counter\">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n    [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ?  (options.nxsThumbnails.percentHeight + '%'):''\"\n    [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ?  ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n    [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n    <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n        <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n            <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n            <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div>",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["@import \"~swiper/swiper.min.css\";@import \"~swiper/modules/navigation/navigation.min.css\";@import \"~swiper/modules/pagination/pagination.min.css\";@import \"~swiper/modules/lazy/lazy.min.css\";nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:100%;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
+                styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
             },] }
 ];
 NxsCarouselComponent.ctorParameters = () => [

package/fesm2015/nextalys-carousel.js CHANGED Viewed

@@ -270,7 +270,7 @@ NxsCarouselComponent.decorators = [
                 selector: 'nxs-carousel',
                 template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n        [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n        <ng-container *ngIf=\"hasHtmlContent\">\n            <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n                <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n                <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper>\n    <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n        <div class=\"nxs-image-counter\">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n    [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ?  (options.nxsThumbnails.percentHeight + '%'):''\"\n    [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ?  ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n    [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n    <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n        <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n            <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n            <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div>",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["@import \"~swiper/swiper.min.css\";@import \"~swiper/modules/navigation/navigation.min.css\";@import \"~swiper/modules/pagination/pagination.min.css\";@import \"~swiper/modules/lazy/lazy.min.css\";nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:100%;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
+                styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
             },] }
 ];
 NxsCarouselComponent.ctorParameters = () => [

package/nextalys-carousel.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"NxsCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"nxs-carousel","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":19},"member":"None"},"template":"<div ngIf=\"options\"\n [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n [style.height]=\"getMainSliderHeight()\">\n <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n <ng-container ngIf=\"hasHtmlContent\">\n <ng-template ngFor=\"let slide of contents\" swiperSlide>\n <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n $implicit: slide\n }\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-container ngIf=\"!hasHtmlContent && images?.length\">\n <ng-template swiperSlide ngFor=\"let slideImage of images\">\n <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </ng-container>\n </swiper>\n <ng-container ngIf=\"images && options.nxsShowImagesCount\">\n <div class=\"nxs-image-counter\">\n {{currentSlide+1}} / {{images.length}}\n </div>\n </ng-container>\n</div>\n\n<div ngIf=\"thumbnailsOptions && images?.length\"\n [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ? (options.nxsThumbnails.percentHeight + '%'):''\"\n [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ? ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n <ng-template swiperSlide ngFor=\"let slideImage of images\">\n <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </swiper>\n</div>","styles":["@import \"~swiper/swiper.min.css\";@import \"~swiper/modules/navigation/navigation.min.css\";@import \"~swiper/modules/pagination/pagination.min.css\";@import \"~swiper/modules/lazy/lazy.min.css\";nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:100%;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]}]}],"members":{"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":21,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":21,"character":57}}]}]}],"swiperComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":["swiper",{"static":false}]}]}],"lazy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"images":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"setOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5},"arguments":["options"]}]}],"hasHtmlContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"slideChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"slideClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":54,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":9}}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":52,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":53,"character":22},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"NxsCarouselModuleConfig"}]}],"log":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getMainSliderHeight":[{"__symbolic":"method"}],"setDefaultOptions":[{"__symbolic":"method"}],"setThumbnailsOptions":[{"__symbolic":"method"}],"showFullScreenCarousel":[{"__symbolic":"method"}],"goToSlide":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"onSwiperThumbnails":[{"__symbolic":"method"}],"onSwiper":[{"__symbolic":"method"}],"runInZone":[{"__symbolic":"method"}],"onSlideChange":[{"__symbolic":"method"}]}},"NxsCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NxsCarouselComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":21,"character":8},{"__symbolic":"reference","module":"swiper/angular","name":"SwiperModule","line":22,"character":8}],"exports":[{"__symbolic":"reference","name":"NxsCarouselComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NxsCarouselModule"},"providers":[{"provide":{"__symbolic":"reference","name":"NxsCarouselModuleConfig"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NxsCarouselImage":{"__symbolic":"interface"},"NxsCarouselOptions":{"__symbolic":"interface"},"NxsCarouselModuleConfig":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[nxsSwiperTemplate]"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nxs-carousel-dialog","template":"\n <div class=\"nxs-carousel-dialog-flex-wrapper\">\n <div class=\"nxs-carousel-dialog-header\">\n <button (click)=\"dialogRef.close()\" mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n <div [class]=\"wrapperClass\">\n <nxs-carousel [options]=\"data.options\" [images]=\"data.images\"></nxs-carousel>\n </div>\n</div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":19},"member":"None"},"styles":[".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":27,"character":16}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}]}}},"origins":{"NxsCarouselComponent":"./lib/nxs-carousel/nxs-carousel.component","NxsCarouselModule":"./lib/nxs-carousel/nxs-carousel.module","NxsCarouselImage":"./lib/nxs-carousel/nxs-carousel-types","NxsCarouselOptions":"./lib/nxs-carousel/nxs-carousel-types","NxsCarouselModuleConfig":"./lib/nxs-carousel/nxs-carousel-types","ɵa":"./lib/nxs-carousel/swiper-directives","ɵb":"./lib/nxs-carousel/nxs-carousel-dialog.component"},"importAs":"nextalys-carousel"}
1	+ {"__symbolic":"module","version":4,"metadata":{"NxsCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"nxs-carousel","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":19},"member":"None"},"template":"<div ngIf=\"options\"\n [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n [style.height]=\"getMainSliderHeight()\">\n <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n <ng-container ngIf=\"hasHtmlContent\">\n <ng-template ngFor=\"let slide of contents\" swiperSlide>\n <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n $implicit: slide\n }\"></ng-template>\n </ng-template>\n </ng-container>\n <ng-container ngIf=\"!hasHtmlContent && images?.length\">\n <ng-template swiperSlide ngFor=\"let slideImage of images\">\n <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </ng-container>\n </swiper>\n <ng-container ngIf=\"images && options.nxsShowImagesCount\">\n <div class=\"nxs-image-counter\">\n {{currentSlide+1}} / {{images.length}}\n </div>\n </ng-container>\n</div>\n\n<div ngIf=\"thumbnailsOptions && images?.length\"\n [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ? (options.nxsThumbnails.percentHeight + '%'):''\"\n [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ? ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n <ng-template swiperSlide ngFor=\"let slideImage of images\">\n <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n </ng-template>\n </swiper>\n</div>","styles":["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]}]}],"members":{"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":21,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵa"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":21,"character":57}}]}]}],"swiperComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":["swiper",{"static":false}]}]}],"lazy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"images":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"setOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5},"arguments":["options"]}]}],"hasHtmlContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"slideChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"slideClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":54,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":9}}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":52,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":53,"character":22},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"NxsCarouselModuleConfig"}]}],"log":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getMainSliderHeight":[{"__symbolic":"method"}],"setDefaultOptions":[{"__symbolic":"method"}],"setThumbnailsOptions":[{"__symbolic":"method"}],"showFullScreenCarousel":[{"__symbolic":"method"}],"goToSlide":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"onSwiperThumbnails":[{"__symbolic":"method"}],"onSwiper":[{"__symbolic":"method"}],"runInZone":[{"__symbolic":"method"}],"onSlideChange":[{"__symbolic":"method"}]}},"NxsCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NxsCarouselComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":21,"character":8},{"__symbolic":"reference","module":"swiper/angular","name":"SwiperModule","line":22,"character":8}],"exports":[{"__symbolic":"reference","name":"NxsCarouselComponent"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NxsCarouselModule"},"providers":[{"provide":{"__symbolic":"reference","name":"NxsCarouselModuleConfig"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NxsCarouselImage":{"__symbolic":"interface"},"NxsCarouselOptions":{"__symbolic":"interface"},"NxsCarouselModuleConfig":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[nxsSwiperTemplate]"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nxs-carousel-dialog","template":"\n <div class=\"nxs-carousel-dialog-flex-wrapper\">\n <div class=\"nxs-carousel-dialog-header\">\n <button (click)=\"dialogRef.close()\" mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n <div [class]=\"wrapperClass\">\n <nxs-carousel [options]=\"data.options\" [images]=\"data.images\"></nxs-carousel>\n </div>\n</div>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":19},"member":"None"},"styles":[".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":27,"character":16}]}],null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}]}}},"origins":{"NxsCarouselComponent":"./lib/nxs-carousel/nxs-carousel.component","NxsCarouselModule":"./lib/nxs-carousel/nxs-carousel.module","NxsCarouselImage":"./lib/nxs-carousel/nxs-carousel-types","NxsCarouselOptions":"./lib/nxs-carousel/nxs-carousel-types","NxsCarouselModuleConfig":"./lib/nxs-carousel/nxs-carousel-types","ɵa":"./lib/nxs-carousel/swiper-directives","ɵb":"./lib/nxs-carousel/nxs-carousel-dialog.component"},"importAs":"nextalys-carousel"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "nextalys-carousel",
-  "version": "0.0.55",
+  "version": "0.0.58",
   "dependencies": {
     "swiper": "^8.1.6",
     "tslib": "^2.2.0"