nextalys-carousel 0.0.68 → 0.0.70

package/{fesm2015 → fesm2022}/nextalys-carousel-lib-nxs-carousel-mock.mjs

@@ -3,15 +3,16 @@ import { EventEmitter, Component, ViewEncapsulation, Input, Output, Directive, N
 import { CommonModule } from '@angular/common';
 
 class NxsCarouselComponent {
+    lazy = true;
+    images;
+    options = null;
+    hasHtmlContent = false;
+    slidesCount = 0;
+    slideChange = new EventEmitter();
+    currentSlide = 0;
+    slideClick = new EventEmitter();
+    isBrowser = false;
     constructor() {
-        this.lazy = true;
-        this.options = null;
-        this.hasHtmlContent = false;
-        this.slidesCount = 0;
-        this.slideChange = new EventEmitter();
-        this.currentSlide = 0;
-        this.slideClick = new EventEmitter();
-        this.isBrowser = false;
     }
     goToSlide(index, speed) {
     }
@@ -19,18 +20,19 @@ class NxsCarouselComponent {
     }
     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: false, 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 });
 }
-NxsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NxsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NxsCarouselComponent, 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: "14.0.5", ngImport: i0, type: NxsCarouselComponent, decorators: [{
+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: false
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { lazy: [{
+        }], ctorParameters: () => [], propDecorators: { lazy: [{
                 type: Input
             }], images: [{
                 type: Input
@@ -45,19 +47,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
             }] } });
 
 class NxsCarouselModuleConfig {
-    constructor() {
-        this.debug = false;
-    }
+    debug = false;
 }
 
 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: false, selector: "[nxsSwiperTemplate]", ngImport: i0 });
 }
-NxsSwiperTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NxsSwiperTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.5", type: NxsSwiperTemplateDirective, selector: "[nxsSwiperTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsSwiperTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nxsSwiperTemplate]',
+                    standalone: false
                 }]
         }] });
 
@@ -70,13 +71,13 @@ class NxsCarouselModule {
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
+            NxsSwiperTemplateDirective], imports: [CommonModule], exports: [NxsCarouselComponent,
+            NxsSwiperTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule] });
 }
-NxsCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NxsCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
-        NxsSwiperTemplateDirective], imports: [CommonModule], exports: [NxsCarouselComponent,
-        NxsSwiperTemplateDirective] });
-NxsCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NxsCarouselModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -0,0 +1 @@
+{"version":3,"file":"nextalys-carousel-lib-nxs-carousel-mock.mjs","sources":["../../lib/nxs-carousel-mock/nxs-carousel-mock.component.ts","../../lib/common-types.ts","../../lib/nxs-carousel-mock/swiper-directives.ts","../../lib/nxs-carousel-mock/nxs-carousel-mock.module.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: false\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","\nexport interface NxsCarouselImage {\n    alt?: string;\n    src: string;\n}\nexport class NxsCarouselModuleConfig {\n    debug?: boolean = false;\n}","import { Directive } from \"@angular/core\";\n\n@Directive({\n    selector: '[nxsSwiperTemplate]',\n    standalone: false\n})\nexport class NxsSwiperTemplateDirective { }\n","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { NxsCarouselModuleConfig } from '../common-types';\nimport { NxsCarouselComponent } from './nxs-carousel-mock.component';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\n\n@NgModule({\n    imports: [\n        CommonModule,\n    ],\n    declarations: [\n        NxsCarouselComponent,\n        NxsSwiperTemplateDirective,\n    ],\n    exports: [\n        NxsCarouselComponent,\n        NxsSwiperTemplateDirective,\n    ],\n})\nexport class NxsCarouselModule {\n    public static forRoot(config?: NxsCarouselModuleConfig): ModuleWithProviders<NxsCarouselModule> {\n        return {\n            ngModule: NxsCarouselModule,\n            providers: [\n                { provide: NxsCarouselModuleConfig, useValue: config },\n            ]\n        };\n    }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api-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,8OALnB,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;AACf,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;;;MClBQ,uBAAuB,CAAA;IAChC,KAAK,GAAa,KAAK;AAC1B;;MCDY,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,KAAA,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;;;MCcY,iBAAiB,CAAA;IACnB,OAAO,OAAO,CAAC,MAAgC,EAAA;QAClD,OAAO;AACH,YAAA,QAAQ,EAAE,iBAAiB;AAC3B,YAAA,SAAS,EAAE;AACP,gBAAA,EAAE,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,EAAE;AACzD;SACJ;;uGAPI,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,iBARtB,oBAAoB;YACpB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAJ1B,YAAY,CAAA,EAAA,OAAA,EAAA,CAOZ,oBAAoB;YACpB,0BAA0B,CAAA,EAAA,CAAA;AAGrB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAXtB,YAAY,CAAA,EAAA,CAAA;;2FAWP,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;AACf,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,oBAAoB;wBACpB,0BAA0B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,oBAAoB;wBACpB,0BAA0B;AAC7B,qBAAA;AACJ,iBAAA;;;AClBD;;AAEG;;;;"}

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

@@ -0,0 +1,424 @@
+import * as i0 from '@angular/core';
+import { Directive, EventEmitter, PLATFORM_ID, TemplateRef, Component, ViewEncapsulation, Inject, Optional, ContentChildren, ViewChild, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i3 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { EventsCollector } from 'nextalys-js-helpers/dist/events';
+import SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Thumbs } from 'swiper';
+import * as i4 from 'swiper/angular';
+import { SwiperModule } from 'swiper/angular';
+import { NxsEvent } from 'nextalys-js-helpers';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3$1 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: false, 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: false
+                }]
+        }] });
+
+class NxsCarouselModuleConfig {
+    debug = false;
+}
+
+class CarouselEvents {
+    static openCarouselDialog = new NxsEvent();
+}
+
+// install Swiper modules
+SwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);
+class NxsCarouselComponent {
+    matDialog;
+    zone;
+    platformId;
+    config;
+    swiperReady = false;
+    contents;
+    swiperComponent;
+    lazy = true;
+    eventsCollector = new EventsCollector();
+    images;
+    options = null;
+    thumbnailsOptions = null;
+    set setOptions(val) {
+        this.options = this.setDefaultOptions(val, false);
+        this.setThumbnailsOptions();
+    }
+    hasHtmlContent = false;
+    swiperInstance;
+    thumbnailsSwiperInstance;
+    get slidesCount() {
+        return this.swiperInstance?.slides?.length || 0;
+    }
+    slideChange = new EventEmitter();
+    currentSlide = 0;
+    slideClick = new EventEmitter();
+    isBrowser = 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);
+    }
+    log(...args) {
+        if (!this.config.debug)
+            return;
+        console.log('[NxsCarousel]', ...args);
+    }
+    destroy() {
+        if (!this.isBrowser) {
+            return;
+        }
+        this.eventsCollector?.unsubscribeAll();
+    }
+    ngOnDestroy() {
+        this.destroy();
+    }
+    ngAfterViewInit() {
+        // console.log('thi.contents', this.contents);
+        // this.initSlides();
+        // this.createSlider(true);
+    }
+    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 };
+        // }
+    }
+    onSwiper(instance) {
+        this.log('swiper ready - instance', instance);
+        this.swiperInstance = instance;
+        this.swiperInstance?.on('click', (swiperInstance, evt) => {
+            // console.log("Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt", evt);
+            const target = evt.target;
+            if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1)
+                return;
+            this.runInZone(() => {
+                this.slideClick.next(evt);
+                if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {
+                    this.showFullScreenCarousel(this.images, 'fullscreen-carousel');
+                }
+            });
+        });
+        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()
+    }
+    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: NxsCarouselModuleConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: NxsCarouselComponent, isStandalone: false, 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: "swiperComponent", first: true, predicate: ["swiper"], 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 [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n        [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n        <ng-container *ngIf=\"hasHtmlContent\">\n            <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n                <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\"\n                    [attr.data-src]=\"lazy ? slideImage.src : null\" [src]=\"lazy ? null : slideImage.src\"\n                    [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: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-theme-color: #fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position: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: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.SwiperComponent, selector: "swiper, [swiper]", inputs: ["enabled", "on", "direction", "touchEventsTarget", "initialSlide", "speed", "cssMode", "updateOnWindowResize", "resizeObserver", "nested", "focusableElements", "width", "height", "preventInteractionOnTransition", "userAgent", "url", "edgeSwipeDetection", "edgeSwipeThreshold", "freeMode", "autoHeight", "setWrapperSize", "virtualTranslate", "effect", "breakpoints", "spaceBetween", "slidesPerView", "maxBackfaceHiddenSlides", "grid", "slidesPerGroup", "slidesPerGroupSkip", "centeredSlides", "centeredSlidesBounds", "slidesOffsetBefore", "slidesOffsetAfter", "normalizeSlideIndex", "centerInsufficientSlides", "watchOverflow", "roundLengths", "touchRatio", "touchAngle", "simulateTouch", "shortSwipes", "longSwipes", "longSwipesRatio", "longSwipesMs", "followFinger", "allowTouchMove", "threshold", "touchMoveStopPropagation", "touchStartPreventDefault", "touchStartForcePreventDefault", "touchReleaseOnEdges", "uniqueNavElements", "resistance", "resistanceRatio", "watchSlidesProgress", "grabCursor", "preventClicks", "preventClicksPropagation", "slideToClickedSlide", "preloadImages", "updateOnImagesReady", "loop", "loopAdditionalSlides", "loopedSlides", "loopFillGroupWithBlank", "loopPreventsSlide", "rewind", "allowSlidePrev", "allowSlideNext", "swipeHandler", "noSwiping", "noSwipingClass", "noSwipingSelector", "passiveListeners", "containerModifierClass", "slideClass", "slideBlankClass", "slideActiveClass", "slideDuplicateActiveClass", "slideVisibleClass", "slideDuplicateClass", "slideNextClass", "slideDuplicateNextClass", "slidePrevClass", "slideDuplicatePrevClass", "wrapperClass", "runCallbacksOnInit", "observeParents", "observeSlideChildren", "a11y", "autoplay", "controller", "coverflowEffect", "cubeEffect", "fadeEffect", "flipEffect", "creativeEffect", "cardsEffect", "hashNavigation", "history", "keyboard", "lazy", "mousewheel", "parallax", "thumbs", "zoom", "class", "id", "navigation", "pagination", "scrollbar", "virtual", "config"], outputs: ["_beforeBreakpoint", "_containerClasses", "_slideClass", "_swiper", "activeIndexChange", "afterInit", "autoplay", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "beforeDestroy", "beforeInit", "beforeLoopFix", "beforeResize", "beforeSlideChangeStart", "beforeTransitionStart", "breakpoint", "changeDirection", "click", "doubleTap", "doubleClick", "destroy", "fromEdge", "hashChange", "hashSet", "imagesReady", "init", "keyPress", "lazyImageLoad", "lazyImageReady", "loopFix", "momentumBounce", "navigationHide", "navigationShow", "observerUpdate", "orientationchange", "paginationHide", "paginationRender", "paginationShow", "paginationUpdate", "progress", "reachBeginning", "reachEnd", "realIndexChange", "resize", "scroll", "scrollbarDragEnd", "scrollbarDragMove", "scrollbarDragStart", "setTransition", "setTranslate", "slideChange", "slideChangeTransitionEnd", "slideChangeTransitionStart", "slideNextTransitionEnd", "slideNextTransitionStart", "slidePrevTransitionEnd", "slidePrevTransitionStart", "slideResetTransitionStart", "slideResetTransitionEnd", "sliderMove", "sliderFirstMove", "slidesLengthChange", "slidesGridLengthChange", "snapGridLengthChange", "snapIndexChange", "tap", "toEdge", "touchEnd", "touchMove", "touchMoveOpposite", "touchStart", "transitionEnd", "transitionStart", "update", "zoomChange", "swiper", "lock", "unlock"] }, { kind: "directive", type: i4.SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: ["virtualIndex", "class", "ngClass", "data-swiper-autoplay", "zoom"] }], 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: false, template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n        [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n        <ng-container *ngIf=\"hasHtmlContent\">\n            <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n                <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img [ngClass]=\"{'nxs-image-slide':true,'swiper-lazy':lazy}\"\n                    [attr.data-src]=\"lazy ? slideImage.src : null\" [src]=\"lazy ? null : slideImage.src\"\n                    [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: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff;--swiper-theme-color: #fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position: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
+                }] }], propDecorators: { contents: [{
+                type: ContentChildren,
+                args: [NxsSwiperTemplateDirective, { read: TemplateRef }]
+            }], swiperComponent: [{
+                type: ViewChild,
+                args: ['swiper', { static: false }]
+            }], lazy: [{
+                type: Input
+            }], images: [{
+                type: Input
+            }], setOptions: [{
+                type: Input,
+                args: ['options']
+            }], hasHtmlContent: [{
+                type: Input
+            }], slideChange: [{
+                type: Output
+            }], slideClick: [{
+                type: Output
+            }] } });
+
+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: false, 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: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.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"] }, { kind: "component", type: NxsCarouselComponent, selector: "nxs-carousel", inputs: ["lazy", "images", "options", "hasHtmlContent"], outputs: ["slideChange", "slideClick"] }], 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: false, 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 }] });
+
+class NxsCarouselModule {
+    static openDialogSubscribed = false;
+    constructor(matDialog) {
+        NxsCarouselModule.subscribeToOpenDialog(matDialog);
+    }
+    static subscribeToOpenDialog(matDialog) {
+        if (this.openDialogSubscribed) {
+            return;
+        }
+        this.openDialogSubscribed = true;
+        CarouselEvents.openCarouselDialog.subscribe((data) => {
+            if (NxsCarouselDialogComponent.dialogOpened) {
+                return;
+            }
+            matDialog.open(NxsCarouselDialogComponent, data);
+        });
+    }
+    static forRoot(config) {
+        return {
+            ngModule: NxsCarouselModule,
+            providers: [
+                { provide: NxsCarouselModuleConfig, useValue: config },
+            ],
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, declarations: [NxsCarouselComponent,
+            NxsCarouselDialogComponent,
+            NxsSwiperTemplateDirective], imports: [CommonModule,
+            MatIconModule,
+            MatButtonModule,
+            MatDialogModule,
+            SwiperModule], exports: [NxsCarouselComponent,
+            NxsSwiperTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, imports: [CommonModule,
+            MatIconModule,
+            MatButtonModule,
+            MatDialogModule,
+            SwiperModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NxsCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NxsCarouselComponent,
+                        NxsCarouselDialogComponent,
+                        NxsSwiperTemplateDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        SwiperModule,
+                    ],
+                    exports: [
+                        NxsCarouselComponent,
+                        NxsSwiperTemplateDirective,
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NxsCarouselComponent, NxsCarouselModule, NxsSwiperTemplateDirective };
+//# sourceMappingURL=nextalys-carousel-lib-nxs-carousel.mjs.map