nextalys-carousel 0.0.80 → 0.0.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextalys-carousel",
-  "version": "0.0.80",
+  "version": "0.0.83",
   "dependencies": {
     "swiper": "^12.0.3",
     "tslib": "^2.3.0"
@@ -14,14 +14,6 @@
     ".": {
       "types": "./index.d.ts",
       "default": "./fesm2022/nextalys-carousel.mjs"
-    },
-    "./lib/nxs-carousel": {
-      "types": "./lib/nxs-carousel/index.d.ts",
-      "default": "./fesm2022/nextalys-carousel-lib-nxs-carousel.mjs"
-    },
-    "./lib/nxs-carousel-mock": {
-      "types": "./lib/nxs-carousel-mock/index.d.ts",
-      "default": "./fesm2022/nextalys-carousel-lib-nxs-carousel-mock.mjs"
     }
   },
   "sideEffects": false

package/public-api.d.ts

@@ -1,2 +1,4 @@
-export * from './common-types';
+export * from './nxs-carousel/nxs-carousel.component';
+export * from './nxs-carousel/nxs-carousel-types';
+export * from './nxs-carousel/swiper-directives';
 //# sourceMappingURL=public-api.d.ts.map

package/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../lib/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../lib/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}

package/common-types.d.ts

@@ -1,10 +0,0 @@
-import { InjectionToken } from "@angular/core";
-export interface NxsCarouselImage {
-    alt?: string;
-    src: string;
-}
-export declare class NxsCarouselModuleConfig {
-    debug?: boolean;
-}
-export declare const NxsCarouselOptionsToken: InjectionToken<NxsCarouselModuleConfig>;
-//# sourceMappingURL=common-types.d.ts.map

package/common-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common-types.d.ts","sourceRoot":"","sources":["../lib/common-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,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,yCAAyE,CAAC"}

package/fesm2022/nextalys-carousel-lib-nxs-carousel-mock.mjs

@@ -1,65 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, Input, Output, Directive } from '@angular/core';
-
-class NxsCarouselComponent {
-    lazy = true;
-    images;
-    options = null;
-    hasHtmlContent = false;
-    slidesCount = 0;
-    slideChange = new EventEmitter();
-    currentSlide = 0;
-    slideClick = new EventEmitter();
-    isBrowser = false;
-    constructor() {
-    }
-    goToSlide(index, speed) {
-    }
-    next() {
-    }
-    previous() {
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: NxsCarouselComponent, isStandalone: true, selector: "nxs-carousel", inputs: { lazy: "lazy", images: "images", options: "options", hasHtmlContent: "hasHtmlContent" }, outputs: { slideChange: "slideChange", slideClick: "slideClick" }, ngImport: i0, template: '<div style="height:70px;width:100%;"></div>', isInline: true, 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',
-                    template: '<div style="height:70px;width:100%;"></div>',
-                    // styleUrls: ['./nxs-carousel.component.scss'],
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [], propDecorators: { lazy: [{
-                type: Input
-            }], images: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], hasHtmlContent: [{
-                type: Input
-            }], slideChange: [{
-                type: Output
-            }], slideClick: [{
-                type: Output
-            }] } });
-
-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
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NxsCarouselComponent, NxsSwiperTemplateDirective };
-//# sourceMappingURL=nextalys-carousel-lib-nxs-carousel-mock.mjs.map

package/fesm2022/nextalys-carousel-lib-nxs-carousel-mock.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"nextalys-carousel-lib-nxs-carousel-mock.mjs","sources":["../../lib/nxs-carousel-mock/nxs-carousel-mock.component.ts","../../lib/nxs-carousel-mock/swiper-directives.ts","../../lib/nextalys-carousel-lib-nxs-carousel-mock.ts"],"sourcesContent":["import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';\nimport { NxsCarouselImage } from '../common-types';\nimport { NxsCarouselOptions } from './nxs-carousel-types';\n@Component({\n    selector: 'nxs-carousel',\n    template: '<div style=\"height:70px;width:100%;\"></div>',\n    // styleUrls: ['./nxs-carousel.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    standalone: true,\n})\nexport class NxsCarouselComponent {\n    @Input()\n    lazy = true;\n    @Input()\n    public images: NxsCarouselImage[];\n    @Input()\n    options: NxsCarouselOptions = null;\n    @Input()\n    hasHtmlContent = false;\n    slidesCount: number = 0;\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    ) {\n\n    }\n    goToSlide(index: number, speed?: number) {\n    }\n    next() {\n    }\n    previous() {\n    }\n}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n    selector: '[nxsSwiperTemplate]',\n    standalone: true\n})\nexport class NxsSwiperTemplateDirective { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api-carousel-mock';\n"],"names":[],"mappings":";;;MAUa,oBAAoB,CAAA;IAE7B,IAAI,GAAG,IAAI;AAEJ,IAAA,MAAM;IAEb,OAAO,GAAuB,IAAI;IAElC,cAAc,GAAG,KAAK;IACtB,WAAW,GAAW,CAAC;AAEvB,IAAA,WAAW,GAAG,IAAI,YAAY,EAAU;IACjC,YAAY,GAAG,CAAC;AAEvB,IAAA,UAAU,GAAG,IAAI,YAAY,EAA0C;IACvE,SAAS,GAAG,KAAK;AAEjB,IAAA,WAAA,GAAA;;IAIA,SAAS,CAAC,KAAa,EAAE,KAAc,EAAA;;IAEvC,IAAI,GAAA;;IAEJ,QAAQ,GAAA;;uGAzBC,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,6OALnB,6CAA6C,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAK9C,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,6CAA6C;;oBAEvD,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;wDAGG,IAAI,EAAA,CAAA;sBADH;gBAGM,MAAM,EAAA,CAAA;sBADZ;gBAGD,OAAO,EAAA,CAAA;sBADN;gBAGD,cAAc,EAAA,CAAA;sBADb;gBAID,WAAW,EAAA,CAAA;sBADV;gBAID,UAAU,EAAA,CAAA;sBADT;;;MCjBQ,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE;AACf,iBAAA;;;ACLD;;AAEG;;;;"}

package/fesm2022/nextalys-carousel-lib-nxs-carousel.mjs

@@ -1,449 +0,0 @@
-import * as i0 from '@angular/core';
-import { Directive, InjectionToken, Component, ViewEncapsulation, Inject, EventEmitter, PLATFORM_ID, TemplateRef, CUSTOM_ELEMENTS_SCHEMA, Optional, ContentChildren, Input, ViewChild, Output } from '@angular/core';
-import * as i1 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i2$1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import { EventsCollector } from 'nextalys-js-helpers/dist/events';
-import { NxsEvent, MainHelpers } from 'nextalys-js-helpers';
-import * as i2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-
-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');
-
-class CarouselEvents {
-    static openCarouselDialog = new NxsEvent();
-}
-
-class NxsCarouselDialogComponent {
-    data;
-    dialogRef;
-    static dialogOpened = false;
-    wrapperClass = 'nxs-carousel-wrapper';
-    constructor(data, dialogRef) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        if (data.wrapperClass)
-            this.wrapperClass += ' ' + data.wrapperClass;
-        this.dialogRef.afterOpened().subscribe(() => {
-            NxsCarouselDialogComponent.dialogOpened = true;
-        });
-        this.dialogRef.afterClosed().subscribe(() => {
-            NxsCarouselDialogComponent.dialogOpened = false;
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: NxsCarouselDialogComponent, isStandalone: true, selector: "nxs-carousel-dialog", ngImport: i0, template: `
-    <div class="nxs-carousel-dialog-flex-wrapper">
-    <div class="nxs-carousel-dialog-header">
-        <button (click)="dialogRef.close()" mat-icon-button><mat-icon>close</mat-icon></button>
-    </div>
-    <div [class]="wrapperClass">
-    <nxs-carousel [options]="data.options" [images]="data.images"></nxs-carousel>
-    </div>
-</div>
-    `, isInline: true, styles: [".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}\n"], dependencies: [{ kind: "component", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: ["lazy", "images", "options", "hasHtmlContent"], outputs: ["slideChange", "slideClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nxs-carousel-dialog', template: `
-    <div class="nxs-carousel-dialog-flex-wrapper">
-    <div class="nxs-carousel-dialog-header">
-        <button (click)="dialogRef.close()" mat-icon-button><mat-icon>close</mat-icon></button>
-    </div>
-    <div [class]="wrapperClass">
-    <nxs-carousel [options]="data.options" [images]="data.images"></nxs-carousel>
-    </div>
-</div>
-    `, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
-                        NxsCarouselComponent,
-                        MatIconModule,
-                        MatButtonModule,
-                    ], styles: [".nxs-carousel-dialog{max-width:98vw!important;width:98vw;height:98vh}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper{display:flex;height:100%;flex-direction:column}.nxs-carousel-dialog .nxs-carousel-dialog-flex-wrapper .nxs-carousel-wrapper{flex:auto}.nxs-carousel-dialog .nxs-carousel-dialog-header{position:relative;display:flex;justify-content:flex-end;padding-bottom:8px}.nxs-carousel-dialog mat-dialog-container{padding:20px}.nxs-carousel-dialog .nxs-carousel-wrapper{width:100%;margin:auto;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1.MatDialogRef }] });
-
-// 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();
-        this.initSwiper();
-    }
-    hasHtmlContent = false;
-    thumbnailsSwiperInstance;
-    swiperInstance;
-    swiperRef;
-    slidesCount = 0;
-    slideChange = new EventEmitter();
-    currentSlide = 0;
-    slideClick = new EventEmitter();
-    isBrowser = false;
-    static openDialogSubscribed = false;
-    constructor(matDialog, zone, platformId, config) {
-        this.matDialog = matDialog;
-        this.zone = zone;
-        this.platformId = platformId;
-        this.config = config;
-        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) {
-        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]', ...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;
-        }
-        // 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() {
-        console.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);
-        console.log("Log ~ NxsCarouselComponent ~ ngAfterViewInit ~ this.swiperRef:", this.swiperRef, this.swiperRef?.nativeElement, this.options, this.swiperRef?.nativeElement?.initialize);
-        this.log('ngAfterViewInit - swiperRef', this.swiperRef, 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 };
-        }
-    }
-    showFullScreenCarousel(images, wrapperClass) {
-        this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);
-        const data = { 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);
-        // 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NxsCarouselComponent, NxsSwiperTemplateDirective };
-//# sourceMappingURL=nextalys-carousel-lib-nxs-carousel.mjs.map