nextalys-carousel 0.0.57 → 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.
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
selector: 'nxs-carousel',
|
|
601
601
|
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>",
|
|
602
602
|
encapsulation: core.ViewEncapsulation.None,
|
|
603
|
-
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:
|
|
603
|
+
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}"]
|
|
604
604
|
},] }
|
|
605
605
|
];
|
|
606
606
|
NxsCarouselComponent.ctorParameters = function () { return [
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */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: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})}));
|
|
15
|
+
***************************************************************************** */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})}));
|
|
16
16
|
//# sourceMappingURL=nextalys-carousel.umd.min.js.map
|
|
@@ -227,7 +227,7 @@ NxsCarouselComponent.decorators = [
|
|
|
227
227
|
selector: 'nxs-carousel',
|
|
228
228
|
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>",
|
|
229
229
|
encapsulation: ViewEncapsulation.None,
|
|
230
|
-
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:
|
|
230
|
+
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}"]
|
|
231
231
|
},] }
|
|
232
232
|
];
|
|
233
233
|
NxsCarouselComponent.ctorParameters = () => [
|
|
@@ -270,7 +270,7 @@ NxsCarouselComponent.decorators = [
|
|
|
270
270
|
selector: 'nxs-carousel',
|
|
271
271
|
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>",
|
|
272
272
|
encapsulation: ViewEncapsulation.None,
|
|
273
|
-
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:
|
|
273
|
+
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}"]
|
|
274
274
|
},] }
|
|
275
275
|
];
|
|
276
276
|
NxsCarouselComponent.ctorParameters = () => [
|
|
@@ -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":["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"}
|