| 1 | {"version":3,"file":"primeng-galleria.umd.js","sources":["ng://primeng/galleria/galleria.ts"],"sourcesContent":["import {NgModule,Component,ElementRef,AfterViewChecked,AfterViewInit,OnDestroy,Input,Output,EventEmitter,ChangeDetectionStrategy} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {DomHandler} from 'primeng/dom';\n\n@Component({\n selector: 'p-galleria',\n template: `\n <div [ngClass]=\"{'ui-galleria ui-widget ui-widget-content ui-corner-all':true}\" [ngStyle]=\"style\" [class]=\"styleClass\" [style.width.px]=\"panelWidth\">\n <ul class=\"ui-galleria-panel-wrapper\" [style.width.px]=\"panelWidth\" [style.height.px]=\"panelHeight\">\n <li *ngFor=\"let image of images;let i=index\" class=\"ui-galleria-panel\" [ngClass]=\"{'ui-helper-hidden':i!=activeIndex}\"\n [style.width.px]=\"panelWidth\" [style.height.px]=\"panelHeight\" (click)=\"clickImage($event,image,i)\">\n <img class=\"ui-panel-images\" [src]=\"image.source\" [alt]=\"image.alt\" [title]=\"image.title\"/>\n </li>\n </ul>\n <div [ngClass]=\"{'ui-galleria-filmstrip-wrapper':true}\" *ngIf=\"showFilmstrip\">\n <ul class=\"ui-galleria-filmstrip\" style=\"transition:left 1s\" [style.left.px]=\"stripLeft\">\n <li #frame *ngFor=\"let image of images;let i=index\" [ngClass]=\"{'ui-galleria-frame-active':i==activeIndex}\" class=\"ui-galleria-frame\" (click)=\"frameClick(frame)\"\n [style.width.px]=\"frameWidth\" [style.height.px]=\"frameHeight\" [style.transition]=\"'opacity 0.75s ease'\">\n <div class=\"ui-galleria-frame-content\">\n <img [src]=\"image.source\" [alt]=\"image.alt\" [title]=\"image.title\" class=\"ui-galleria-frame-image\"\n [style.width.px]=\"frameWidth\" [style.height.px]=\"frameHeight\">\n </div>\n </li>\n </ul>\n </div>\n <div class=\"ui-galleria-nav-prev pi pi-fw pi-chevron-left\" (click)=\"clickNavLeft()\" [style.bottom.px]=\"frameHeight/2\" *ngIf=\"activeIndex !== 0\"></div>\n <div class=\"ui-galleria-nav-next pi pi-fw pi-chevron-right\" (click)=\"clickNavRight()\" [style.bottom.px]=\"frameHeight/2\"></div>\n <div class=\"ui-galleria-caption\" *ngIf=\"showCaption&&images\" style=\"display:block\">\n <h4>{{images[activeIndex]?.title}}</h4><p>{{images[activeIndex]?.alt}}</p>\n </div>\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.Default\n})\nexport class Galleria implements AfterViewChecked,AfterViewInit,OnDestroy {\n \n @Input() style: any;\n\n @Input() styleClass: string;\n\n @Input() panelWidth: number = 600;\n\n @Input() panelHeight: number = 400;\n\n @Input() frameWidth: number = 60;\n \n @Input() frameHeight: number = 40;\n\n @Input() activeIndex: number = 0;\n\n @Input() showFilmstrip: boolean = true;\n\n @Input() autoPlay: boolean = true;\n\n @Input() transitionInterval: number = 4000;\n\n @Input() showCaption: boolean = true;\n\n @Input() effectDuration: number = 500;\n \n @Output() onImageClicked = new EventEmitter();\n\n @Output() onImageChange = new EventEmitter();\n \n _images: any[];\n \n slideshowActive: boolean;\n \n public container: any;\n \n public panelWrapper: any;\n \n public panels: any;\n \n public caption: any;\n \n public stripWrapper: any;\n \n public strip: any;\n \n public frames: any;\n \n public interval: any;\n \n public stripLeft: number = 0;\n \n public imagesChanged: boolean;\n \n public initialized: boolean;\n\n constructor(public el: ElementRef) {}\n \n ngAfterViewChecked() {\n if (this.imagesChanged) {\n this.stopSlideshow();\n Promise.resolve(null).then(() => {\n this.render();\n this.imagesChanged = false;\n });\n }\n }\n\n @Input() get images(): any[] {\n return this._images;\n }\n set images(value:any[]) {\n this._images = value;\n this.imagesChanged = true;\n\n if (this.initialized) {\n this.activeIndex = 0;\n }\n }\n \n ngAfterViewInit() {\n this.container = this.el.nativeElement.children[0];\n this.panelWrapper = DomHandler.findSingle(this.el.nativeElement, 'ul.ui-galleria-panel-wrapper');\n this.initialized = true;\n \n if (this.showFilmstrip) {\n this.stripWrapper = DomHandler.findSingle(this.container,'div.ui-galleria-filmstrip-wrapper');\n this.strip = DomHandler.findSingle(this.stripWrapper,'ul.ui-galleria-filmstrip');\n }\n \n if (this.images && this.images.length) {\n this.render();\n } \n }\n \n render() {\n this.panels = DomHandler.find(this.panelWrapper, 'li.ui-galleria-panel'); \n \n if (this.showFilmstrip) {\n this.frames = DomHandler.find(this.strip,'li.ui-galleria-frame');\n this.stripWrapper.style.width = DomHandler.width(this.panelWrapper) - 50 + 'px';\n this.stripWrapper.style.height = this.frameHeight + 'px';\n }\n \n if (this.showCaption) {\n this.caption = DomHandler.findSingle(this.container,'div.ui-galleria-caption');\n this.caption.style.bottom = this.showFilmstrip ? DomHandler.getOuterHeight(this.stripWrapper,true) + 'px' : 0 + 'px';\n this.caption.style.width = DomHandler.width(this.panelWrapper) + 'px';\n }\n \n if (this.autoPlay) {\n this.startSlideshow();\n }\n \n this.container.style.visibility = 'visible';\n }\n \n startSlideshow() {\n this.interval = setInterval(() => {\n this.next();\n }, this.transitionInterval);\n \n this.slideshowActive = true;\n }\n \n stopSlideshow() {\n if (this.interval) {\n clearInterval(this.interval);\n }\n \n this.slideshowActive = false;\n }\n \n clickNavRight() {\n if (this.slideshowActive) {\n this.stopSlideshow();\n }\n this.next();\n } \n \n clickNavLeft() {\n if (this.slideshowActive) {\n this.stopSlideshow();\n }\n this.prev();\n }\n \n frameClick(frame) {\n if (this.slideshowActive) {\n this.stopSlideshow();\n }\n \n this.select(DomHandler.index(frame), false);\n }\n \n prev() {\n if (this.activeIndex !== 0) {\n this.select(this.activeIndex - 1, true);\n }\n }\n \n next() {\n if (this.activeIndex !== (this.panels.length-1)) {\n this.select(this.activeIndex + 1, true);\n }\n else {\n this.select(0, false);\n this.stripLeft = 0;\n }\n }\n \n select(index, reposition) {\n if (index !== this.activeIndex) { \n let oldPanel = this.panels[this.activeIndex],\n newPanel = this.panels[index];\n \n DomHandler.fadeIn(newPanel, this.effectDuration);\n \n if (this.showFilmstrip) {\n let oldFrame = this.frames[this.activeIndex],\n newFrame = this.frames[index];\n \n if (reposition === undefined || reposition === true) {\n let frameLeft = newFrame.offsetLeft,\n stepFactor = this.frameWidth + parseInt(getComputedStyle(newFrame)['margin-right'], 10),\n stripLeft = this.strip.offsetLeft,\n frameViewportLeft = frameLeft + stripLeft,\n frameViewportRight = frameViewportLeft + this.frameWidth;\n \n if (frameViewportRight > DomHandler.width(this.stripWrapper))\n this.stripLeft -= stepFactor;\n else if (frameViewportLeft < 0)\n this.stripLeft += stepFactor;\n }\n }\n \n this.activeIndex = index;\n\n this.onImageChange.emit({index: index});\n }\n }\n \n clickImage(event, image, i) {\n this.onImageClicked.emit({originalEvent: event, image: image, index: i})\n }\n \n ngOnDestroy() {\n this.stopSlideshow();\n }\n\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [Galleria],\n declarations: [Galleria]\n})\nexport class GalleriaModule { }"],"names":["EventEmitter","DomHandler","ElementRef","Input","Output","Component","ChangeDetectionStrategy","NgModule","CommonModule"],"mappings":"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"} |