ng-image-slider-v17/fesm2022/ng-image-slider.mjs.map

Angular Image slider with lightbox. An Angular responsive image slider with lightbox popup. Also support youtube url, image base64 string and mp4 video urls and base64 string.

{"version":3,"file":"ng-image-slider.mjs","sources":["../../../projects/ng-image-slider/src/lib/ng-image-slider.service.ts","../../../projects/ng-image-slider/src/lib/slider-custom-image/slider-custom-image.component.ts","../../../projects/ng-image-slider/src/lib/slider-custom-image/slider-custom-image.component.html","../../../projects/ng-image-slider/src/lib/slider-lightbox/slider-lightbox.component.ts","../../../projects/ng-image-slider/src/lib/slider-lightbox/slider-lightbox.component.html","../../../projects/ng-image-slider/src/lib/ng-image-slider.component.ts","../../../projects/ng-image-slider/src/lib/ng-image-slider.component.html","../../../projects/ng-image-slider/src/lib/ng-image-slider.module.ts","../../../projects/ng-image-slider/src/public_api.ts","../../../projects/ng-image-slider/src/ng-image-slider.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\nconst DESC = 'DESC',\r\n    ASC = 'ASC';\r\n\r\n@Injectable()\r\nexport class NgImageSliderService {\r\n\r\n    constructor() { }\r\n\r\n    isBase64(str) {\r\n        var base64regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;\r\n        return base64regex.test(str);\r\n\r\n    }\r\n\r\n    base64FileExtension(str) {\r\n        return str.substring(\"data:image/\".length, str.indexOf(\";base64\"));\r\n    }\r\n\r\n    orderArray(arr = [], orderType = ASC) {\r\n        if (arr?.length && orderType) {\r\n            return arr.sort((ob1, ob2) => {\r\n                if (ob1['order'] === null || !ob1['order']) {\r\n                    return 1;\r\n                }\r\n                else if (ob2['order'] === null || !ob2['order']) {\r\n                    return -1;\r\n                }\r\n                else if (ob1['order'] > ob2['order']) {\r\n                    if (orderType === DESC) {\r\n                        return -1;\r\n                    } else {\r\n                        return 1;\r\n                    }\r\n                }\r\n                else if (ob1['order'] < ob2['order']) {\r\n                    \r\n                    if (orderType === DESC) {\r\n                        return 1;\r\n                    } else {\r\n                        return -1;\r\n                    }\r\n                }\r\n            });\r\n        }\r\n        return arr;\r\n    }\r\n}\r\n","import {\r\n    Component,\r\n    Input,\r\n    OnChanges,\r\n    SimpleChanges,\r\n    Inject\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\r\nimport { NgImageSliderService } from './../ng-image-slider.service';\r\n\r\nconst youtubeRegExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|\\&v=|\\?v=)([^#\\&\\?]*).*/,\r\n    validFileExtensions = ['jpeg', 'jpg', 'gif', 'png'],\r\n    validVideoExtensions = ['mp4'];\r\n\r\n@Component({\r\n    selector: 'custom-img',\r\n    templateUrl: './slider-custom-image.component.html'\r\n})\r\nexport class SliderCustomImageComponent implements OnChanges {\r\n    YOUTUBE = 'youtube';\r\n    IMAGE = 'image';\r\n    VIDEO = 'video';\r\n    fileUrl: SafeResourceUrl = '';\r\n    fileExtension = '';\r\n    type = this.IMAGE;\r\n    imageLoading:boolean = true;\r\n\r\n    // @inputs\r\n    @Input() showVideo: boolean = false;\r\n    @Input() videoAutoPlay: boolean = false;\r\n    @Input() showVideoControls: number = 1;\r\n    @Input() currentImageIndex: number;\r\n    @Input() imageIndex: number;\r\n    @Input() speed: number = 1;\r\n    @Input() imageUrl;\r\n    @Input() isVideo = false;\r\n    @Input() alt: String = '';\r\n    @Input() title: String = '';\r\n    @Input() direction: string = 'ltr';\r\n    @Input() ratio: boolean = false;\r\n    @Input() lazy: boolean = false;\r\n\r\n    constructor(\r\n        public imageSliderService: NgImageSliderService,\r\n        private sanitizer: DomSanitizer,\r\n        @Inject(DOCUMENT) document) {\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        if (this.imageUrl\r\n            && this.imageUrl\r\n            && this.imageUrl\r\n            && typeof (this.imageUrl) === 'string'\r\n            && (\r\n                (changes.imageUrl && changes.imageUrl.firstChange)\r\n                ||\r\n                (this.videoAutoPlay)\r\n               )) {\r\n            this.setUrl();\r\n        }\r\n    }\r\n\r\n    setUrl() {\r\n        const url = this.imageUrl;\r\n        this.imageLoading = true;\r\n        this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(url);\r\n        this.fileExtension = url.split('.').pop().split(/\\#|\\?/)[0];\r\n        if (this.imageSliderService.base64FileExtension(url)\r\n        && (validFileExtensions.indexOf(this.imageSliderService.base64FileExtension(url).toLowerCase()) > -1 \r\n        || validVideoExtensions.indexOf(this.imageSliderService.base64FileExtension(url).toLowerCase()) > -1)) {\r\n            this.fileExtension = this.imageSliderService.base64FileExtension(url);\r\n        }\r\n        // verify for youtube url\r\n        const match = url.match(youtubeRegExp);\r\n        if (match && match[2].length === 11) {\r\n            if (this.showVideo) {\r\n                this.type = this.YOUTUBE;\r\n                this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(`${'https://www.youtube.com/embed/'}${match[2]}${this.videoAutoPlay ? '?autoplay=1&enablejsapi=1' : '?autoplay=0&enablejsapi=1'}${'&controls='}${this.showVideoControls}`);\r\n            } else {\r\n                this.type = this.IMAGE;\r\n                this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(`https://img.youtube.com/vi/${match[2]}/0.jpg`);\r\n            }\r\n        } else if (this.fileExtension && validFileExtensions.indexOf(this.fileExtension.toLowerCase()) > -1) {\r\n            this.type = this.IMAGE;\r\n        } else if (this.fileExtension && validVideoExtensions.indexOf(this.fileExtension.toLowerCase()) > -1) {\r\n            this.type = this.VIDEO;\r\n            if (this.videoAutoPlay && document.getElementById(`video_${this.imageIndex}`)) {\r\n                const videoObj:any = document.getElementById(`video_${this.imageIndex}`);\r\n                setTimeout(() => {\r\n                    videoObj.play();\r\n                }, this.speed * 1000);\r\n            }\r\n        }\r\n    }\r\n\r\n    videoClickHandler(event) {\r\n        if (event && event.srcElement && !this.showVideoControls) {\r\n            if (event.srcElement.paused) {\r\n                event.srcElement.play();\r\n            } else {\r\n                event.srcElement.pause();\r\n            }\r\n        }\r\n    }\r\n}\r\n","<div *ngIf=\"fileUrl\" class=\"custom-image-main\" [ngClass]=\"{'ng-fullimage-loading': imageLoading}\">\r\n    <img class=\"image\"\r\n        (load)=\"imageLoading = false\"\r\n        [ngClass]=\"{'ratio': ratio}\"\r\n        *ngIf=\"type === IMAGE && fileUrl\"\r\n        [src]=\"fileUrl\"\r\n        [alt]=\"alt\"\r\n        [title]=\"title\"\r\n        [attr.loading]=\"lazy == true ? 'lazy' : null\">\r\n    <iframe class=\"youtube\"\r\n        *ngIf=\"type === YOUTUBE && fileUrl\"\r\n        [src]=\"fileUrl\"\r\n        [attr.loading]=\"lazy == true ? 'lazy' : null\"\r\n        frameborder=\"0\"\r\n        allow=\"autoplay\"\r\n        allowfullscreen></iframe>\r\n    <video class=\"video\"\r\n        [id]=\"'video_' + imageIndex\"\r\n        [ngClass]=\"{'ratio': ratio}\"\r\n        (click)=\"videoClickHandler($event)\"\r\n        [autoplay]=\"videoAutoPlay\"\r\n        *ngIf=\"type === VIDEO\"\r\n        type=\"video/mp4\"\r\n        [attr.controls]=\"showVideoControls ? showVideoControls : null\"\r\n        controlsList=\"nodownload\">\r\n        <source [src]=\"fileUrl\" type=\"video/mp4\">\r\n        Your browser does not support the video tag.\r\n    </video>\r\n    <div [dir]=\"direction\" *ngIf=\"!fileUrl\" class=\"invalid-msg\">Invalid file format</div>\r\n    <span *ngIf=\"type === YOUTUBE || type === VIDEO || isVideo\" class=\"youtube-icon\"></span>\r\n</div>","import {\r\n    ChangeDetectorRef,\r\n    Component,\r\n    OnInit,\r\n    OnChanges,\r\n    SimpleChanges,\r\n    Inject,\r\n    AfterViewInit,\r\n    OnDestroy,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n    ViewChild,\r\n    HostListener,\r\n    ElementRef\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\nconst LIGHTBOX_NEXT_ARROW_CLICK_MESSAGE = 'lightbox next',\t\r\n    LIGHTBOX_PREV_ARROW_CLICK_MESSAGE = 'lightbox previous'\r\n\r\n@Component({\r\n    selector: 'slider-lightbox',\r\n    templateUrl: './slider-lightbox.component.html'\r\n})\r\nexport class SliderLightboxComponent implements OnInit, AfterViewInit, OnDestroy {\r\n    totalImages: number = 0;\r\n    nextImageIndex: number = -1;\r\n    popupWidth: number = 1200;\r\n    marginLeft: number = 0;\r\n    imageFullscreenView: boolean = false;\r\n    lightboxPrevDisable: boolean = false;\r\n    lightboxNextDisable: boolean = false;\r\n    showLoading: boolean = true;\r\n    effectStyle: string = 'none';\r\n    speed: number = 1; // default speed in second\r\n    title: string = '';\r\n    currentImageIndex: number = 0;\r\n\r\n    // for swipe event\r\n    private swipeLightboxImgCoord?: [number, number];\r\n    private swipeLightboxImgTime?: number;\r\n\r\n    @ViewChild('lightboxDiv', { static: false }) lightboxDiv;\r\n    @ViewChild('lightboxImageDiv', { static: false }) lightboxImageDiv;\r\n\r\n    // @Inputs\r\n    @Input() images: Array<object> = [];\r\n    @Input()\r\n    set imageIndex(index: number) {\r\n        if (index !== undefined && index > -1 && index < this.images.length) {\r\n            this.currentImageIndex = index;\r\n        }\r\n        this.nextPrevDisable();\r\n    }\r\n    @Input()\r\n    set show(visiableFlag: boolean) {\r\n        this.imageFullscreenView = visiableFlag;\r\n        this.elRef.nativeElement.ownerDocument.body.style.overflow = '';\r\n        if (visiableFlag === true) {\r\n            this.elRef.nativeElement.ownerDocument.body.style.overflow = 'hidden';\r\n            // this.getImageData();\r\n            this.setPopupSliderWidth();\r\n        }\r\n    }\r\n    @Input() videoAutoPlay: boolean = false;\r\n    @Input() direction: string = 'ltr';\r\n    @Input() paginationShow: boolean = false;\r\n    @Input()\r\n    set animationSpeed(data: number) {\r\n        if (data\r\n            && typeof (data) === 'number'\r\n            && data >= 0.1\r\n            && data <= 5) {\r\n            this.speed = data;\r\n        }\r\n    }\r\n    @Input() infinite: boolean = false;\r\n    @Input() arrowKeyMove: boolean = true;\r\n    @Input() showVideoControls: boolean = true;\r\n\r\n    // @Output\r\n    @Output() close = new EventEmitter<any>();\r\n    @Output() prevImage = new EventEmitter<any>();\r\n    @Output() nextImage = new EventEmitter<any>();\r\n\r\n    @HostListener('window:resize', ['$event'])\r\n    onResize(event) {\r\n        this.effectStyle = 'none';\r\n        this.setPopupSliderWidth();\r\n    }\r\n    @HostListener('document:keyup', ['$event'])\r\n    handleKeyboardEvent(event: KeyboardEvent) {\r\n        if (event && event.key && this.arrowKeyMove) {\r\n            if (event.key.toLowerCase() === 'arrowright') {\r\n                this.nextImageLightbox();\r\n            }\r\n\r\n            if (event.key.toLowerCase() === 'arrowleft') {\r\n                this.prevImageLightbox();\r\n            }\r\n\r\n            if (event.key.toLowerCase() === 'escape') {\r\n                this.closeLightbox();\r\n            }\r\n        }\r\n    }\r\n\r\n    constructor(\r\n        private cdRef: ChangeDetectorRef,\r\n        private sanitizer: DomSanitizer,\r\n        private elRef: ElementRef,\r\n        @Inject(DOCUMENT) private document: any) { }\r\n\r\n    ngOnInit() {\r\n    }\r\n\r\n    ngAfterViewInit() {\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this.resetState();\r\n    }\r\n\r\n    setPopupSliderWidth() {\r\n        if (window && window.innerWidth) {\r\n            this.popupWidth = window.innerWidth;\r\n            this.totalImages = this.images.length;\r\n            if (typeof (this.currentImageIndex) === 'number' && this.currentImageIndex !== undefined) {\r\n                this.marginLeft = -1 * this.popupWidth * this.currentImageIndex;\r\n                this.getImageData();\r\n                this.nextPrevDisable();\r\n                setTimeout(() => {\r\n                    this.showLoading = false;\r\n                }, 500);\r\n            }\r\n        }\r\n    }\r\n\r\n    closeLightbox() {\r\n        this.close.emit();\r\n    }\r\n\r\n    prevImageLightbox() {\r\n        this.effectStyle = `all ${this.speed}s ease-in-out`;\r\n        if (this.currentImageIndex > 0 && !this.lightboxPrevDisable) {\r\n            this.currentImageIndex--;\r\n            this.prevImage.emit(LIGHTBOX_PREV_ARROW_CLICK_MESSAGE);\r\n            this.marginLeft = -1 * this.popupWidth * this.currentImageIndex;\r\n            this.getImageData();\r\n            this.nextPrevDisable();\r\n        }\r\n    }\r\n\r\n    nextImageLightbox() {\r\n        this.effectStyle = `all ${this.speed}s ease-in-out`;\r\n        if (this.currentImageIndex < this.images.length - 1 && !this.lightboxNextDisable) {\r\n            this.currentImageIndex++;\r\n            this.nextImage.emit(LIGHTBOX_NEXT_ARROW_CLICK_MESSAGE);\r\n            this.marginLeft = -1 * this.popupWidth * this.currentImageIndex;\r\n            this.getImageData();\r\n            this.nextPrevDisable();\r\n        }\r\n    }\r\n\r\n    nextPrevDisable() {\r\n        this.lightboxNextDisable = true;\r\n        this.lightboxPrevDisable = true;\r\n        setTimeout(() => {\r\n            this.applyButtonDisableCondition();\r\n        }, this.speed * 1000);\r\n    }\r\n\r\n    applyButtonDisableCondition() {\r\n        this.lightboxNextDisable = false;\r\n        this.lightboxPrevDisable = false;\r\n        if (!this.infinite && this.currentImageIndex >= this.images.length - 1) {\r\n            this.lightboxNextDisable = true;\r\n        }\r\n        if (!this.infinite && this.currentImageIndex <= 0) {\r\n            this.lightboxPrevDisable = true;\r\n        }\r\n    }\r\n\r\n    getImageData() {\r\n        if (this.images\r\n            && this.images.length\r\n            && typeof (this.currentImageIndex) === 'number'\r\n            && this.currentImageIndex !== undefined\r\n            && this.images[this.currentImageIndex]\r\n            && (this.images[this.currentImageIndex]['image'] || this.images[this.currentImageIndex]['video'])) {\r\n            this.title = this.images[this.currentImageIndex]['title'] || '';\r\n            this.totalImages = this.images.length;\r\n            for (const iframeI in this.document.getElementsByTagName('iframe')) {\r\n                if (this.document.getElementsByTagName('iframe')[iframeI]\r\n                    && this.document.getElementsByTagName('iframe')[iframeI].contentWindow\r\n                    && this.document.getElementsByTagName('iframe')[iframeI].contentWindow.postMessage) {\r\n                    this.document.getElementsByTagName('iframe')[iframeI].contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\r\n                }\r\n            }\r\n            for (const videoI in this.document.getElementsByTagName('video')) {\r\n                if (this.document.getElementsByTagName('video')[videoI] && this.document.getElementsByTagName('video')[videoI].pause) {\r\n                    this.document.getElementsByTagName('video')[videoI].pause();\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    resetState() {\r\n        this.images = [];\r\n    }\r\n\r\n    /**\r\n     * Swipe event handler\r\n     * Reference from https://stackoverflow.com/a/44511007/2067646\r\n     */\r\n    swipeLightboxImg(e: TouchEvent, when: string): void {\r\n        const coord: [number, number] = [e.changedTouches[0].pageX, e.changedTouches[0].pageY];\r\n        const time = new Date().getTime();\r\n\r\n        if (when === 'start') {\r\n            this.swipeLightboxImgCoord = coord;\r\n            this.swipeLightboxImgTime = time;\r\n        } else if (when === 'end') {\r\n            const direction = [coord[0] - this.swipeLightboxImgCoord[0], coord[1] - this.swipeLightboxImgCoord[1]];\r\n            const duration = time - this.swipeLightboxImgTime;\r\n\r\n            if (duration < 1000 //\r\n                && Math.abs(direction[0]) > 30 // Long enough\r\n                && Math.abs(direction[0]) > Math.abs(direction[1] * 3)) { // Horizontal enough\r\n                if (direction[0] < 0) {\r\n                    this.nextImageLightbox();\r\n                } else {\r\n                    this.prevImageLightbox();\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n","<div *ngIf=\"imageFullscreenView\" class=\"ng-image-fullscreen-view\">\r\n    <div class=\"lightbox-wrapper\">\r\n        <a class=\"close\" (click)=\"closeLightbox()\"></a>\r\n        <div class=\"lightbox-div\" #lightboxDiv>\r\n            <div *ngIf=\"showLoading\" class=\"pre-loader\">\r\n                <div class=\"mnml-spinner\"></div>\r\n            </div>\r\n            <div class=\"lightbox-image-main\"\r\n                [ngStyle]=\"{'margin-left': marginLeft + 'px', 'grid-template-columns': 'repeat('+images.length+',1fr)', 'transition': effectStyle}\">\r\n                <div class=\"lightbox-image\"\r\n                    [ngStyle]=\"{'width': popupWidth + 'px'}\"\r\n                    *ngFor=\"let img of images; let i = index\"\r\n                    [attr.id]=\"'ng-lightbox-image-' + i\"\r\n                    (touchstart)=\"swipeLightboxImg($event, 'start')\"\r\n                    (touchend)=\"swipeLightboxImg($event, 'end')\"\r\n                    #lightboxImageDiv>\r\n                   <div class=\"close-outside\" (click)=\"!img?.video && closeLightbox()\"></div>\r\n                    <custom-img\r\n                        [imageUrl]=\"img?.image || img?.video\"\r\n                        [isVideo]=\"!!(img?.posterImage || img?.video)\"\r\n                        [currentImageIndex]=\"currentImageIndex\"\r\n                        [imageIndex]=\"i\"\r\n                        [speed]=\"speed\"\r\n                        [videoAutoPlay]=\"videoAutoPlay && i == currentImageIndex\"\r\n                        [showVideoControls]=\"showVideoControls ? 1 : 0\"\r\n                        [alt]=\"img?.alt || img?.title || ''\"\r\n                        [title]=\"img?.title || img?.alt || ''\"\r\n                        [showVideo]=\"true\"\r\n                        [direction]=\"direction\">\r\n                    </custom-img>\r\n                </div>\r\n            </div>\r\n            <div [dir]=\"direction\" [ngClass]=\"{'show': title, 'hide': !title}\" class=\"caption\">{{ title }}</div>\r\n            <a *ngIf=\"images.length > 1\" [ngClass]=\"{'disable': lightboxPrevDisable}\" class=\"prev icons prev-icon\" (click)=\"prevImageLightbox()\">&lsaquo;</a>\r\n            <a *ngIf=\"images.length > 1\" [ngClass]=\"{'disable': lightboxNextDisable}\" class=\"next icons next-icon\" (click)=\"nextImageLightbox()\">&rsaquo;</a>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"paginationShow\" class=\"popup-pagination\">{{currentImageIndex + 1}} of {{totalImages}}</div>\r\n</div>\r\n","import {\r\n    ChangeDetectorRef,\r\n    Component,\r\n    OnInit,\r\n    OnChanges,\r\n    DoCheck,\r\n    SimpleChanges,\r\n    SimpleChange,\r\n    AfterViewInit,\r\n    OnDestroy,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n    ViewEncapsulation,\r\n    ViewChild,\r\n    HostListener,\r\n    PLATFORM_ID,\r\n    Inject,\r\n    ElementRef\r\n} from '@angular/core';\r\n\r\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\r\nimport { NgImageSliderService } from './ng-image-slider.service';\r\n\r\nconst NEXT_ARROW_CLICK_MESSAGE = 'next',\r\n    PREV_ARROW_CLICK_MESSAGE = 'previous';\r\n\r\n@Component({\r\n    selector: 'ng-image-slider',\r\n    templateUrl: './ng-image-slider.component.html',\r\n    styleUrls: ['./ng-image-slider.component.scss'],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class NgImageSliderComponent implements OnChanges, OnInit, DoCheck, AfterViewInit, OnDestroy {\r\n    // for slider\r\n    sliderMainDivWidth: number = 0;\r\n    imageParentDivWidth: number = 0;\r\n    imageObj: Array<object> = [];\r\n    ligthboxImageObj: Array<object> = [];\r\n    totalImages: number = 0;\r\n    leftPos: number = 0;\r\n    effectStyle: string = 'all 1s ease-in-out';\r\n    speed: number = 1; // default speed in second\r\n    sliderPrevDisable: boolean = false;\r\n    sliderNextDisable: boolean = false;\r\n    slideImageCount: number = 1;\r\n    sliderImageWidth: number = 205;\r\n    sliderImageReceivedWidth: number | string = 205;\r\n    sliderImageHeight: number = 200;\r\n    sliderImageReceivedHeight: number | string = 205;\r\n    sliderImageSizeWithPadding = 211;\r\n    autoSlideCount: number = 0;\r\n    stopSlideOnHover: boolean = true;\r\n    autoSlideInterval;\r\n    showArrowButton: boolean = true;\r\n    textDirection: string = 'ltr';\r\n    imageMargin: number = 3;\r\n    sliderOrderType:string ='ASC';\r\n\r\n    // for swipe event\r\n    private swipeCoord?: [number, number];\r\n    private swipeTime?: number;\r\n\r\n    // for lightbox\r\n    ligthboxShow: boolean = false;\r\n    activeImageIndex: number = -1;\r\n    visiableImageIndex: number = 0;\r\n\r\n    @ViewChild('sliderMain', { static: false }) sliderMain;\r\n    @ViewChild('imageDiv', { static: false }) imageDiv;\r\n\r\n    // @inputs\r\n    @Input()\r\n    set imageSize(data) {\r\n        if (data\r\n            && typeof (data) === 'object') {\r\n            if (data.hasOwnProperty('space') && typeof (data['space']) === 'number' && data['space'] > -1) {\r\n                this.imageMargin = data['space'];\r\n            }\r\n            if (data.hasOwnProperty('width') && (typeof (data['width']) === 'number' || typeof (data['width']) === 'string')) {\r\n                this.sliderImageReceivedWidth = data['width'];\r\n                // this.sliderImageSizeWithPadding = data['width'] + (this.imageMargin * 2); // addeing padding with image width\r\n            }\r\n            if (data.hasOwnProperty('height') && (typeof (data['height']) === 'number' || typeof (data['height']) === 'string')) {\r\n                this.sliderImageReceivedHeight = data['height'];\r\n            }\r\n        }\r\n    }\r\n    @Input() infinite: boolean = false;\r\n    @Input() imagePopup: boolean = true;\r\n    @Input()\r\n    set direction(dir: string) {\r\n        if (dir) {\r\n            this.textDirection = dir;\r\n        }\r\n    }\r\n    @Input()\r\n    set animationSpeed(data: number) {\r\n        if (data\r\n            && typeof (data) === 'number'\r\n            && data >= 0.1\r\n            && data <= 5) {\r\n            this.speed = data;\r\n            this.effectStyle = `all ${this.speed}s ease-in-out`;\r\n        }\r\n    }\r\n    @Input() images: Array<object> = [];\r\n    @Input() set slideImage(count) {\r\n        if (count && typeof count === 'number') {\r\n            this.slideImageCount = Math.round(count);\r\n        }\r\n    }\r\n    @Input() set autoSlide(count: any) {\r\n        if (count && (typeof count === 'number'\r\n            || typeof count === 'boolean'\r\n            || typeof count === 'object')) {\r\n            if (typeof count === 'number' && count >= 1 && count <= 5) {\r\n                count = Math.round(count);\r\n            } else if (typeof count === 'boolean') {\r\n                count = 1;\r\n            } else if (typeof count === 'object'\r\n                && count.hasOwnProperty('interval')\r\n                && Math.round(count['interval'])\r\n                && Math.round(count['interval']) >= 1\r\n                && Math.round(count['interval']) <= 5) {\r\n                this.stopSlideOnHover = count.hasOwnProperty('stopOnHover') ? count['stopOnHover'] : true;\r\n                count = Math.round(count['interval']);\r\n            }\r\n            this.autoSlideCount = count * 1000;\r\n        }\r\n    }\r\n    @Input() set showArrow(flag) {\r\n        if (flag !== undefined && typeof flag === 'boolean') {\r\n            this.showArrowButton = flag;\r\n        }\r\n    }\r\n\r\n    @Input() set orderType(data:string){\r\n        if (data !== undefined && typeof data === 'string') {\r\n            this.sliderOrderType = data.toUpperCase();\r\n        }\r\n    }\r\n    @Input() videoAutoPlay: boolean = false;\r\n    @Input() paginationShow: boolean = false;\r\n    @Input() arrowKeyMove: boolean = true;\r\n    @Input() manageImageRatio: boolean = false;\r\n    @Input() showVideoControls: boolean = true;\r\n    @Input() set defaultActiveImage(activeIndex: number) {\r\n        if (typeof activeIndex === 'number' && activeIndex > -1) {\r\n            this.activeImageIndex = activeIndex;\r\n        }\r\n    }\r\n    @Input() lazyLoading: boolean = false;\r\n\r\n    // @Outputs\r\n    @Output() imageClick = new EventEmitter<number>();\r\n    @Output() arrowClick = new EventEmitter<object>();\r\n    @Output() lightboxArrowClick = new EventEmitter<object>();\r\n    @Output() lightboxClose = new EventEmitter<object>();\r\n\r\n    @HostListener('window:resize', ['$event'])\r\n    onResize(event) {\r\n        this.setSliderWidth();\r\n    }\r\n    @HostListener('document:keyup', ['$event'])\r\n    handleKeyboardEvent(event: KeyboardEvent) {\r\n        if (event && event.key) {\r\n            if (event.key.toLowerCase() === 'arrowright' && !this.ligthboxShow && this.arrowKeyMove) {\r\n                this.next();\r\n            }\r\n\r\n            if (event.key.toLowerCase() === 'arrowleft' && !this.ligthboxShow && this.arrowKeyMove) {\r\n                this.prev();\r\n            }\r\n\r\n            if (event.key.toLowerCase() === 'escape' && this.ligthboxShow) {\r\n                this.close();\r\n            }\r\n        }\r\n    }\r\n\r\n    constructor(\r\n        private cdRef: ChangeDetectorRef,\r\n        @Inject(PLATFORM_ID) private platformId: Object,\r\n        public imageSliderService: NgImageSliderService,\r\n        private elRef: ElementRef\r\n        // @Inject(ElementRef) private _elementRef: ElementRef\r\n    ) {\r\n    }\r\n\r\n    ngOnInit() {\r\n        // @TODO: for future use\r\n        // console.log(this._elementRef)\r\n\r\n        // for slider\r\n        if (this.infinite) {\r\n            this.effectStyle = 'none';\r\n            this.leftPos = -1 * this.sliderImageSizeWithPadding * this.slideImageCount;\r\n            for (let i = 1; i <= this.slideImageCount; i++) {\r\n                this.imageObj.unshift(this.imageObj[this.imageObj.length - i]);\r\n            }\r\n        }\r\n    }\r\n\r\n    // for slider\r\n    ngAfterViewInit() {\r\n        this.setSliderWidth();\r\n        this.cdRef.detectChanges();\r\n        if (isPlatformBrowser(this.platformId)) {\r\n            this.imageAutoSlide();\r\n        }\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        if (this.autoSlideInterval) {\r\n            clearInterval(this.autoSlideInterval);\r\n        }\r\n        if (this.ligthboxShow === true) {\r\n            this.close();\r\n        }\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        if (changes.images\r\n            && changes.images.hasOwnProperty('previousValue')\r\n            && changes.images.hasOwnProperty('currentValue')\r\n            && changes.images.previousValue != changes.images.currentValue) {\r\n            this.setSliderImages(changes.images.currentValue);\r\n        }\r\n        if (changes && changes.imageSize) {\r\n            const size: SimpleChange = changes.imageSize;\r\n            if (size\r\n                && size.previousValue\r\n                && size.currentValue\r\n                && size.previousValue.width && size.previousValue.height\r\n                && size.currentValue.width && size.currentValue.height\r\n                && (size.previousValue.width !== size.currentValue.width\r\n                    || size.previousValue.height !== size.currentValue.height)) {\r\n                this.setSliderWidth();\r\n            }\r\n        }\r\n    }\r\n\r\n    ngDoCheck() {\r\n        if (this.images\r\n            && this.ligthboxImageObj\r\n            && this.images.length !== this.ligthboxImageObj.length) {\r\n            this.setSliderImages(this.images);\r\n        }\r\n    }\r\n\r\n    setSliderImages(imgObj) {\r\n        if (imgObj && imgObj instanceof Array && imgObj.length) {\r\n            const sliderOrderEnable = imgObj.find((img) => {\r\n                if (img.hasOwnProperty('order')) {\r\n                    return true\r\n                }\r\n            });\r\n\r\n            if(sliderOrderEnable){\r\n                imgObj = this.imageSliderService.orderArray(imgObj, this.sliderOrderType.toUpperCase());\r\n            }\r\n\r\n            this.imageObj = imgObj.map((img, index) => {\r\n                img['index'] = index;\r\n                return img;\r\n            });\r\n            this.ligthboxImageObj = [...this.imageObj];\r\n            this.totalImages = this.imageObj.length;\r\n            // this.imageParentDivWidth = imgObj.length * this.sliderImageSizeWithPadding;\r\n        } else {\r\n            this.imageObj = [];\r\n            this.ligthboxImageObj = [];\r\n            this.totalImages = 0;\r\n            this.imageParentDivWidth = 0;\r\n            this.activeImageIndex = 0;\r\n        }\r\n\r\n        this.setSliderWidth();\r\n    }\r\n\r\n    setSliderWidth() {\r\n        if (this.sliderMain\r\n            && this.sliderMain.nativeElement\r\n            && this.sliderMain.nativeElement.offsetWidth) {\r\n            this.sliderMainDivWidth = this.sliderMain.nativeElement.offsetWidth;\r\n        }\r\n\r\n        if (this.sliderMainDivWidth\r\n            && this.sliderImageReceivedWidth) {\r\n            if (typeof this.sliderImageReceivedWidth === 'number') {\r\n                this.sliderImageWidth = this.sliderImageReceivedWidth;\r\n            } else if (typeof this.sliderImageReceivedWidth === 'string') {\r\n                if (this.sliderImageReceivedWidth.indexOf('px') >= 0) {\r\n                    this.sliderImageWidth = parseFloat(this.sliderImageReceivedWidth);\r\n                } else if (this.sliderImageReceivedWidth.indexOf('%') >= 0) {\r\n                    this.sliderImageWidth = +((this.sliderMainDivWidth * parseFloat(this.sliderImageReceivedWidth)) / 100).toFixed(2);\r\n                } else if (parseFloat(this.sliderImageReceivedWidth)) {\r\n                    this.sliderImageWidth = parseFloat(this.sliderImageReceivedWidth);\r\n                }\r\n            }\r\n        }\r\n        if (isPlatformBrowser(this.platformId)) {\r\n            if (window && window.innerHeight\r\n                && this.sliderImageReceivedHeight) {\r\n                if (typeof this.sliderImageReceivedHeight === 'number') {\r\n                    this.sliderImageHeight = this.sliderImageReceivedHeight;\r\n                } else if (typeof this.sliderImageReceivedHeight === 'string') {\r\n                    if (this.sliderImageReceivedHeight.indexOf('px') >= 0) {\r\n                        this.sliderImageHeight = parseFloat(this.sliderImageReceivedHeight);\r\n                    } else if (this.sliderImageReceivedHeight.indexOf('%') >= 0) {\r\n                        this.sliderImageHeight = +((window.innerHeight * parseFloat(this.sliderImageReceivedHeight)) / 100).toFixed(2);\r\n                    } else if (parseFloat(this.sliderImageReceivedHeight)) {\r\n                        this.sliderImageHeight = parseFloat(this.sliderImageReceivedHeight);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        this.sliderImageSizeWithPadding = this.sliderImageWidth + (this.imageMargin * 2);\r\n        this.imageParentDivWidth = this.imageObj.length * this.sliderImageSizeWithPadding;\r\n        if (this.imageDiv && this.imageDiv.nativeElement && this.imageDiv.nativeElement.offsetWidth) {\r\n            const staticLeftPos = 0-((this.sliderImageSizeWithPadding * this.visiableImageIndex) + (this.imageMargin*2))\r\n            this.leftPos = this.infinite ? -1 * this.sliderImageSizeWithPadding * this.slideImageCount : staticLeftPos;\r\n        }\r\n        this.nextPrevSliderButtonDisable();\r\n    }\r\n\r\n    imageOnClick(index) {\r\n        this.activeImageIndex = index;\r\n        if (this.imagePopup) {\r\n            this.showLightbox();\r\n        }\r\n        this.imageClick.emit(index);\r\n    }\r\n\r\n    imageAutoSlide() {\r\n        if (this.infinite && this.autoSlideCount && !this.ligthboxShow) {\r\n            this.autoSlideInterval = setInterval(() => {\r\n                this.next();\r\n            }, this.autoSlideCount);\r\n        }\r\n    }\r\n\r\n    imageMouseEnterHandler() {\r\n        if (this.infinite && this.autoSlideCount && this.autoSlideInterval) {\r\n            clearInterval(this.autoSlideInterval);\r\n        }\r\n    }\r\n\r\n    prev() {\r\n        if (!this.sliderPrevDisable) {\r\n            if (this.infinite) {\r\n                this.infinitePrevImg();\r\n            } else {\r\n                this.prevImg();\r\n            }\r\n\r\n            //this.arrowClick.emit(PREV_ARROW_CLICK_MESSAGE);\r\n            this.sliderArrowDisableTeam(PREV_ARROW_CLICK_MESSAGE);\r\n            this.getVisiableIndex();\r\n        }\r\n    }\r\n\r\n    next() {\r\n        if (!this.sliderNextDisable) {\r\n            if (this.infinite) {\r\n                this.infiniteNextImg();\r\n            } else {\r\n                this.nextImg();\r\n            }\r\n\r\n            //this.arrowClick.emit(NEXT_ARROW_CLICK_MESSAGE);\r\n            this.sliderArrowDisableTeam(NEXT_ARROW_CLICK_MESSAGE);\r\n            this.getVisiableIndex();\r\n        }\r\n    }\r\n\r\n    prevImg() {\r\n        if (0 >= this.leftPos + (this.sliderImageSizeWithPadding * this.slideImageCount)) {\r\n            this.leftPos += this.sliderImageSizeWithPadding * this.slideImageCount;\r\n        } else {\r\n            this.leftPos = 0;\r\n        }\r\n    }\r\n\r\n    nextImg() {\r\n        if ((this.imageParentDivWidth + this.leftPos) - this.sliderMainDivWidth > this.sliderImageSizeWithPadding * this.slideImageCount) {\r\n            this.leftPos -= this.sliderImageSizeWithPadding * this.slideImageCount;\r\n        } else if ((this.imageParentDivWidth + this.leftPos) - this.sliderMainDivWidth > 0) {\r\n            this.leftPos -= (this.imageParentDivWidth + this.leftPos) - this.sliderMainDivWidth;\r\n        }\r\n    }\r\n\r\n    infinitePrevImg() {\r\n        this.effectStyle = `all ${this.speed}s ease-in-out`;\r\n        this.leftPos = 0;\r\n\r\n        setTimeout(() => {\r\n            this.effectStyle = 'none';\r\n            this.leftPos = -1 * this.sliderImageSizeWithPadding * this.slideImageCount;\r\n            for (let i = 0; i < this.slideImageCount; i++) {\r\n                this.imageObj.unshift(this.imageObj[this.imageObj.length - this.slideImageCount - 1]);\r\n                this.imageObj.pop();\r\n            }\r\n        }, this.speed * 1000);\r\n    }\r\n\r\n    infiniteNextImg() {\r\n        this.effectStyle = `all ${this.speed}s ease-in-out`;\r\n        this.leftPos = -2 * this.sliderImageSizeWithPadding * this.slideImageCount;\r\n        setTimeout(() => {\r\n            this.effectStyle = 'none';\r\n            for (let i = 0; i < this.slideImageCount; i++) {\r\n                this.imageObj.push(this.imageObj[this.slideImageCount]);\r\n                this.imageObj.shift();\r\n            }\r\n            this.leftPos = -1 * this.sliderImageSizeWithPadding * this.slideImageCount;\r\n        }, this.speed * 1000);\r\n    }\r\n\r\n    getVisiableIndex() {\r\n        const currentIndex = Math.round((Math.abs(this.leftPos) + this.sliderImageWidth) / this.sliderImageWidth);\r\n        if (this.imageObj[currentIndex - 1] && this.imageObj[currentIndex - 1]['index'] !== undefined) {\r\n            this.visiableImageIndex = this.imageObj[currentIndex - 1]['index'];\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Disable slider left/right arrow when image moving\r\n     */\r\n    sliderArrowDisableTeam(msg) {\r\n        this.sliderNextDisable = true;\r\n        this.sliderPrevDisable = true;\r\n        setTimeout(() => {\r\n            this.nextPrevSliderButtonDisable(msg);\r\n        }, this.speed * 1000);\r\n    }\r\n\r\n    nextPrevSliderButtonDisable(msg?) {\r\n        this.sliderNextDisable = false;\r\n        this.sliderPrevDisable = false;\r\n        const actionMsg = {};\r\n        if (!this.infinite) {\r\n            if (this.imageParentDivWidth + this.leftPos <= this.sliderMainDivWidth) {\r\n                this.sliderNextDisable = true;\r\n            }\r\n\r\n            if (this.leftPos >= 0) {\r\n                this.sliderPrevDisable = true;\r\n            }\r\n\r\n            actionMsg['prevDisable'] = this.sliderPrevDisable;\r\n            actionMsg['nextDisable'] = this.sliderNextDisable;\r\n        }\r\n\r\n        if (msg){\r\n            this.arrowClick.emit({\r\n                action: msg,\r\n                ...actionMsg\r\n            });\r\n        }\r\n    }\r\n\r\n    // for lightbox\r\n    showLightbox() {\r\n        if (this.imageObj.length) {\r\n            this.imageMouseEnterHandler();\r\n            this.ligthboxShow = true;\r\n            this.elRef.nativeElement.ownerDocument.body.style.overflow = 'hidden';\r\n        }\r\n    }\r\n\r\n    close() {\r\n        this.ligthboxShow = false;\r\n        this.elRef.nativeElement.ownerDocument.body.style.overflow = '';\r\n        this.lightboxClose.emit()\r\n        this.imageAutoSlide();\r\n    }\r\n\r\n    lightboxArrowClickHandler(event) {\r\n        this.lightboxArrowClick.emit(event);\r\n    }\r\n\r\n    /**\r\n     * Swipe event handler\r\n     * Reference from https://stackoverflow.com/a/44511007/2067646\r\n     */\r\n    swipe(e: TouchEvent, when: string): void {\r\n        const coord: [number, number] = [e.changedTouches[0].pageX, e.changedTouches[0].pageY];\r\n        const time = new Date().getTime();\r\n\r\n        if (when === 'start') {\r\n            this.swipeCoord = coord;\r\n            this.swipeTime = time;\r\n        } else if (when === 'end') {\r\n            const direction = [coord[0] - this.swipeCoord[0], coord[1] - this.swipeCoord[1]];\r\n            const duration = time - this.swipeTime;\r\n\r\n            if (duration < 1000 //\r\n                && Math.abs(direction[0]) > 30 // Long enough\r\n                && Math.abs(direction[0]) > Math.abs(direction[1] * 3)) { // Horizontal enough\r\n                if (direction[0] < 0) {\r\n                    this.next();\r\n                } else {\r\n                    this.prev();\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n","<div class=\"ng-image-slider\" [ngStyle]=\"{'height':sliderImageHeight+'px'}\">\r\n    <div class=\"ng-image-slider-container\">\r\n        <div class=\"main\"\r\n            [ngStyle]=\"{'height':sliderImageHeight+'px'}\"\r\n            #sliderMain>\r\n            <div class=\"main-inner\"\r\n                *ngIf=\"imageObj.length\"\r\n                [ngClass]=\"{'with-ng-main-pagination': paginationShow}\"\r\n                [ngStyle]=\"{'margin-left':leftPos+'px', 'width':imageParentDivWidth+'px', 'transition': effectStyle}\"\r\n                (touchstart)=\"swipe($event, 'start')\"\r\n                (touchend)=\"swipe($event, 'end')\">\r\n                <div *ngFor=\"let img of imageObj; let i = index\"\r\n                    [ngClass]=\"{'image-popup': imagePopup, 'selected-image': activeImageIndex == i}\"\r\n                    [ngStyle]=\"{'width':sliderImageWidth+'px', 'margin-left':imageMargin+'px', 'margin-right':imageMargin+'px'}\"\r\n                    class=\"img-div\"\r\n                    (click)=\"imageOnClick(img.index)\"\r\n                    (mouseenter)=\"stopSlideOnHover && imageMouseEnterHandler()\"\r\n                    (mouseleave)=\"stopSlideOnHover && imageAutoSlide()\"\r\n                    #imageDiv>\r\n                    <custom-img [imageUrl]=\"img?.thumbImage || img?.posterImage || img?.video\"\r\n                        [isVideo]=\"!!(img?.posterImage || img?.video)\"\r\n                        [alt]=\"img?.alt || img?.title || ''\"\r\n                        [title]=\"img?.title || img?.alt || ''\"\r\n                        [direction]=\"textDirection\"\r\n                        [ratio]=\"manageImageRatio\"\r\n                        [lazy]=\"lazyLoading\">\r\n                    </custom-img>\r\n                    <div [dir]=\"textDirection\" class=\"caption\" *ngIf=\"img?.title\">{{ img?.title }}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"ng-image-slider-error\"\r\n                *ngIf=\"!imageObj.length\">\r\n                <span class=\"ng-image-slider-loader\"></span>\r\n            </div>\r\n            <a *ngIf=\"showArrowButton && imageObj.length > 1\"\r\n                [ngClass]=\"{'disable': sliderPrevDisable}\"\r\n                class=\"prev icons prev-icon\"\r\n                (click)=\"prev()\"\r\n                (mouseenter)=\"stopSlideOnHover && imageMouseEnterHandler()\"\r\n                (mouseleave)=\"stopSlideOnHover && imageAutoSlide()\">&lsaquo;</a>\r\n            <a *ngIf=\"showArrowButton && imageObj.length > 1\"\r\n                [ngClass]=\"{'disable': sliderNextDisable}\"\r\n                class=\"next icons next-icon\"\r\n                (click)=\"next()\"\r\n                (mouseenter)=\"imageMouseEnterHandler()\"\r\n                (mouseleave)=\"imageAutoSlide()\">&rsaquo;</a>\r\n        </div>\r\n        <div *ngIf=\"imageObj.length && paginationShow\" class=\"ng-main-pagination\">{{visiableImageIndex + 1}} of {{totalImages}}</div>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"ligthboxShow\">\r\n    <slider-lightbox\r\n        [paginationShow]=\"paginationShow\"\r\n        [showVideoControls]=\"showVideoControls\"\r\n        [arrowKeyMove]=\"arrowKeyMove\"\r\n        [images]=\"ligthboxImageObj\"\r\n        [infinite]=\"infinite\"\r\n        [animationSpeed]=\"speed\"\r\n        [imageIndex]=\"activeImageIndex\"\r\n        [show]=\"ligthboxShow\"\r\n        [direction]=\"textDirection\"\r\n        [videoAutoPlay]=\"videoAutoPlay\"\r\n        (prevImage)=\"lightboxArrowClickHandler($event)\"\r\n        (nextImage)=\"lightboxArrowClickHandler($event)\"\r\n        (close)=\"close()\">\r\n    </slider-lightbox>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgImageSliderComponent } from './ng-image-slider.component';\r\nimport { SliderCustomImageComponent } from './slider-custom-image/slider-custom-image.component';\r\nimport { SliderLightboxComponent } from './slider-lightbox/slider-lightbox.component';\r\nimport { NgImageSliderService } from './ng-image-slider.service';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule\r\n    ],\r\n    declarations: [\r\n        NgImageSliderComponent,\r\n        SliderCustomImageComponent,\r\n        SliderLightboxComponent\r\n    ],\r\n    providers: [\r\n        NgImageSliderService\r\n    ],\r\n    exports: [NgImageSliderComponent]\r\n})\r\nexport class NgImageSliderModule { }\r\n","/*\r\n * Public API Surface of ng-image-slider\r\n */\r\n\r\nexport * from './lib/ng-image-slider.service';\r\nexport * from './lib/ng-image-slider.component';\r\nexport * from './lib/ng-image-slider.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i3","i2","i3.SliderCustomImageComponent","i1.NgImageSliderService","i4.SliderLightboxComponent"],"mappings":"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