nextalys-carousel 0.0.53 → 0.0.56

package/fesm2015/nextalys-carousel.js

@@ -1,11 +1,11 @@
-import { __awaiter } from 'tslib';
-import { Component, ViewEncapsulation, Inject, EventEmitter, NgZone, PLATFORM_ID, Optional, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, Inject, Directive, EventEmitter, NgZone, PLATFORM_ID, Optional, ContentChildren, TemplateRef, ViewChild, Input, Output, NgModule } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import { EventsCollector } from 'nextalys-js-helpers/dist/events';
+import SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Thumbs } from 'swiper';
+import { SwiperModule } from 'swiper/angular';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { ObserversModule } from '@angular/cdk/observers';
 
 class NxsCarouselModuleConfig {
     constructor() {
@@ -44,16 +44,26 @@ NxsCarouselDialogComponent.ctorParameters = () => [
     { type: MatDialogRef }
 ];
 
+class NxsSwiperTemplateDirective {
+}
+NxsSwiperTemplateDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[nxsSwiperTemplate]',
+            },] }
+];
+
+// install Swiper modules
+SwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);
 class NxsCarouselComponent {
     constructor(matDialog, zone, platformId, config) {
         this.matDialog = matDialog;
         this.zone = zone;
         this.platformId = platformId;
         this.config = config;
-        this.mutationObserver = null;
-        this.recreateSliderSubscribed = false;
+        this.lazy = true;
         this.eventsCollector = new EventsCollector();
-        this.options = {};
+        this.options = null;
+        this.thumbnailsOptions = null;
         this.hasHtmlContent = false;
         this.slidesCount = 0;
         this.slideChange = new EventEmitter();
@@ -68,121 +78,27 @@ class NxsCarouselComponent {
     }
     set setOptions(val) {
         this.options = this.setDefaultOptions(val, false);
-    }
-    set setImages(val) {
-        this.images = val;
-        this.initSlides();
-        this.createSlider(true);
+        this.setThumbnailsOptions();
     }
     log(...args) {
         if (!this.config.debug)
             return;
         console.log('[NxsCarousel]', ...args);
     }
-    onContentChange(changes) {
-        // console.log("Log: NxsCarouselComponent -> onContentChange -> changes", changes);
-        // changes.forEach(change => console.log(change.target));
-    }
-    initSlides() {
-        if (!this.isBrowser) {
-            this.log('prevent initSlides on platform server');
-            return;
-        }
-        if (!this.nxsSlidesWrapper) {
-            this.log('can not initSlides : nxsSlidesWrapper is not defined !');
-            return;
-        }
-        this.log('initSlides begins');
-        this.zone.runOutsideAngular(() => {
-            if (!this.hasHtmlContent && this.images) {
-                this.nxsSlidesWrapper.nativeElement.innerHTML = '';
-                for (const cImage of this.images) {
-                    const div = document.createElement('div');
-                    div.className = 'swiper-slide';
-                    div.style.backgroundImage = 'url(' + cImage.src + ')';
-                    if (this.options.nxsCarouselImageBackgroundSize)
-                        div.style.backgroundSize = this.options.nxsCarouselImageBackgroundSize;
-                    this.nxsSlidesWrapper.nativeElement.appendChild(div);
-                }
-                this.slidesCount = this.images.length;
-                if (!!this.options.nxsThumbnails && this.options.nxsThumbnails.show) {
-                    this.nxsThumbnailsSlidesWrapper.nativeElement.innerHTML = '';
-                    for (const cImage of this.images) {
-                        const div = document.createElement('div');
-                        div.className = 'swiper-slide';
-                        div.style.backgroundImage = 'url(' + cImage.src + ')';
-                        this.nxsThumbnailsSlidesWrapper.nativeElement.appendChild(div);
-                    }
-                }
-                this.log('initSlides - images are defined - slides count => ', this.slidesCount);
-            }
-            else if (this.hasHtmlContent) {
-                this.log('initSlides - html content - slides length => ', this.nxsSlidesWrapper.nativeElement.children.length);
-                // eslint-disable-next-line @typescript-eslint/prefer-for-of
-                for (let i = 0; i < this.nxsSlidesWrapper.nativeElement.children.length; i++) {
-                    const child = this.nxsSlidesWrapper.nativeElement.children[i];
-                    if (!child.className)
-                        child.className = 'swiper-slide';
-                    else if (child.className.indexOf('swiper-slide') === -1) {
-                        child.className += ' swiper-slide';
-                    }
-                }
-                this.slidesCount = this.nxsSlidesWrapper.nativeElement.children.length;
-                this.log('initSlides - html content - slides count => ', this.slidesCount);
-            }
-        });
-    }
     destroy() {
-        var _a, _b, _c;
+        var _a;
         if (!this.isBrowser) {
             return;
         }
         (_a = this.eventsCollector) === null || _a === void 0 ? void 0 : _a.unsubscribeAll();
-        (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-        (_c = this.sliderInstance) === null || _c === void 0 ? void 0 : _c.destroy();
     }
     ngOnDestroy() {
         this.destroy();
     }
-    subscribeToSlideChanged() {
-        if (!this.hasHtmlContent) {
-            this.log('subscribeToSlideChanged cannot be subscribed : has no html content');
-            return;
-        }
-        if (!this.nxsSlidesWrapper || !this.nxsSlidesWrapper.nativeElement) {
-            this.log('subscribeToSlideChanged error : nxsSlidesWrapper is not defined');
-            return;
-        }
-        if (typeof MutationObserver === 'undefined') {
-            this.log('cannot use mutation observer');
-            return;
-        }
-        if (this.mutationObserver)
-            this.mutationObserver.disconnect();
-        this.log('subscribe to mutation observer');
-        this.mutationObserver = new MutationObserver((mutationsList) => {
-            // console.log("Log: NxsCarouselComponent -> subscribeToSlideChanged -> mutationsList", mutationsList);
-            // console.log("Log: NxsCarouselComponent -> subscribeToSlideChanged -> MutationObserver");
-            this.log('mutation observer - html content has changed');
-            if (mutationsList.length === 0)
-                return;
-            let mustUpdate = false;
-            for (const mutation of mutationsList) {
-                if (mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0) {
-                    mustUpdate = true;
-                    break;
-                }
-            }
-            if (mustUpdate) {
-                this.initSlides();
-                this.createSlider(true);
-            }
-        });
-        this.mutationObserver.observe(this.nxsSlidesWrapper.nativeElement, { childList: true, attributes: false, });
-    }
     ngAfterViewInit() {
-        this.initSlides();
-        this.createSlider(true);
+        // console.log('thi.contents', this.contents);
+        // this.initSlides();
+        // this.createSlider(true);
     }
     getMainSliderHeight() {
         if (!this.options)
@@ -200,10 +116,18 @@ class NxsCarouselComponent {
     setDefaultOptions(options, forDialog) {
         var _a;
         if (!options && forDialog) {
-            options = { nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true };
+            options = {
+                nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true,
+                lazy: true,
+            };
+        }
+        else if (!options) {
+            options = {
+                nxsShowNavigationBullets: true, loop: true,
+                nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {},
+                lazy: true,
+            };
         }
-        else if (!options)
-            options = { nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {} };
         if (options.nxsCarouselDialogOptions) {
             if (typeof options.nxsCarouselDialogOptions.nxsThumbnails === 'undefined')
                 options.nxsCarouselDialogOptions.nxsThumbnails = { show: false };
@@ -239,8 +163,37 @@ class NxsCarouselComponent {
             options.nxsfullscreenOnClick = false;
         if (options.nxsThumbnails.onMainSlider)
             options.nxsShowNavigationBullets = false;
+        if (typeof options.lazy === 'undefined')
+            options.lazy = true;
+        if (typeof options.navigation === 'undefined')
+            options.navigation = true;
+        if (typeof options.pagination === 'undefined')
+            options.pagination = { clickable: true };
+        // console.log("Log ~ file: nxs-carousel.component.ts ~ line 272 ~ NxsCarouselComponent ~ setDefaultOptions ~ options", options);
         return options;
     }
+    setThumbnailsOptions() {
+        var _a, _b;
+        if (!!((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.nxsThumbnails) === null || _b === void 0 ? void 0 : _b.show)) {
+            this.thumbnailsOptions = {
+                slidesPerView: this.options.nxsThumbnails.perView,
+                loop: false,
+                freeMode: true,
+                // watchSlidesVisibility: true,
+                watchSlidesProgress: true,
+                breakpoints: this.options.nxsThumbnails.breakpoints,
+                // spaceBetween: 10,
+            };
+            if (this.lazy) {
+                // Disable preloading of all images
+                this.thumbnailsOptions.preloadImages = false;
+                // Enable lazy loading
+                this.thumbnailsOptions.lazy = true;
+            }
+            // this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);
+            // this.options.thumbs = { swiper: this.thumbnailsSliderInstance };
+        }
+    }
     showFullScreenCarousel(images, wrapperClass) {
         this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);
         const data = { images, wrapperClass, options: this.options.nxsCarouselDialogOptions };
@@ -252,97 +205,72 @@ class NxsCarouselComponent {
             disableClose: !this.options.nxsCarouselDialogExitable,
         });
     }
-    createSlider(forceRecreate) {
-        if (!this.isBrowser) {
-            this.log('prevent createSlider : platform is server');
-            return;
-        }
-        if (!this.nxsSliderContainer) {
-            this.log('can not createSlider : nxsSliderContainer is not defined !');
-            return;
-        }
-        this.log('createSlider', this.nxsSliderContainer.nativeElement);
-        if (this.slidesCount === 0) {
-            this.log('can not createSlider : slidesCount === 0');
-            this.subscribeToSlideChanged();
-            return;
-        }
-        if (this.sliderInstance && !forceRecreate) {
-            this.log('can re create slider => slider is already created.');
-            return;
-        }
-        this.zone.runOutsideAngular(() => __awaiter(this, void 0, void 0, function* () {
-            this.destroy();
-            this.options.pagination = {
-                el: '.nxs-carousel-pagination',
-                clickable: true,
-                type: 'bullets',
-            };
-            this.options.navigation = {
-                nextEl: '.nxs-carousel-button-next',
-                prevEl: '.nxs-carousel-button-prev',
-            };
-            if (!this.swiperLibrary)
-                this.swiperLibrary = yield import('swiper');
-            const Swiper = this.swiperLibrary.default;
-            if (!!this.options.nxsThumbnails && this.options.nxsThumbnails.show) {
-                const thumbnailsOptions = {
-                    slidesPerView: this.options.nxsThumbnails.perView,
-                    loop: false,
-                    freeMode: true,
-                    watchSlidesVisibility: true,
-                    watchSlidesProgress: true,
-                    breakpoints: this.options.nxsThumbnails.breakpoints,
-                    // spaceBetween: 10,
-                };
-                this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);
-                this.options.thumbs = { swiper: this.thumbnailsSliderInstance };
-            }
-            this.sliderInstance = new Swiper(this.nxsSliderContainer.nativeElement, this.options);
-            this.log('sliderInstance has been created', this.sliderInstance);
-            this.sliderInstance.on('slideChange', () => {
-                this.zone.run(() => {
-                    this.currentSlide = this.sliderInstance.realIndex;
-                    this.log("slideChange", this.currentSlide);
-                    this.slideChange.next(this.currentSlide);
-                });
-            });
-            this.sliderInstance.on('click', (evt) => {
-                const target = evt.target;
-                if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1)
-                    return;
-                this.zone.run(() => {
-                    this.slideClick.next(evt);
-                    if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {
-                        this.showFullScreenCarousel(this.images, 'fullscreen-carousel');
-                    }
-                });
-            });
-            this.subscribeToSlideChanged();
-        }));
-    }
     goToSlide(index, speed) {
-        if (!this.sliderInstance)
-            return;
-        this.sliderInstance.slideTo(index, speed);
+        var _a;
+        (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.slideTo(index, speed);
     }
     next() {
-        if (!this.sliderInstance)
-            return;
-        this.sliderInstance.slideNext();
+        var _a;
+        (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.slideNext();
     }
     previous() {
-        if (!this.sliderInstance)
-            return;
-        this.sliderInstance.slidePrev();
+        var _a;
+        (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.slidePrev();
+    }
+    onSwiperThumbnails(instance) {
+        var _a, _b;
+        if ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.nxsThumbnails) === null || _b === void 0 ? void 0 : _b.show)
+            this.thumbnailsSwiperInstance = instance;
+        else
+            this.thumbnailsSwiperInstance = null;
+        // if (this.options?.nxsThumbnails?.show) {
+        //     const optionsClone = MainHelpers.cloneObject(this.options);
+        //     optionsClone.thumbs = { swiper: this.thumbnailsSwiperInstance };
+        //     // this.options = optionsClone;
+        //     // this.options = { ...this.options, thumbs: { swiper: this.thumbnailsSwiperInstance } };
+        //     console.log("Log ~ file: nxs-carousel.component.ts ~ line 416 ~ NxsCarouselComponent ~ onSwiperThumbnails ~    this.options ", this.options);
+        //     this.options.thumbs = { swiper: this.thumbnailsSwiperInstance };
+        // }
+    }
+    onSwiper(instance) {
+        this.log('swiper ready - instance', instance);
+        this.swiperInstance = instance;
+        this.swiperInstance.on('click', (swiperInstance, evt) => {
+            // console.log("Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt", evt);
+            const target = evt.target;
+            if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1)
+                return;
+            this.runInZone(() => {
+                this.slideClick.next(evt);
+                if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {
+                    this.showFullScreenCarousel(this.images, 'fullscreen-carousel');
+                }
+            });
+        });
+    }
+    runInZone(callback, ...args) {
+        if (!this.zone) {
+            callback(args);
+        }
+        return this.zone.run(() => callback(args));
+    }
+    onSlideChange(instances) {
+        // this.swiperInstance = instance;
+        // this.log('slide change - instance', instance);
+        this.runInZone(() => {
+            var _a;
+            this.currentSlide = ((_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.realIndex) || 0;
+            this.log('slide change - currentSlide', this.currentSlide);
+            this.slideChange.next(this.currentSlide);
+        });
     }
 }
 NxsCarouselComponent.decorators = [
     { type: Component, args: [{
                 selector: 'nxs-carousel',
-                template: "<div #nxsSliderContainer\n    \u00A0[ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <div class=\"swiper-wrapper\" #nxsSlidesWrapper>\n        <ng-content>\n\n        </ng-content>\n    </div>\n    <!-- (cdkObserveContent)=\"onContentChange($event)\" -->\n    <!-- If we need pagination -->\n    <div class=\"swiper-pagination nxs-carousel-pagination\"\n        [style.display]=\"slidesCount>0 && options && options.nxsShowNavigationBullets ? '':'none'\"></div>\n\n    <!-- If we need navigation buttons -->\n    <ng-container *ngIf=\"options.nxsShowNavigationArrows\">\n        <div class=\"nxs-carousel-button-prev swiper-button-prev\"></div>\n        <div class=\"nxs-carousel-button-next swiper-button-next\"></div>\n    </ng-container>\n\n    <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n        <div class=\"nxs-image-counter\">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n\n</div>\n\n<div #nxsThumbnailsSliderContainer\n    [style.display]=\"(images && !!options.nxsThumbnails && options.nxsThumbnails.show) ?'':'none'\"\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    <div class=\"swiper-wrapper\" #nxsThumbnailsSlidesWrapper>\n\n    </div>\n\n</div>",
+                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: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;display:block;position:relative;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-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: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}"]
             },] }
 ];
 NxsCarouselComponent.ctorParameters = () => [
@@ -352,12 +280,11 @@ NxsCarouselComponent.ctorParameters = () => [
     { type: NxsCarouselModuleConfig, decorators: [{ type: Optional }] }
 ];
 NxsCarouselComponent.propDecorators = {
-    nxsSliderContainer: [{ type: ViewChild, args: ['nxsSliderContainer', { static: true },] }],
-    nxsSlidesWrapper: [{ type: ViewChild, args: ['nxsSlidesWrapper', { static: true },] }],
-    nxsThumbnailsSliderContainer: [{ type: ViewChild, args: ['nxsThumbnailsSliderContainer', { static: true },] }],
-    nxsThumbnailsSlidesWrapper: [{ type: ViewChild, args: ['nxsThumbnailsSlidesWrapper', { static: true },] }],
+    contents: [{ type: ContentChildren, args: [NxsSwiperTemplateDirective, { read: TemplateRef },] }],
+    swiperComponent: [{ type: ViewChild, args: ['swiper', { static: false },] }],
+    lazy: [{ type: Input }],
+    images: [{ type: Input }],
     setOptions: [{ type: Input, args: ['options',] }],
-    setImages: [{ type: Input, args: ['images',] }],
     hasHtmlContent: [{ type: Input }],
     slideChange: [{ type: Output }],
     slideClick: [{ type: Output }]
@@ -378,16 +305,18 @@ NxsCarouselModule.decorators = [
                 declarations: [
                     NxsCarouselComponent,
                     NxsCarouselDialogComponent,
+                    NxsSwiperTemplateDirective,
                 ],
                 imports: [
                     CommonModule,
                     MatIconModule,
                     MatButtonModule,
                     MatDialogModule,
-                    ObserversModule,
+                    SwiperModule,
                 ],
                 exports: [
                     NxsCarouselComponent,
+                    NxsSwiperTemplateDirective,
                 ],
             },] }
 ];
@@ -396,5 +325,5 @@ NxsCarouselModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { NxsCarouselComponent, NxsCarouselModule, NxsCarouselModuleConfig, NxsCarouselDialogComponent as ɵa };
+export { NxsCarouselComponent, NxsCarouselModule, NxsCarouselModuleConfig, NxsSwiperTemplateDirective as ɵa, NxsCarouselDialogComponent as ɵb };
 //# sourceMappingURL=nextalys-carousel.js.map

package/fesm2015/nextalys-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"nextalys-carousel.js","sources":["../../src/lib/nxs-carousel/nxs-carousel-types.ts","../../src/lib/nxs-carousel/nxs-carousel-dialog.component.ts","../../src/lib/nxs-carousel/nxs-carousel.component.ts","../../src/lib/nxs-carousel/nxs-carousel.module.ts","../../src/nextalys-carousel.ts"],"sourcesContent":["export interface NxsCarouselImage {\n    alt?: string;\n    src: string;\n}\nexport interface SwiperInstance {\n    realIndex: number;\n    activeIndex: number;\n    on: (evt: 'slideChange' | 'click', cb: (data: any) => void) => void;\n    destroy: (deleteInstance?: boolean, cleanStyles?: boolean) => void;\n    slideTo: (index: number, speed?: number, runCallbacks?: boolean) => void;\n    slideNext: (speed?: number, runCallbacks?: boolean) => void;\n    slidePrev: (speed?: number, runCallbacks?: boolean) => void;\n}\nexport interface NxsCarouselOptions {\n    watchSlidesVisibility?: boolean;\n    watchSlidesProgress?: boolean;\n    freeMode?: boolean;\n    effect?: \"slide\" | \"fade\" | \"cube\" | \"coverflow\" | \"flip\";\n    autoplay?: { delay: number; stopOnLastSlide?: boolean; disableOnInteraction?: boolean; reverseDirection?: boolean; waitForTransition?: boolean };\n    roundLengths?: boolean;\n    init?: boolean;\n    initialSlide?: number;\n    updateOnWindowResize?: boolean;\n    direction?: 'horizontal' | 'vertical';\n    slidesPerView?: number | 'auto';\n    centeredSlides?: boolean;\n    centeredSlidesBounds?: boolean;\n    loop?: boolean;\n    coverflowEffect?: {\n        rotate: number;\n        stretch: number;\n        depth?: number;\n        modifier?: number;\n        slideShadows?: boolean;\n    };\n    pagination?: {\n        el: string;\n        clickable: boolean;\n        type?: \"bullets\" | \"fraction\" | \"progressbar\" | \"custom\";\n    };\n    navigation?: {\n        nextEl: string;\n        prevEl: string;\n    };\n    spaceBetween?: number;\n    breakpoints?: {\n        [size: number]: {\n            spaceBetween?: number;\n            slidesPerView: number | 'auto';\n        };\n    };\n    thumbs?: { swiper: SwiperInstance };\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 { Component, ViewEncapsulation, Input, ViewChild, ElementRef, Output, EventEmitter, PLATFORM_ID, Inject, Optional, NgZone, SimpleChanges } from '@angular/core';\nimport { NxsCarouselOptions, NxsCarouselImage, SwiperInstance, 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@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    private mutationObserver: MutationObserver | null = null;\n    recreateSliderSubscribed = false;\n    private eventsCollector = new EventsCollector();\n    public images: NxsCarouselImage[];\n\n    @ViewChild('nxsSliderContainer', { static: true })\n    nxsSliderContainer: ElementRef<HTMLDivElement>;\n\n    @ViewChild('nxsSlidesWrapper', { static: true })\n    nxsSlidesWrapper: ElementRef<HTMLDivElement>;\n\n    //thumbnails\n    @ViewChild('nxsThumbnailsSliderContainer', { static: true })\n    nxsThumbnailsSliderContainer: ElementRef<HTMLDivElement>;\n    @ViewChild('nxsThumbnailsSlidesWrapper', { static: true })\n    nxsThumbnailsSlidesWrapper: ElementRef<HTMLDivElement>;\n    options: NxsCarouselOptions = {};\n    @Input('options')\n    set setOptions(val: NxsCarouselOptions) {\n        this.options = this.setDefaultOptions(val, false);\n    }\n    @Input('images')\n    set setImages(val: NxsCarouselImage[]) {\n        this.images = val;\n        this.initSlides();\n        this.createSlider(true);\n    }\n    @Input()\n    hasHtmlContent = false;\n    slidesCount: number = 0;\n    public sliderInstance: SwiperInstance;\n    public thumbnailsSliderInstance: SwiperInstance;\n\n    @Output()\n    slideChange = new EventEmitter<number>();\n    public currentSlide = 0;\n    @Output()\n    slideClick = new EventEmitter<MouseEvent>();\n    isBrowser = false;\n    private swiperLibrary: any;\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\n    onContentChange(changes: MutationRecord[]) {\n        // console.log(\"Log: NxsCarouselComponent -> onContentChange -> changes\", changes);\n        // changes.forEach(change => console.log(change.target));\n    }\n    initSlides() {\n        if (!this.isBrowser) {\n            this.log('prevent initSlides on platform server');\n            return;\n        }\n        if (!this.nxsSlidesWrapper) {\n            this.log('can not initSlides : nxsSlidesWrapper is not defined !');\n            return;\n        }\n        this.log('initSlides begins');\n        this.zone.runOutsideAngular(() => {\n            if (!this.hasHtmlContent && this.images) {\n                this.nxsSlidesWrapper.nativeElement.innerHTML = '';\n\n                for (const cImage of this.images) {\n                    const div = document.createElement('div');\n                    div.className = 'swiper-slide';\n                    div.style.backgroundImage = 'url(' + cImage.src + ')';\n                    if (this.options.nxsCarouselImageBackgroundSize)\n                        div.style.backgroundSize = this.options.nxsCarouselImageBackgroundSize;\n                    this.nxsSlidesWrapper.nativeElement.appendChild(div);\n                }\n                this.slidesCount = this.images.length;\n                if (!!this.options.nxsThumbnails && this.options.nxsThumbnails.show) {\n                    this.nxsThumbnailsSlidesWrapper.nativeElement.innerHTML = '';\n                    for (const cImage of this.images) {\n                        const div = document.createElement('div');\n                        div.className = 'swiper-slide';\n                        div.style.backgroundImage = 'url(' + cImage.src + ')';\n                        this.nxsThumbnailsSlidesWrapper.nativeElement.appendChild(div);\n                    }\n                }\n                this.log('initSlides - images are defined - slides count => ', this.slidesCount);\n            }\n            else if (this.hasHtmlContent) {\n                this.log('initSlides - html content - slides length => ', this.nxsSlidesWrapper.nativeElement.children.length);\n                // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                for (let i = 0; i < this.nxsSlidesWrapper.nativeElement.children.length; i++) {\n                    const child = this.nxsSlidesWrapper.nativeElement.children[i];\n                    if (!child.className)\n                        child.className = 'swiper-slide';\n                    else if (child.className.indexOf('swiper-slide') === -1) {\n                        child.className += ' swiper-slide';\n                    }\n                }\n                this.slidesCount = this.nxsSlidesWrapper.nativeElement.children.length;\n                this.log('initSlides - html content - slides count => ', this.slidesCount);\n            }\n        });\n\n    }\n\n    private destroy() {\n        if (!this.isBrowser) {\n            return;\n        }\n        this.eventsCollector?.unsubscribeAll();\n        this.mutationObserver?.disconnect();\n        this.sliderInstance?.destroy();\n    }\n    ngOnDestroy(): void {\n        this.destroy();\n    }\n    private subscribeToSlideChanged() {\n        if (!this.hasHtmlContent) {\n            this.log('subscribeToSlideChanged cannot be subscribed : has no html content');\n            return;\n        }\n        if (!this.nxsSlidesWrapper || !this.nxsSlidesWrapper.nativeElement) {\n            this.log('subscribeToSlideChanged error : nxsSlidesWrapper is not defined');\n            return;\n        }\n        if (typeof MutationObserver === 'undefined') {\n            this.log('cannot use mutation observer');\n            return;\n        }\n\n        if (this.mutationObserver)\n            this.mutationObserver.disconnect();\n\n        this.log('subscribe to mutation observer');\n        this.mutationObserver = new MutationObserver((mutationsList) => {\n            // console.log(\"Log: NxsCarouselComponent -> subscribeToSlideChanged -> mutationsList\", mutationsList);\n            // console.log(\"Log: NxsCarouselComponent -> subscribeToSlideChanged -> MutationObserver\");\n            this.log('mutation observer - html content has changed');\n            if (mutationsList.length === 0)\n                return;\n            let mustUpdate = false;\n            for (const mutation of mutationsList) {\n                if (mutation.addedNodes.length > 0 || mutation.removedNodes.length > 0) {\n                    mustUpdate = true;\n                    break;\n                }\n            }\n            if (mustUpdate) {\n                this.initSlides();\n                this.createSlider(true);\n            }\n\n        });\n        this.mutationObserver.observe(this.nxsSlidesWrapper.nativeElement, { childList: true, attributes: false, });\n    }\n    ngAfterViewInit(): void {\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 = { nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true };\n        }\n        else if (!options)\n            options = { nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {} };\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        return options;\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    private createSlider(forceRecreate: boolean) {\n        if (!this.isBrowser) {\n            this.log('prevent createSlider : platform is server');\n            return;\n        }\n        if (!this.nxsSliderContainer) {\n            this.log('can not createSlider : nxsSliderContainer is not defined !');\n            return;\n        }\n        this.log('createSlider', this.nxsSliderContainer.nativeElement);\n        if (this.slidesCount === 0) {\n            this.log('can not createSlider : slidesCount === 0');\n            this.subscribeToSlideChanged();\n            return;\n        }\n        if (this.sliderInstance && !forceRecreate) {\n            this.log('can re create slider => slider is already created.');\n            return;\n        }\n        this.zone.runOutsideAngular(async () => {\n            this.destroy();\n            this.options.pagination = {\n                el: '.nxs-carousel-pagination',\n                clickable: true,\n                type: 'bullets',\n            };\n            this.options.navigation = {\n                nextEl: '.nxs-carousel-button-next',\n                prevEl: '.nxs-carousel-button-prev',\n            };\n            if (!this.swiperLibrary)\n                this.swiperLibrary = await import(\"swiper\");\n            const Swiper = this.swiperLibrary.default;\n            if (!!this.options.nxsThumbnails && this.options.nxsThumbnails.show) {\n                const thumbnailsOptions: NxsCarouselOptions = {\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                this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);\n                this.options.thumbs = { swiper: this.thumbnailsSliderInstance };\n            }\n            this.sliderInstance = new Swiper(this.nxsSliderContainer.nativeElement, this.options);\n            this.log('sliderInstance has been created', this.sliderInstance);\n            this.sliderInstance.on('slideChange', () => {\n                this.zone.run(() => {\n                    this.currentSlide = this.sliderInstance.realIndex;\n                    this.log(\"slideChange\", this.currentSlide);\n                    this.slideChange.next(this.currentSlide);\n                });\n            });\n            this.sliderInstance.on('click', (evt: MouseEvent) => {\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.zone.run(() => {\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            this.subscribeToSlideChanged();\n        });\n    }\n\n    goToSlide(index: number, speed?: number) {\n        if (!this.sliderInstance)\n            return;\n        this.sliderInstance.slideTo(index, speed);\n    }\n    next() {\n        if (!this.sliderInstance)\n            return;\n        this.sliderInstance.slideNext();\n    }\n    previous() {\n        if (!this.sliderInstance)\n            return;\n        this.sliderInstance.slidePrev();\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 { ObserversModule } from '@angular/cdk/observers';\n\n@NgModule({\n    declarations: [\n        NxsCarouselComponent,\n        NxsCarouselDialogComponent,\n    ],\n    imports: [\n        CommonModule,\n        MatIconModule,\n        MatButtonModule,\n        MatDialogModule,\n        ObserversModule,\n    ],\n    exports: [\n        NxsCarouselComponent,\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}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {NxsCarouselDialogComponent as ɵa} from './lib/nxs-carousel/nxs-carousel-dialog.component';"],"names":[],"mappings":"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"}
+{"version":3,"file":"nextalys-carousel.js","sources":["../../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","../../src/nextalys-carousel.ts"],"sourcesContent":["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}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {NxsCarouselDialogComponent as ɵb} from './lib/nxs-carousel/nxs-carousel-dialog.component';\nexport {NxsSwiperTemplateDirective as ɵa} from './lib/nxs-carousel/swiper-directives';"],"names":[],"mappings":"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"}

package/lib/nxs-carousel/nxs-carousel-types.d.ts

@@ -1,63 +1,9 @@
+import { SwiperOptions } from "swiper";
 export interface NxsCarouselImage {
     alt?: string;
     src: string;
 }
-export interface SwiperInstance {
-    realIndex: number;
-    activeIndex: number;
-    on: (evt: 'slideChange' | 'click', cb: (data: any) => void) => void;
-    destroy: (deleteInstance?: boolean, cleanStyles?: boolean) => void;
-    slideTo: (index: number, speed?: number, runCallbacks?: boolean) => void;
-    slideNext: (speed?: number, runCallbacks?: boolean) => void;
-    slidePrev: (speed?: number, runCallbacks?: boolean) => void;
-}
-export interface NxsCarouselOptions {
-    watchSlidesVisibility?: boolean;
-    watchSlidesProgress?: boolean;
-    freeMode?: boolean;
-    effect?: "slide" | "fade" | "cube" | "coverflow" | "flip";
-    autoplay?: {
-        delay: number;
-        stopOnLastSlide?: boolean;
-        disableOnInteraction?: boolean;
-        reverseDirection?: boolean;
-        waitForTransition?: boolean;
-    };
-    roundLengths?: boolean;
-    init?: boolean;
-    initialSlide?: number;
-    updateOnWindowResize?: boolean;
-    direction?: 'horizontal' | 'vertical';
-    slidesPerView?: number | 'auto';
-    centeredSlides?: boolean;
-    centeredSlidesBounds?: boolean;
-    loop?: boolean;
-    coverflowEffect?: {
-        rotate: number;
-        stretch: number;
-        depth?: number;
-        modifier?: number;
-        slideShadows?: boolean;
-    };
-    pagination?: {
-        el: string;
-        clickable: boolean;
-        type?: "bullets" | "fraction" | "progressbar" | "custom";
-    };
-    navigation?: {
-        nextEl: string;
-        prevEl: string;
-    };
-    spaceBetween?: number;
-    breakpoints?: {
-        [size: number]: {
-            spaceBetween?: number;
-            slidesPerView: number | 'auto';
-        };
-    };
-    thumbs?: {
-        swiper: SwiperInstance;
-    };
+export interface NxsCarouselOptions extends SwiperOptions {
     nxsShowNavigationBullets?: boolean;
     nxsShowNavigationArrows?: boolean;
     nxsThumbnails?: {