nextalys-carousel 0.0.80 → 0.0.83

package/fesm2022/nextalys-carousel.mjs

@@ -1,10 +1,398 @@
-import { InjectionToken } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, EventEmitter, PLATFORM_ID, TemplateRef, Component, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, Inject, Optional, ContentChildren, Input, ViewChild, Output } from '@angular/core';
+import * as i1 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { EventsCollector } from 'nextalys-js-helpers/dist/events';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { MainHelpers } from 'nextalys-js-helpers';
+
+class NxsSwiperTemplateDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: NxsSwiperTemplateDirective, isStandalone: true, selector: "[nxsSwiperTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nxsSwiperTemplate]',
+                    standalone: true
+                }]
+        }] });
 
 class NxsCarouselModuleConfig {
     debug = false;
 }
 const NxsCarouselOptionsToken = new InjectionToken('NxsCarouselOptionsToken');
 
+// install Swiper modules
+// SwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);
+class NxsCarouselComponent {
+    matDialog;
+    zone;
+    platformId;
+    config;
+    swiperReady = false;
+    contents;
+    lazy = true;
+    eventsCollector = new EventsCollector();
+    images;
+    options = null;
+    thumbnailsOptions = null;
+    set setOptions(val) {
+        this.options = this.setDefaultOptions(val, false);
+        this.setThumbnailsOptions();
+    }
+    hasHtmlContent = false;
+    thumbnailsSwiperInstance;
+    swiperInstance;
+    swiperRef;
+    slidesCount = 0;
+    slideChange = new EventEmitter();
+    currentSlide = 0;
+    slideClick = new EventEmitter();
+    isBrowser = false;
+    static openDialogSubscribed = false;
+    static instanceCount = 0;
+    instanceId = 0;
+    constructor(matDialog, zone, platformId, config) {
+        this.matDialog = matDialog;
+        this.zone = zone;
+        this.platformId = platformId;
+        this.config = config;
+        NxsCarouselComponent.instanceCount++;
+        this.instanceId = NxsCarouselComponent.instanceCount;
+        if (!this.config)
+            this.config = { debug: false };
+        this.isBrowser = isPlatformBrowser(this.platformId);
+        this.log('constructor - isBrowser', this.isBrowser);
+        this.options = this.setDefaultOptions(undefined, false);
+        // NxsCarouselComponent.subscribeToOpenDialog(matDialog);
+    }
+    // static subscribeToOpenDialog(matDialog: MatDialog) {
+    //     if (this.openDialogSubscribed) {
+    //         return;
+    //     }
+    //     this.openDialogSubscribed = true;
+    //     CarouselEvents.openCarouselDialog.subscribe((data) => {
+    //         if (NxsCarouselDialogComponent.dialogOpened) {
+    //             return;
+    //         }
+    //         matDialog.open(NxsCarouselDialogComponent, data);
+    //     });
+    // }
+    log(...args) {
+        if (!this.config?.debug)
+            return;
+        console.log('[NxsCarousel - instance ' + this.instanceId + ']', ...args);
+    }
+    destroy() {
+        if (!this.isBrowser) {
+            return;
+        }
+        this.eventsCollector?.unsubscribeAll();
+        this.timeoutIds?.forEach(id => {
+            try {
+                clearTimeout(id);
+            }
+            catch (error) {
+                console.log("on destroy - clear timeout ERROR ", error);
+            }
+        });
+        this.timeoutIds = [];
+    }
+    ngOnDestroy() {
+        this.destroy();
+    }
+    ngAfterViewInit() {
+        if (!this.swiperRef?.nativeElement) {
+            return;
+        }
+        this.initSwiper();
+        // console.log("Log ~ NxsCarouselComponent ~ ngAfterViewInit ~ setTimeout ~  this.swiperInstance:", this.swiperInstance);
+        // setTimeout(() => {
+        //     this.swiperInstance = this.swiperRef.nativeElement.swiper;
+        //     console.log("Log ~ NxsCarouselComponent ~ ngAfterViewInit ~ setTimeout ~  this.swiperInstance:", this.swiperInstance);
+        // });
+    }
+    async initSwiper() {
+        this.log('init swiper');
+        // this.swiperInstance = this.swiperRef.nativeElement.swiper;
+        // console.log("Log ~ NxsCarouselComponent ~ ngAfterViewInit ~  this.swiperInstance:", this.swiperInstance);
+        // console.log('thi.contents', this.contents);
+        // this.initSlides();
+        await MainHelpers.waitForBoolValueSeconds(() => !!this.swiperRef?.nativeElement, 15, 200);
+        // this.createSlider(true);
+        this.log('swiperRef', this.swiperRef?.nativeElement);
+        this.log('options', this.options);
+        if (!this.swiperRef?.nativeElement) {
+            return;
+        }
+        Object.assign(this.swiperRef.nativeElement, this.options);
+        this.swiperRef.nativeElement?.initialize();
+        this.swiperInstance = this.swiperRef?.nativeElement?.swiper;
+        this.onSwiper();
+    }
+    getMainSliderHeight() {
+        if (!this.options)
+            return '';
+        if (this.options.nxsThumbnails && this.options.nxsThumbnails.show) {
+            if (this.options.nxsThumbnails.onMainSlider) {
+                return '100%';
+            }
+            else if (this.options.nxsThumbnails.percentHeight) {
+                return (100 - this.options.nxsThumbnails.percentHeight) + '%';
+            }
+        }
+        return '';
+    }
+    setDefaultOptions(options, forDialog) {
+        if (!options && forDialog) {
+            options = {
+                nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true,
+                lazy: this.lazy,
+            };
+        }
+        else if (!options) {
+            options = {
+                nxsShowNavigationBullets: true, loop: true,
+                nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {},
+                lazy: this.lazy,
+            };
+        }
+        if (options.nxsCarouselDialogOptions) {
+            if (typeof options.nxsCarouselDialogOptions.nxsThumbnails === 'undefined')
+                options.nxsCarouselDialogOptions.nxsThumbnails = { show: false };
+            if (typeof options.nxsCarouselDialogOptions.effect === 'undefined')
+                options.nxsCarouselDialogOptions.effect = 'slide';
+            if (typeof options.nxsCarouselDialogOptions.nxsShowNavigationArrows === 'undefined')
+                options.nxsCarouselDialogOptions.nxsShowNavigationArrows = true;
+            if (!!options.nxsCarouselDialogOptions.nxsThumbnails?.show) {
+                if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight === 'undefined')
+                    options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight = 20;
+                if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.perView === 'undefined')
+                    options.nxsCarouselDialogOptions.nxsThumbnails.perView = 10;
+                options.nxsCarouselDialogOptions.nxsThumbnails.breakpoints = {
+                    640: {
+                        slidesPerView: 5,
+                    },
+                    768: {
+                        slidesPerView: 7,
+                    },
+                    1024: {
+                        slidesPerView: 8,
+                    },
+                };
+            }
+        }
+        if (!options.nxsThumbnails)
+            options.nxsThumbnails = { show: false };
+        if (options.nxsThumbnails.show && typeof options.nxsThumbnails.percentHeight === 'undefined')
+            options.nxsThumbnails.percentHeight = 20;
+        if (options.nxsThumbnails.show && typeof options.nxsThumbnails.perView === 'undefined')
+            options.nxsThumbnails.perView = 10;
+        if (forDialog)
+            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 };
+        if (options.nxsShowNavigationBullets === false) {
+            options.pagination = false;
+        }
+        // console.log("Log ~ file: nxs-carousel.component.ts ~ line 272 ~ NxsCarouselComponent ~ setDefaultOptions ~ options", options);
+        return options;
+    }
+    setThumbnailsOptions() {
+        if (!!this.options?.nxsThumbnails?.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;
+            }
+            // console.log("Log ~ file: nxs-carousel.component.ts ~ line 184 ~ NxsCarouselComponent ~ setThumbnailsOptions ~   this.thumbnailsOptions.lazy", this.thumbnailsOptions.lazy);
+            // this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);
+            // this.options.thumbs = { swiper: this.thumbnailsSliderInstance };
+        }
+    }
+    // public showFullScreenCarousel(images: NxsCarouselImage[], wrapperClass?: string) {
+    //     this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);
+    //     const data: NxsCarouselDialogData = { images, wrapperClass, options: this.options.nxsCarouselDialogOptions };
+    //     CarouselEvents.openCarouselDialog?.emit({
+    //         data,
+    //         panelClass: 'nxs-carousel-dialog',
+    //         width: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.width : undefined,
+    //         height: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.height : undefined,
+    //         disableClose: !this.options.nxsCarouselDialogExitable,
+    //     });
+    // }
+    goToSlide(index, speed) {
+        this.swiperInstance?.slideTo(index, speed);
+    }
+    next() {
+        this.swiperInstance?.slideNext();
+    }
+    previous() {
+        this.swiperInstance?.slidePrev();
+    }
+    onSwiperThumbnails(instance) {
+        if (this.options?.nxsThumbnails?.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 };
+        // }
+    }
+    timeoutIds = [];
+    getSlidesCount() {
+        if (!this.swiperInstance?.slides?.length) {
+            return 0;
+        }
+        //TODO: gérer le loop ici
+        // if (this.swiperInstance?.lo) {
+        //     return (this.swiperInstance?.slides?.length || 0) - 2;
+        // }
+        // const isLoopActive = !!this.swiperInstance?.params?.loop;
+        // if (isLoopActive) {
+        //     return (this.swiperInstance?.slides?.length || 0) - (this.swiperInstance?.loopedSlides || 0) * 2;
+        // }
+        return this.swiperInstance?.slides?.length || 0;
+    }
+    onSwiper() {
+        this.log('swiper ready - instance', this.swiperInstance);
+        if (!this.isBrowser) {
+            this.log('not browser - return');
+            return;
+        }
+        // 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;
+            // console.log("Log ~ NxsCarouselComponent ~ onSwiper ~ target:", target);
+            if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1
+                || target.className.indexOf('swiper-button-next') !== -1 || target.className.indexOf('swiper-button-prev') !== -1
+                || target.tagName === 'SWIPER-CONTAINER') {
+                return;
+            }
+            this.runInZone(() => {
+                this.slideClick.next(evt);
+                // if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {
+                //     this.showFullScreenCarousel(this.images, 'fullscreen-carousel');
+                // }
+            });
+        });
+        const tId = setTimeout(() => {
+            this.slidesCount = this.getSlidesCount();
+        });
+        this.timeoutIds.push(tId);
+        this.swiperInstance?.on('slideChange', () => {
+            this.onSlideChange([this.swiperInstance]);
+        });
+        this.swiperReady = true;
+        // $('.swiper-container').on('keydown keyup', function(e){
+        //     if (e.keyCode==9) $('.swiper-container')[0].scrollLeft = 0;
+        //   })
+        // console.log("Log ~ file: nxs-carousel.component.ts:254 ~ NxsCarouselComponent ~ this.swiperInstance.el.addEventListener ~   this.swiperInstance.el:", this.swiperInstance.el);
+        // this.swiperInstance.el.addEventListener('keydown', (evt) => {
+        //     if (evt.keyCode === 9) {
+        //         // evt.preventDefault();
+        //         // this.swiperInstance.el.scrollLeft = 0;
+        //         // this.swiperInstance.el.querySelectorAll('.swiper-wrapper')[0].scrollLeft = 0;
+        //         // $('.swiper-container')[0].scrollLeft = 0;
+        //     }
+        // });
+        // document.querySelectorAll()
+    }
+    runOutZone(callback, ...args) {
+        if (!this.zone) {
+            callback(args);
+        }
+        return this.zone.runOutsideAngular(() => callback(args));
+    }
+    runInZone(callback, ...args) {
+        if (!this.zone) {
+            callback(args);
+        }
+        return this.zone.run(() => callback(args));
+    }
+    onSlideChange(instances) {
+        if (!this.swiperReady) {
+            return;
+        }
+        if (!this.swiperInstance && instances?.length) {
+            this.swiperInstance = instances[0];
+        }
+        // console.log("Log ~ file: nxs-carousel.component.ts:252 ~ NxsCarouselComponent ~ onSlideChange ~ instances:", instances);
+        // this.swiperInstance = instance;
+        // this.log('slide change - instance', instance);
+        this.runInZone(() => {
+            this.currentSlide = this.swiperInstance?.realIndex || 0;
+            // console.log("Log ~ file: nxs-carousel.component.ts:256 ~ NxsCarouselComponent ~ this.runInZone ~ this.swiperInstance?.realIndex:", this.swiperInstance);
+            this.log('slide change - currentSlide', this.currentSlide);
+            this.slideChange.next(this.currentSlide);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselComponent, deps: [{ token: i1.MatDialog }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: NxsCarouselOptionsToken, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: NxsCarouselComponent, isStandalone: true, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", setOptions: ["options", "setOptions"], hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, queries: [{ propertyName: "contents", predicate: NxsSwiperTemplateDirective, read: TemplateRef }], viewQueries: [{ propertyName: "swiperRef", first: true, predicate: ["swiperRef"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper-container init=\"false\" #swiperRef>\n        @if(hasHtmlContent){\n        @for( slide of contents; track $index){\n        <swiper-slide>\n            <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n        </swiper-slide>\n        }\n        }@else if(images?.length){\n        @for( slideImage of images; track $index){\n        <swiper-slide>\n            <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.loading]=\"lazy ? 'lazy' : null\"\n                [src]=\"slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n            <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </swiper-slide>\n        }\n        }\n    </swiper-container>\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                <swiper-slide>\n                    <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n                </swiper-slide>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.loading]=\"lazy ? 'lazy' : null\"\n                    [src]=\"slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n                <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper> -->\n    @if(options?.nxsShowImagesCount){\n    <div class=\"nxs-image-counter\">\n        {{currentSlide+1}} / {{slidesCount}}\n    </div>\n    }\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 [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.data-src]=\"lazy ? slideImage.src : null\"\n                [src]=\"lazy ? null : slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n            <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div> -->", styles: [":root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d :is(.swiper-slide,.swiper-cube-shadow){transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d :is(.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom){position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal:is(.swiper-rtl .swiper-button-prev,.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic :is(.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main){transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}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-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:center;background-repeat:no-repeat}nxs-carousel swiper-container .nxs-image-slide{height:100%;object-fit:cover;width:100%;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 lightblue}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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nxs-carousel', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper-container init=\"false\" #swiperRef>\n        @if(hasHtmlContent){\n        @for( slide of contents; track $index){\n        <swiper-slide>\n            <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n        </swiper-slide>\n        }\n        }@else if(images?.length){\n        @for( slideImage of images; track $index){\n        <swiper-slide>\n            <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.loading]=\"lazy ? 'lazy' : null\"\n                [src]=\"slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n            <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </swiper-slide>\n        }\n        }\n    </swiper-container>\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                <swiper-slide>\n                    <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n                </swiper-slide>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.loading]=\"lazy ? 'lazy' : null\"\n                    [src]=\"slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n                <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper> -->\n    @if(options?.nxsShowImagesCount){\n    <div class=\"nxs-image-counter\">\n        {{currentSlide+1}} / {{slidesCount}}\n    </div>\n    }\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 [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.data-src]=\"lazy ? slideImage.src : null\"\n                [src]=\"lazy ? null : slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n            <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div> -->", styles: [":root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d :is(.swiper-slide,.swiper-cube-shadow){transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d :is(.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom){position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal:is(.swiper-rtl .swiper-button-prev,.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic :is(.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main){transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}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-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:center;background-repeat:no-repeat}nxs-carousel swiper-container .nxs-image-slide{height:100%;object-fit:cover;width:100%;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 lightblue}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}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: NxsCarouselModuleConfig, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NxsCarouselOptionsToken]
+                }] }], propDecorators: { contents: [{
+                type: ContentChildren,
+                args: [NxsSwiperTemplateDirective, { read: TemplateRef }]
+            }], lazy: [{
+                type: Input
+            }], images: [{
+                type: Input
+            }], setOptions: [{
+                type: Input,
+                args: ['options']
+            }], hasHtmlContent: [{
+                type: Input
+            }], swiperRef: [{
+                type: ViewChild,
+                args: ['swiperRef']
+            }], slideChange: [{
+                type: Output
+            }], slideClick: [{
+                type: Output
+            }] } });
+
 // export * from './lib/nxs-carousel/nxs-carousel.component';
 // export * from './lib/nxs-carousel/nxs-carousel.module';
 // export * from './lib/nxs-carousel/nxs-carousel-types';
@@ -13,5 +401,5 @@ const NxsCarouselOptionsToken = new InjectionToken('NxsCarouselOptionsToken');
  * Generated bundle index. Do not edit.
  */
 
-export { NxsCarouselModuleConfig, NxsCarouselOptionsToken };
+export { NxsCarouselComponent, NxsCarouselModuleConfig, NxsCarouselOptionsToken, NxsSwiperTemplateDirective };
 //# sourceMappingURL=nextalys-carousel.mjs.map

package/fesm2022/nextalys-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nextalys-carousel.mjs","sources":["../../lib/common-types.ts","../../lib/public-api.ts","../../lib/nextalys-carousel.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\n\nexport interface NxsCarouselImage {\n    alt?: string;\n    src: string;\n}\nexport class NxsCarouselModuleConfig {\n    debug?: boolean = false;\n}\n\nexport const NxsCarouselOptionsToken = new InjectionToken<NxsCarouselModuleConfig>('NxsCarouselOptionsToken');","// export * from './lib/nxs-carousel/nxs-carousel.component';\n// export * from './lib/nxs-carousel/nxs-carousel.module';\n// export * from './lib/nxs-carousel/nxs-carousel-types';\nexport * from './common-types';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAMa,uBAAuB,CAAA;IAChC,KAAK,GAAa,KAAK;AAC1B;MAEY,uBAAuB,GAAG,IAAI,cAAc,CAA0B,yBAAyB;;ACV5G;AACA;AACA;;ACFA;;AAEG;;;;"}
+{"version":3,"file":"nextalys-carousel.mjs","sources":["../../lib/nxs-carousel/swiper-directives.ts","../../lib/nxs-carousel/nxs-carousel-types.ts","../../lib/nxs-carousel/nxs-carousel.component.ts","../../lib/nxs-carousel/nxs-carousel.component.html","../../lib/public-api.ts","../../lib/nextalys-carousel.ts"],"sourcesContent":["import { Directive } from \"@angular/core\";\n\n@Directive({\n    selector: '[nxsSwiperTemplate]',\n    standalone: true\n})\nexport class NxsSwiperTemplateDirective { }\n","import { SwiperOptions } from \"swiper/types\";\nimport { InjectionToken } from \"@angular/core\";\n\nexport interface NxsCarouselOptionsLazy extends SwiperOptions {\n    lazy?: boolean;\n}\nexport interface NxsCarouselOptions extends NxsCarouselOptionsLazy {\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}\n\n\nexport interface NxsCarouselDialogData {\n    images: NxsCarouselImage[];\n    options?: NxsCarouselOptions;\n    wrapperClass?: string;\n}\n\n\nexport interface NxsCarouselImage {\n    alt?: string;\n    src: string;\n}\nexport class NxsCarouselModuleConfig {\n    debug?: boolean = false;\n}\n\nexport const NxsCarouselOptionsToken: InjectionToken<NxsCarouselModuleConfig> = new InjectionToken<NxsCarouselModuleConfig>('NxsCarouselOptionsToken');\n","import { Component, ViewEncapsulation, Input, ViewChild, Output, EventEmitter, PLATFORM_ID, Inject, Optional, NgZone, ContentChildren, TemplateRef, InjectionToken, CUSTOM_ELEMENTS_SCHEMA, ElementRef } from '@angular/core';\nimport { NxsCarouselDialogData, NxsCarouselOptions, NxsCarouselOptionsLazy } from './nxs-carousel-types';\nimport { MatDialog, MatDialogModule } from '@angular/material/dialog';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { EventsCollector } from 'nextalys-js-helpers/dist/events';\n// import Swiper core and required modules\n// import SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Swiper, SwiperOptions, Thumbs } from 'swiper';\n//Virtual,Scrollbar,A11y\n// import { SwiperComponent } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\nimport { NxsCarouselImage, NxsCarouselModuleConfig, NxsCarouselOptionsToken } from './nxs-carousel-types';\n// import { CarouselEvents } from './carousel-events';\n// import { NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { Swiper, SwiperOptions } from 'swiper/types';\nimport { SwiperContainer } from 'swiper/element';\nimport { MainHelpers } from 'nextalys-js-helpers';\n\n// install Swiper modules\n// SwiperCore.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    standalone: true,\n    imports: [\n        CommonModule,\n        MatIconModule,\n        MatButtonModule,\n        MatDialogModule,\n    ],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NxsCarouselComponent {\n    private swiperReady = false;\n    @ContentChildren(NxsSwiperTemplateDirective, { read: TemplateRef })\n    contents!: TemplateRef<HTMLElement>[];\n    @Input()\n    lazy = true;\n    private eventsCollector = new EventsCollector();\n\n    @Input()\n    public images: NxsCarouselImage[];\n    options: NxsCarouselOptions = null;\n    thumbnailsOptions: NxsCarouselOptionsLazy = 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    thumbnailsSwiperInstance: Swiper;\n    private swiperInstance: Swiper;\n\n    @ViewChild('swiperRef') swiperRef!: ElementRef<SwiperContainer>;\n\n    slidesCount = 0;\n\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    static openDialogSubscribed = false;\n    static instanceCount = 0;\n    instanceId = 0;\n    constructor(\n        private matDialog: MatDialog,\n        private zone: NgZone,\n        @Inject(PLATFORM_ID) private platformId: any,\n        @Optional() @Inject(NxsCarouselOptionsToken) private config?: NxsCarouselModuleConfig,\n\n    ) {\n        NxsCarouselComponent.instanceCount++;\n        this.instanceId = NxsCarouselComponent.instanceCount;\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        // NxsCarouselComponent.subscribeToOpenDialog(matDialog);\n\n    }\n    // static subscribeToOpenDialog(matDialog: MatDialog) {\n    //     if (this.openDialogSubscribed) {\n    //         return;\n    //     }\n    //     this.openDialogSubscribed = true;\n    //     CarouselEvents.openCarouselDialog.subscribe((data) => {\n    //         if (NxsCarouselDialogComponent.dialogOpened) {\n    //             return;\n    //         }\n    //         matDialog.open(NxsCarouselDialogComponent, data);\n    //     });\n    // }\n\n    private log(...args: any[]) {\n        if (!this.config?.debug)\n            return;\n        console.log('[NxsCarousel - instance ' + this.instanceId + ']', ...args);\n    }\n    private destroy() {\n        if (!this.isBrowser) {\n            return;\n        }\n        this.eventsCollector?.unsubscribeAll();\n        this.timeoutIds?.forEach(id => {\n            try {\n                clearTimeout(id);\n            } catch (error) {\n                console.log(\"on destroy - clear timeout ERROR \", error);\n            }\n        });\n        this.timeoutIds = [];\n    }\n    ngOnDestroy(): void {\n        this.destroy();\n    }\n    ngAfterViewInit(): void {\n        if (!this.swiperRef?.nativeElement) {\n            return;\n        }\n        this.initSwiper();\n\n        // console.log(\"Log ~ NxsCarouselComponent ~ ngAfterViewInit ~ setTimeout ~  this.swiperInstance:\", this.swiperInstance);\n\n        // setTimeout(() => {\n        //     this.swiperInstance = this.swiperRef.nativeElement.swiper;\n        //     console.log(\"Log ~ NxsCarouselComponent ~ ngAfterViewInit ~ setTimeout ~  this.swiperInstance:\", this.swiperInstance);\n\n        // });\n\n    }\n    private async initSwiper() {\n        this.log('init swiper');\n        // this.swiperInstance = this.swiperRef.nativeElement.swiper;\n        // console.log(\"Log ~ NxsCarouselComponent ~ ngAfterViewInit ~  this.swiperInstance:\", this.swiperInstance);\n        // console.log('thi.contents', this.contents);\n        // this.initSlides();\n        await MainHelpers.waitForBoolValueSeconds(() => !!this.swiperRef?.nativeElement, 15, 200);\n        // this.createSlider(true);\n        this.log('swiperRef', this.swiperRef?.nativeElement);\n        this.log('options', this.options);\n        if (!this.swiperRef?.nativeElement) {\n            return;\n        }\n        Object.assign(this.swiperRef.nativeElement, this.options);\n        this.swiperRef.nativeElement?.initialize();\n        this.swiperInstance = this.swiperRef?.nativeElement?.swiper;\n        this.onSwiper();\n\n    }\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: this.lazy,\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: this.lazy,\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\n        if (options.nxsShowNavigationBullets === false) {\n            options.pagination = false;\n        }\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            // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 184 ~ NxsCarouselComponent ~ setThumbnailsOptions ~   this.thumbnailsOptions.lazy\", this.thumbnailsOptions.lazy);\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    //     CarouselEvents.openCarouselDialog?.emit({\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\n    timeoutIds: number[] = [];\n    private getSlidesCount(): number {\n        if (!this.swiperInstance?.slides?.length) {\n            return 0;\n        }\n        //TODO: gérer le loop ici\n        // if (this.swiperInstance?.lo) {\n        //     return (this.swiperInstance?.slides?.length || 0) - 2;\n        // }\n\n        // const isLoopActive = !!this.swiperInstance?.params?.loop;\n        // if (isLoopActive) {\n        //     return (this.swiperInstance?.slides?.length || 0) - (this.swiperInstance?.loopedSlides || 0) * 2;\n        // }\n\n        return this.swiperInstance?.slides?.length || 0;\n    }\n\n    private onSwiper() {\n        this.log('swiper ready - instance', this.swiperInstance);\n\n        if (!this.isBrowser) {\n            this.log('not browser - return');\n            return;\n        }\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            // console.log(\"Log ~ NxsCarouselComponent ~ onSwiper ~ target:\", target);\n            if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1\n                || target.className.indexOf('swiper-button-next') !== -1 || target.className.indexOf('swiper-button-prev') !== -1\n                || target.tagName === 'SWIPER-CONTAINER') {\n                return;\n            }\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        const tId = setTimeout(() => {\n            this.slidesCount = this.getSlidesCount();\n        });\n        this.timeoutIds.push(tId);\n\n\n        this.swiperInstance?.on('slideChange', () => {\n            this.onSlideChange([this.swiperInstance]);\n        });\n        this.swiperReady = true;\n\n        // $('.swiper-container').on('keydown keyup', function(e){\n        //     if (e.keyCode==9) $('.swiper-container')[0].scrollLeft = 0;\n        //   })\n        // console.log(\"Log ~ file: nxs-carousel.component.ts:254 ~ NxsCarouselComponent ~ this.swiperInstance.el.addEventListener ~   this.swiperInstance.el:\", this.swiperInstance.el);\n\n        // this.swiperInstance.el.addEventListener('keydown', (evt) => {\n\n        //     if (evt.keyCode === 9) {\n        //         // evt.preventDefault();\n        //         // this.swiperInstance.el.scrollLeft = 0;\n\n        //         // this.swiperInstance.el.querySelectorAll('.swiper-wrapper')[0].scrollLeft = 0;\n        //         // $('.swiper-container')[0].scrollLeft = 0;\n        //     }\n        // });\n        // document.querySelectorAll()\n    }\n\n    private runOutZone<T extends (...args: any[]) => void>(callback: T, ...args: any[]) {\n        if (!this.zone) {\n            callback(args);\n        }\n        return this.zone.runOutsideAngular(() => callback(args));\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    private onSlideChange(instances: Swiper[]) {\n        if (!this.swiperReady) {\n            return;\n        }\n        if (!this.swiperInstance && instances?.length) {\n            this.swiperInstance = instances[0];\n        }\n        // console.log(\"Log ~ file: nxs-carousel.component.ts:252 ~ NxsCarouselComponent ~ onSlideChange ~ instances:\", instances);\n        // this.swiperInstance = instance;\n        // this.log('slide change - instance', instance);\n        this.runInZone(() => {\n            this.currentSlide = this.swiperInstance?.realIndex || 0;\n            // console.log(\"Log ~ file: nxs-carousel.component.ts:256 ~ NxsCarouselComponent ~ this.runInZone ~ this.swiperInstance?.realIndex:\", this.swiperInstance);\n            this.log('slide change - currentSlide', this.currentSlide);\n            this.slideChange.next(this.currentSlide);\n        });\n    }\n}\n","<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper-container init=\"false\" #swiperRef>\n        @if(hasHtmlContent){\n        @for( slide of contents; track $index){\n        <swiper-slide>\n            <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n        </swiper-slide>\n        }\n        }@else if(images?.length){\n        @for( slideImage of images; track $index){\n        <swiper-slide>\n            <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.loading]=\"lazy ? 'lazy' : null\"\n                [src]=\"slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n            <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </swiper-slide>\n        }\n        }\n    </swiper-container>\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                <swiper-slide>\n                    <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n                </swiper-slide>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.loading]=\"lazy ? 'lazy' : null\"\n                    [src]=\"slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n                <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper> -->\n    @if(options?.nxsShowImagesCount){\n    <div class=\"nxs-image-counter\">\n        {{currentSlide+1}} / {{slidesCount}}\n    </div>\n    }\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 [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\" [attr.data-src]=\"lazy ? slideImage.src : null\"\n                [src]=\"lazy ? null : slideImage.src\" [attr.alt]=\"slideImage.alt\" />\n            <div *ngIf=\"lazy\" class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div> -->","// export * from './lib/nxs-carousel/nxs-carousel.component';\n// export * from './lib/nxs-carousel/nxs-carousel.module';\n// export * from './lib/nxs-carousel/nxs-carousel-types';\nexport * from './nxs-carousel/nxs-carousel.component';\nexport * from './nxs-carousel/nxs-carousel-types';\nexport * from './nxs-carousel/swiper-directives';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/{lib/nxs-carousel/nxs-carousel → nxs-carousel}/nxs-carousel-types.d.ts

@@ -1,5 +1,5 @@
 import { SwiperOptions } from "swiper/types";
-import { NxsCarouselImage } from "../common-types";
+import { InjectionToken } from "@angular/core";
 export interface NxsCarouselOptionsLazy extends SwiperOptions {
     lazy?: boolean;
 }
@@ -37,4 +37,12 @@ export interface NxsCarouselDialogData {
     options?: NxsCarouselOptions;
     wrapperClass?: string;
 }
+export interface NxsCarouselImage {
+    alt?: string;
+    src: string;
+}
+export declare class NxsCarouselModuleConfig {
+    debug?: boolean;
+}
+export declare const NxsCarouselOptionsToken: InjectionToken<NxsCarouselModuleConfig>;
 //# sourceMappingURL=nxs-carousel-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nxs-carousel-types.d.ts","sourceRoot":"","sources":["../../lib/nxs-carousel/nxs-carousel-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAC9D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE;QACZ,IAAI,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,OAAO,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE;YAC3F,CAAC,IAAI,EAAE,MAAM,GAAG;gBACZ,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC;aAClC,CAAC;SACL,CAAC;KACL,CAAC;IACF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;IAC9C,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,qBAAqB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;KAAE,CAAC;CAC9D;AAGD,MAAM,WAAW,qBAAqB;IAClC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,gBAAgB;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf;AACD,qBAAa,uBAAuB;IAChC,KAAK,CAAC,EAAE,OAAO,CAAS;CAC3B;AAED,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,uBAAuB,CAA0E,CAAC"}

package/{lib/nxs-carousel/nxs-carousel → nxs-carousel}/nxs-carousel.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, NgZone, TemplateRef, ElementRef } from '@angular/core';
 import { NxsCarouselOptions, NxsCarouselOptionsLazy } from './nxs-carousel-types';
 import { MatDialog } from '@angular/material/dialog';
-import { NxsCarouselImage, NxsCarouselModuleConfig } from '../common-types';
+import { NxsCarouselImage, NxsCarouselModuleConfig } from './nxs-carousel-types';
 import { Swiper } from 'swiper/types';
 import { SwiperContainer } from 'swiper/element';
 import * as i0 from "@angular/core";
@@ -28,8 +28,9 @@ export declare class NxsCarouselComponent {
     slideClick: EventEmitter<MouseEvent | TouchEvent | PointerEvent>;
     isBrowser: boolean;
     static openDialogSubscribed: boolean;
+    static instanceCount: number;
+    instanceId: number;
     constructor(matDialog: MatDialog, zone: NgZone, platformId: any, config?: NxsCarouselModuleConfig);
-    static subscribeToOpenDialog(matDialog: MatDialog): void;
     private log;
     private destroy;
     ngOnDestroy(): void;
@@ -38,7 +39,6 @@ export declare class NxsCarouselComponent {
     getMainSliderHeight(): string;
     private setDefaultOptions;
     private setThumbnailsOptions;
-    showFullScreenCarousel(images: NxsCarouselImage[], wrapperClass?: string): void;
     goToSlide(index: number, speed?: number): void;
     next(): void;
     previous(): void;

package/nxs-carousel/nxs-carousel.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nxs-carousel.component.d.ts","sourceRoot":"","sources":["../../lib/nxs-carousel/nxs-carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0D,YAAY,EAAiC,MAAM,EAAmB,WAAW,EAA0C,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9N,OAAO,EAAyB,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACzG,OAAO,EAAE,SAAS,EAAmB,MAAM,0BAA0B,CAAC;AAQtE,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAA2B,MAAM,sBAAsB,CAAC;AAK1G,OAAO,EAAE,MAAM,EAAiB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;;AAKjD,qBAca,oBAAoB;IAqCzB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,IAAI;IACS,OAAO,CAAC,UAAU;IACM,OAAO,CAAC,MAAM,CAAC;IAvChE,OAAO,CAAC,WAAW,CAAS;IAE5B,QAAQ,EAAG,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;IAEtC,IAAI,UAAQ;IACZ,OAAO,CAAC,eAAe,CAAyB;IAGzC,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAClC,OAAO,EAAE,kBAAkB,CAAQ;IACnC,iBAAiB,EAAE,sBAAsB,CAAQ;IACjD,IACI,UAAU,CAAC,GAAG,EAAE,kBAAkB,EAGrC;IAED,cAAc,UAAS;IACvB,wBAAwB,EAAE,MAAM,CAAC;IACjC,OAAO,CAAC,cAAc,CAAS;IAEP,SAAS,EAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEhE,WAAW,SAAK;IAIhB,WAAW,uBAA8B;IAClC,YAAY,SAAK;IAExB,UAAU,uDAA8D;IACxE,SAAS,UAAS;IAClB,MAAM,CAAC,oBAAoB,UAAS;IACpC,MAAM,CAAC,aAAa,SAAK;IACzB,UAAU,SAAK;gBAEH,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACS,UAAU,EAAE,GAAG,EACS,MAAM,CAAC,EAAE,uBAAuB;IA2BzF,OAAO,CAAC,GAAG;IAKX,OAAO,CAAC,OAAO;IAcf,WAAW,IAAI,IAAI;IAGnB,eAAe,IAAI,IAAI;YAeT,UAAU;IAoBxB,mBAAmB;IAanB,OAAO,CAAC,iBAAiB;IAuEzB,OAAO,CAAC,oBAAoB;IAkC5B,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM;IAGvC,IAAI;IAGJ,QAAQ;IAGR,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAgBnC,UAAU,EAAE,MAAM,EAAE,CAAM;IAC1B,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,QAAQ;IAsDhB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,aAAa;yCAhWZ,oBAAoB;2CAApB,oBAAoB;CAiXhC"}

package/nxs-carousel/swiper-directives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swiper-directives.d.ts","sourceRoot":"","sources":["../../lib/nxs-carousel/swiper-directives.ts"],"names":[],"mappings":";AAEA,qBAIa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAAI"}