nextalys-carousel 0.0.58 → 0.0.59

package/fesm2015/nextalys-carousel-lib-nxs-carousel.js

@@ -0,0 +1,329 @@
+import { Component, ViewEncapsulation, Inject, Directive, EventEmitter, NgZone, PLATFORM_ID, Optional, ContentChildren, TemplateRef, ViewChild, Input, Output, NgModule } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { EventsCollector } from 'nextalys-js-helpers/dist/events';
+import SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Thumbs } from 'swiper';
+import { SwiperModule } from 'swiper/angular';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+
+class NxsCarouselDialogComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.wrapperClass = 'nxs-carousel-wrapper';
+        if (data.wrapperClass)
+            this.wrapperClass += ' ' + data.wrapperClass;
+    }
+}
+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,
+                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%}"]
+            },] }
+];
+NxsCarouselDialogComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: MatDialogRef }
+];
+
+class NxsSwiperTemplateDirective {
+}
+NxsSwiperTemplateDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[nxsSwiperTemplate]',
+            },] }
+];
+
+class NxsCarouselModuleConfig {
+    constructor() {
+        this.debug = false;
+    }
+}
+
+// install Swiper modules
+SwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);
+class NxsCarouselComponent {
+    constructor(matDialog, zone, platformId, config) {
+        this.matDialog = matDialog;
+        this.zone = zone;
+        this.platformId = platformId;
+        this.config = config;
+        this.lazy = true;
+        this.eventsCollector = new EventsCollector();
+        this.options = null;
+        this.thumbnailsOptions = null;
+        this.hasHtmlContent = false;
+        this.slidesCount = 0;
+        this.slideChange = new EventEmitter();
+        this.currentSlide = 0;
+        this.slideClick = new EventEmitter();
+        this.isBrowser = false;
+        if (!this.config)
+            this.config = { debug: false };
+        this.isBrowser = isPlatformBrowser(this.platformId);
+        this.log('constructor - isBrowser', this.isBrowser);
+        this.options = this.setDefaultOptions(undefined, false);
+    }
+    set setOptions(val) {
+        this.options = this.setDefaultOptions(val, false);
+        this.setThumbnailsOptions();
+    }
+    log(...args) {
+        if (!this.config.debug)
+            return;
+        console.log('[NxsCarousel]', ...args);
+    }
+    destroy() {
+        var _a;
+        if (!this.isBrowser) {
+            return;
+        }
+        (_a = this.eventsCollector) === null || _a === void 0 ? void 0 : _a.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) {
+        var _a;
+        if (!options && forDialog) {
+            options = {
+                nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true,
+                lazy: true,
+            };
+        }
+        else if (!options) {
+            options = {
+                nxsShowNavigationBullets: true, loop: true,
+                nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {},
+                lazy: true,
+            };
+        }
+        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 (!!((_a = options.nxsCarouselDialogOptions.nxsThumbnails) === null || _a === void 0 ? void 0 : _a.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 };
+        // console.log("Log ~ file: nxs-carousel.component.ts ~ line 272 ~ NxsCarouselComponent ~ setDefaultOptions ~ options", options);
+        return options;
+    }
+    setThumbnailsOptions() {
+        var _a, _b;
+        if (!!((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.nxsThumbnails) === null || _b === void 0 ? void 0 : _b.show)) {
+            this.thumbnailsOptions = {
+                slidesPerView: this.options.nxsThumbnails.perView,
+                loop: false,
+                freeMode: true,
+                // watchSlidesVisibility: true,
+                watchSlidesProgress: true,
+                breakpoints: this.options.nxsThumbnails.breakpoints,
+                // spaceBetween: 10,
+            };
+            if (this.lazy) {
+                // Disable preloading of all images
+                this.thumbnailsOptions.preloadImages = false;
+                // Enable lazy loading
+                this.thumbnailsOptions.lazy = true;
+            }
+            // this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);
+            // this.options.thumbs = { swiper: this.thumbnailsSliderInstance };
+        }
+    }
+    showFullScreenCarousel(images, wrapperClass) {
+        this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);
+        const data = { images, wrapperClass, options: this.options.nxsCarouselDialogOptions };
+        this.matDialog.open(NxsCarouselDialogComponent, {
+            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) {
+        var _a;
+        (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.slideTo(index, speed);
+    }
+    next() {
+        var _a;
+        (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.slideNext();
+    }
+    previous() {
+        var _a;
+        (_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.slidePrev();
+    }
+    onSwiperThumbnails(instance) {
+        var _a, _b;
+        if ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.nxsThumbnails) === null || _b === void 0 ? void 0 : _b.show)
+            this.thumbnailsSwiperInstance = instance;
+        else
+            this.thumbnailsSwiperInstance = null;
+        // if (this.options?.nxsThumbnails?.show) {
+        //     const optionsClone = MainHelpers.cloneObject(this.options);
+        //     optionsClone.thumbs = { swiper: this.thumbnailsSwiperInstance };
+        //     // this.options = optionsClone;
+        //     // this.options = { ...this.options, thumbs: { swiper: this.thumbnailsSwiperInstance } };
+        //     console.log("Log ~ file: nxs-carousel.component.ts ~ line 416 ~ NxsCarouselComponent ~ onSwiperThumbnails ~    this.options ", this.options);
+        //     this.options.thumbs = { swiper: this.thumbnailsSwiperInstance };
+        // }
+    }
+    onSwiper(instance) {
+        this.log('swiper ready - instance', instance);
+        this.swiperInstance = instance;
+        this.swiperInstance.on('click', (swiperInstance, evt) => {
+            // console.log("Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt", evt);
+            const target = evt.target;
+            if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1)
+                return;
+            this.runInZone(() => {
+                this.slideClick.next(evt);
+                if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {
+                    this.showFullScreenCarousel(this.images, 'fullscreen-carousel');
+                }
+            });
+        });
+    }
+    runInZone(callback, ...args) {
+        if (!this.zone) {
+            callback(args);
+        }
+        return this.zone.run(() => callback(args));
+    }
+    onSlideChange(instances) {
+        // this.swiperInstance = instance;
+        // this.log('slide change - instance', instance);
+        this.runInZone(() => {
+            var _a;
+            this.currentSlide = ((_a = this.swiperInstance) === null || _a === void 0 ? void 0 : _a.realIndex) || 0;
+            this.log('slide change - currentSlide', this.currentSlide);
+            this.slideChange.next(this.currentSlide);
+        });
+    }
+}
+NxsCarouselComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'nxs-carousel',
+                template: "<div *ngIf=\"options\"\n    [ngClass]=\"{'swiper-container':true,'nxs-slider-with-thumbnails':!!options.nxsThumbnails && options.nxsThumbnails.show}\"\n    [style.height]=\"getMainSliderHeight()\">\n    <swiper [config]=\"options\" (swiper)=\"onSwiper($event)\" (slideChange)=\"onSlideChange($event)\"\n        [thumbs]=\"{ swiper: thumbnailsSwiperInstance }\">\n        <ng-container *ngIf=\"hasHtmlContent\">\n            <ng-template *ngFor=\"let slide of contents\" swiperSlide>\n                <ng-template [ngTemplateOutlet]=\"slide\" [ngTemplateOutletContext]=\"{\n                      $implicit: slide\n                    }\"></ng-template>\n            </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!hasHtmlContent && images?.length\">\n            <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n                <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n                <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n            </ng-template>\n        </ng-container>\n    </swiper>\n    <ng-container *ngIf=\"images && options.nxsShowImagesCount\">\n        <div class=\"nxs-image-counter\">\n            {{currentSlide+1}} / {{images.length}}\n        </div>\n    </ng-container>\n</div>\n\n<div *ngIf=\"thumbnailsOptions && images?.length\"\n    [style.height]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight) ?  (options.nxsThumbnails.percentHeight + '%'):''\"\n    [style.top]=\"(!!options.nxsThumbnails && options.nxsThumbnails.show && !!options.nxsThumbnails.percentHeight && options.nxsThumbnails.onMainSlider) ?  ('-' + (options.nxsThumbnails.percentHeight) + '%'):''\"\n    [ngClass]=\"{'swiper-container':true, 'nxs-slider-thumbnails-container':true,'nxs-slider-thumbnails-on-main-slider':options.nxsThumbnails && options.nxsThumbnails.onMainSlider}\">\n    <swiper [config]=\"thumbnailsOptions\" (swiper)=\"onSwiperThumbnails($event)\">\n        <ng-template swiperSlide *ngFor=\"let slideImage of images\">\n            <img class=\"nxs-image-slide swiper-lazy\" [attr.data-src]=\"slideImage.src\" />\n            <div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div>\n        </ng-template>\n    </swiper>\n</div>",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["nxs-carousel{display:block;height:100%;position:relative;--swiper-navigation-color:#fff;--swiper-pagination-color:#fff;--swiper-theme-color:#fff}nxs-carousel .swiper-container{width:100%;height:100%;display:block;position:relative}nxs-carousel .swiper-container swiper{height:100%}nxs-carousel .swiper-container .swiper-wrapper .swiper-slide{height:100%;position:relative;width:auto;min-height:50px;background-size:cover;background-position:50%;background-repeat:no-repeat}nxs-carousel .swiper-container .nxs-image-slide{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;-o-object-position:center;object-position:center}nxs-carousel .swiper-container.nxs-slider-with-thumbnails{height:80%}nxs-carousel .swiper-container.nxs-slider-thumbnails-container{height:20%;background:transparent;padding:6px 0}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide{cursor:pointer;border-radius:6px;margin:0 6px;border:2px solid transparent}nxs-carousel .swiper-container.nxs-slider-thumbnails-container .swiper-slide.swiper-slide-thumb-active{border:2px solid #add8e6}nxs-carousel .swiper-container.nxs-slider-thumbnails-on-main-slider{top:-20%}nxs-carousel .nxs-image-counter{position:absolute;top:0;right:0;color:#fff;padding:4px;font-weight:700;z-index:10}"]
+            },] }
+];
+NxsCarouselComponent.ctorParameters = () => [
+    { type: MatDialog },
+    { type: NgZone },
+    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: NxsCarouselModuleConfig, decorators: [{ type: Optional }] }
+];
+NxsCarouselComponent.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 NxsCarouselModule {
+    static forRoot(config) {
+        return {
+            ngModule: NxsCarouselModule,
+            providers: [
+                { provide: NxsCarouselModuleConfig, useValue: config },
+            ]
+        };
+    }
+}
+NxsCarouselModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    NxsCarouselComponent,
+                    NxsCarouselDialogComponent,
+                    NxsSwiperTemplateDirective,
+                ],
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    MatButtonModule,
+                    MatDialogModule,
+                    SwiperModule,
+                ],
+                exports: [
+                    NxsCarouselComponent,
+                    NxsSwiperTemplateDirective,
+                ],
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NxsCarouselComponent, NxsCarouselModule, NxsSwiperTemplateDirective as ɵa, NxsCarouselModuleConfig as ɵb, NxsCarouselDialogComponent as ɵc };
+//# sourceMappingURL=nextalys-carousel-lib-nxs-carousel.js.map

package/fesm2015/nextalys-carousel-lib-nxs-carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nextalys-carousel-lib-nxs-carousel.js","sources":["../../lib/nxs-carousel/nxs-carousel-dialog.component.ts","../../lib/nxs-carousel/swiper-directives.ts","../../lib/common-types.ts","../../lib/nxs-carousel/nxs-carousel.component.ts","../../lib/nxs-carousel/nxs-carousel.module.ts","../../lib/nextalys-carousel-lib-nxs-carousel.ts"],"sourcesContent":["import { Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { NxsCarouselImage } from '../common-types';\nimport { NxsCarouselOptions } from './nxs-carousel-types';\n\nexport interface NxsCarouselDialogData {\n    images: NxsCarouselImage[];\n    options?: NxsCarouselOptions;\n    wrapperClass?: string;\n}\n@Component({\n    selector: 'nxs-carousel-dialog',\n    template: `\n    <div class=\"nxs-carousel-dialog-flex-wrapper\">\n    <div class=\"nxs-carousel-dialog-header\">\n        <button (click)=\"dialogRef.close()\" mat-icon-button><mat-icon>close</mat-icon></button>\n    </div>\n    <div [class]=\"wrapperClass\">\n    <nxs-carousel [options]=\"data.options\" [images]=\"data.images\"></nxs-carousel>\n    </div>\n</div>\n    `,\n    styleUrls: ['./nxs-carousel-dialog.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselDialogComponent {\n    public wrapperClass: string = 'nxs-carousel-wrapper';\n    constructor(\n        @Inject(MAT_DIALOG_DATA) public data: NxsCarouselDialogData,\n        public dialogRef: MatDialogRef<NxsCarouselDialogComponent>,\n    ) {\n        if (data.wrapperClass)\n            this.wrapperClass += ' ' + data.wrapperClass;\n    }\n\n}\n","import { Directive } from \"@angular/core\";\n\n@Directive({\n    selector: '[nxsSwiperTemplate]',\n})\nexport class NxsSwiperTemplateDirective { }\n","\nexport interface NxsCarouselImage {\n    alt?: string;\n    src: string;\n}\nexport class NxsCarouselModuleConfig {\n    debug?: boolean = false;\n}","import { Component, ViewEncapsulation, Input, ViewChild, Output, EventEmitter, PLATFORM_ID, Inject, Optional, NgZone, ContentChildren, TemplateRef } from '@angular/core';\nimport { NxsCarouselOptions } from './nxs-carousel-types';\nimport { NxsCarouselDialogData, NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatDialog } from '@angular/material/dialog';\nimport { isPlatformBrowser } from '@angular/common';\nimport { EventsCollector } from 'nextalys-js-helpers/dist/events';\n// import Swiper core and required modules\nimport SwiperCore, { Navigation, Pagination, Autoplay, Lazy, Swiper, SwiperOptions, Thumbs } from 'swiper';\n//Virtual,Scrollbar,A11y\nimport { SwiperComponent } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\nimport { NxsCarouselImage, NxsCarouselModuleConfig } from '../common-types';\n\n// install Swiper modules\nSwiperCore.use([Navigation, Pagination, Autoplay, Lazy, Thumbs]);\n@Component({\n    selector: 'nxs-carousel',\n    templateUrl: './nxs-carousel.component.html',\n    styleUrls: ['./nxs-carousel.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class NxsCarouselComponent {\n    @ContentChildren(NxsSwiperTemplateDirective, { read: TemplateRef })\n    contents!: TemplateRef<HTMLElement>;\n    @ViewChild('swiper', { static: false })\n    swiperComponent?: SwiperComponent;\n    @Input()\n    lazy = true;\n    private eventsCollector = new EventsCollector();\n\n    @Input()\n    public images: NxsCarouselImage[];\n    options: NxsCarouselOptions = null;\n    thumbnailsOptions: SwiperOptions = null;\n    @Input('options')\n    set setOptions(val: NxsCarouselOptions) {\n        this.options = this.setDefaultOptions(val, false);\n        this.setThumbnailsOptions();\n    }\n    @Input()\n    hasHtmlContent = false;\n    slidesCount: number = 0;\n    private swiperInstance: Swiper;\n    thumbnailsSwiperInstance: Swiper;\n\n    @Output()\n    slideChange = new EventEmitter<number>();\n    public currentSlide = 0;\n    @Output()\n    slideClick = new EventEmitter<MouseEvent | TouchEvent | PointerEvent>();\n    isBrowser = false;\n\n    constructor(\n        private matDialog: MatDialog,\n        private zone: NgZone,\n        @Inject(PLATFORM_ID) private platformId: any,\n        @Optional() private config?: NxsCarouselModuleConfig,\n    ) {\n        if (!this.config)\n            this.config = { debug: false };\n        this.isBrowser = isPlatformBrowser(this.platformId);\n        this.log('constructor - isBrowser', this.isBrowser);\n        this.options = this.setDefaultOptions(undefined, false);\n    }\n    private log(...args: any[]) {\n        if (!this.config.debug)\n            return;\n        console.log('[NxsCarousel]', ...args);\n    }\n    private destroy() {\n        if (!this.isBrowser) {\n            return;\n        }\n        this.eventsCollector?.unsubscribeAll();\n    }\n    ngOnDestroy(): void {\n        this.destroy();\n    }\n    ngAfterViewInit(): void {\n        // console.log('thi.contents', this.contents);\n        // this.initSlides();\n        // this.createSlider(true);\n    }\n    getMainSliderHeight() {\n        if (!this.options)\n            return '';\n        if (this.options.nxsThumbnails && this.options.nxsThumbnails.show) {\n            if (this.options.nxsThumbnails.onMainSlider) {\n                return '100%';\n            }\n            else if (this.options.nxsThumbnails.percentHeight) {\n                return (100 - this.options.nxsThumbnails.percentHeight) + '%';\n            }\n        }\n        return '';\n    }\n    private setDefaultOptions(options: NxsCarouselOptions, forDialog: boolean) {\n        if (!options && forDialog) {\n            options = {\n                nxsShowNavigationBullets: true, loop: true, nxsThumbnails: { show: true }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: true,\n                lazy: true,\n            };\n        }\n        else if (!options) {\n            options = {\n                nxsShowNavigationBullets: true, loop: true,\n                nxsThumbnails: { show: false }, effect: 'slide', nxsShowNavigationArrows: true, nxsShowImagesCount: false, nxsCarouselDialogOptions: {},\n                lazy: true,\n            };\n        }\n        if (options.nxsCarouselDialogOptions) {\n            if (typeof options.nxsCarouselDialogOptions.nxsThumbnails === 'undefined')\n                options.nxsCarouselDialogOptions.nxsThumbnails = { show: false };\n            if (typeof options.nxsCarouselDialogOptions.effect === 'undefined')\n                options.nxsCarouselDialogOptions.effect = 'slide';\n            if (typeof options.nxsCarouselDialogOptions.nxsShowNavigationArrows === 'undefined')\n                options.nxsCarouselDialogOptions.nxsShowNavigationArrows = true;\n\n            if (!!options.nxsCarouselDialogOptions.nxsThumbnails?.show) {\n                if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight === 'undefined')\n                    options.nxsCarouselDialogOptions.nxsThumbnails.percentHeight = 20;\n                if (typeof options.nxsCarouselDialogOptions.nxsThumbnails.perView === 'undefined')\n                    options.nxsCarouselDialogOptions.nxsThumbnails.perView = 10;\n                options.nxsCarouselDialogOptions.nxsThumbnails.breakpoints = {\n                    640: {\n                        slidesPerView: 5,\n                    },\n                    768: {\n                        slidesPerView: 7,\n                    },\n                    1024: {\n                        slidesPerView: 8,\n                    },\n                };\n            }\n        }\n        if (!options.nxsThumbnails)\n            options.nxsThumbnails = { show: false };\n\n        if (options.nxsThumbnails.show && typeof options.nxsThumbnails.percentHeight === 'undefined')\n            options.nxsThumbnails.percentHeight = 20;\n\n        if (options.nxsThumbnails.show && typeof options.nxsThumbnails.perView === 'undefined')\n            options.nxsThumbnails.perView = 10;\n\n\n        if (forDialog)\n            options.nxsfullscreenOnClick = false;\n        if (options.nxsThumbnails.onMainSlider)\n            options.nxsShowNavigationBullets = false;\n\n        if (typeof options.lazy === 'undefined')\n            options.lazy = true;\n\n        if (typeof options.navigation === 'undefined')\n            options.navigation = true;\n        if (typeof options.pagination === 'undefined')\n            options.pagination = { clickable: true };\n        // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 272 ~ NxsCarouselComponent ~ setDefaultOptions ~ options\", options);\n\n        return options;\n    }\n\n    private setThumbnailsOptions() {\n        if (!!this.options?.nxsThumbnails?.show) {\n            this.thumbnailsOptions = {\n                slidesPerView: this.options.nxsThumbnails.perView,\n                loop: false,\n                freeMode: true,\n                // watchSlidesVisibility: true,\n                watchSlidesProgress: true,\n                breakpoints: this.options.nxsThumbnails.breakpoints,\n                // spaceBetween: 10,\n            };\n            if (this.lazy) {\n                // Disable preloading of all images\n                this.thumbnailsOptions.preloadImages = false;\n                // Enable lazy loading\n                this.thumbnailsOptions.lazy = true;\n            }\n            // this.thumbnailsSliderInstance = new Swiper(this.nxsThumbnailsSliderContainer.nativeElement, thumbnailsOptions);\n            // this.options.thumbs = { swiper: this.thumbnailsSliderInstance };\n        }\n    }\n    public showFullScreenCarousel(images: NxsCarouselImage[], wrapperClass?: string) {\n        this.options.nxsCarouselDialogOptions = this.setDefaultOptions(this.options.nxsCarouselDialogOptions, true);\n        const data: NxsCarouselDialogData = { images, wrapperClass, options: this.options.nxsCarouselDialogOptions };\n        this.matDialog.open(NxsCarouselDialogComponent, {\n            data,\n            panelClass: 'nxs-carousel-dialog',\n            width: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.width : undefined,\n            height: !!this.options.nxsCarouselDialogSize ? this.options.nxsCarouselDialogSize.height : undefined,\n            disableClose: !this.options.nxsCarouselDialogExitable,\n        });\n    }\n    goToSlide(index: number, speed?: number) {\n        this.swiperInstance?.slideTo(index, speed);\n    }\n    next() {\n        this.swiperInstance?.slideNext();\n    }\n    previous() {\n        this.swiperInstance?.slidePrev();\n    }\n    onSwiperThumbnails(instance: Swiper) {\n        if (this.options?.nxsThumbnails?.show)\n            this.thumbnailsSwiperInstance = instance;\n        else\n            this.thumbnailsSwiperInstance = null;\n\n        // if (this.options?.nxsThumbnails?.show) {\n        //     const optionsClone = MainHelpers.cloneObject(this.options);\n        //     optionsClone.thumbs = { swiper: this.thumbnailsSwiperInstance };\n        //     // this.options = optionsClone;\n        //     // this.options = { ...this.options, thumbs: { swiper: this.thumbnailsSwiperInstance } };\n        //     console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 416 ~ NxsCarouselComponent ~ onSwiperThumbnails ~    this.options \", this.options);\n        //     this.options.thumbs = { swiper: this.thumbnailsSwiperInstance };\n        // }\n    }\n    onSwiper(instance: Swiper) {\n        this.log('swiper ready - instance', instance);\n        this.swiperInstance = instance;\n        this.swiperInstance.on('click', (swiperInstance, evt) => {\n            // console.log(\"Log ~ file: nxs-carousel.component.ts ~ line 392 ~ NxsCarouselComponent ~ this.swiperInstance.on ~ evt\", evt);\n            const target = evt.target as HTMLElement;\n            if (target.className.indexOf('nxs-carousel-button') !== -1 || target.className.indexOf('swiper-pagination') !== -1)\n                return;\n            this.runInZone(() => {\n                this.slideClick.next(evt);\n                if (this.options.nxsfullscreenOnClick && this.images && this.images.length && !this.hasHtmlContent) {\n                    this.showFullScreenCarousel(this.images, 'fullscreen-carousel');\n                }\n            });\n\n        });\n    }\n    private runInZone<T extends (...args: any[]) => void>(callback: T, ...args: any[]) {\n        if (!this.zone) {\n            callback(args);\n        }\n        return this.zone.run(() => callback(args));\n    }\n\n    onSlideChange(instances: Swiper[]) {\n        // this.swiperInstance = instance;\n        // this.log('slide change - instance', instance);\n        this.runInZone(() => {\n            this.currentSlide = this.swiperInstance?.realIndex || 0;\n            this.log('slide change - currentSlide', this.currentSlide);\n            this.slideChange.next(this.currentSlide);\n        });\n    }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NxsCarouselDialogComponent } from './nxs-carousel-dialog.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { NxsCarouselComponent } from './nxs-carousel.component';\nimport { SwiperModule } from 'swiper/angular';\nimport { NxsSwiperTemplateDirective } from './swiper-directives';\nimport { NxsCarouselModuleConfig } from '../common-types';\n\n@NgModule({\n    declarations: [\n        NxsCarouselComponent,\n        NxsCarouselDialogComponent,\n        NxsSwiperTemplateDirective,\n    ],\n    imports: [\n        CommonModule,\n        MatIconModule,\n        MatButtonModule,\n        MatDialogModule,\n        SwiperModule,\n    ],\n    exports: [\n        NxsCarouselComponent,\n        NxsSwiperTemplateDirective,\n    ],\n})\nexport class NxsCarouselModule {\n    public static forRoot(config?: NxsCarouselModuleConfig): ModuleWithProviders<NxsCarouselModule> {\n        return {\n            ngModule: NxsCarouselModule,\n            providers: [\n                { provide: NxsCarouselModuleConfig, useValue: config },\n            ]\n        };\n    }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api-carousel';\n\nexport {NxsCarouselModuleConfig as ɵb} from './common-types';\nexport {NxsCarouselDialogComponent as ɵc} from './nxs-carousel/nxs-carousel-dialog.component';\nexport {NxsSwiperTemplateDirective as ɵa} from './nxs-carousel/swiper-directives';"],"names":[],"mappings":"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"}