UNPKG

ngx-crystal-gallery

Version:

Responsive gallery with support for masonry layout and lightbox.

2 lines 35 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-crystal-gallery",["exports","@angular/core","@angular/common"],t):t(e["ngx-crystal-gallery"]={},e.ng.core,e.ng.common)}(this,function(e,i,t){"use strict";var n=function(){function e(e,t){this.elementRef=e,this.ref=t,this.currentImageIndex=0,this.spinnerHeight=30,this.descriptionHeight=43,this.close=new i.EventEmitter,this.showLightbox=!1,this.hideControls=!1}return Object.defineProperty(e.prototype,"images",{get:function(){return this.data.images},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"config",{get:function(){return this.data.config},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"index",{get:function(){return this.currentImageIndex},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"currImagePath",{get:function(){var e=this.images[this.index];return!!e&&(e.path&&(e.full=e.path),e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"prevImagePath",{get:function(){return this.images[this.prevIndex]},set:function(e){this.images[this.prevIndex]=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isFirst",{get:function(){return 0===this.index},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isLast",{get:function(){return this.index===this.images.length-1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"latestImageIndex",{get:function(){return this.images.length-1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"description",{get:function(){return this.images[this.index].description},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"counter",{get:function(){return this.currentImageIndex+1+"/"+this.images.length},enumerable:!0,configurable:!0}),e.prototype.onKeyDown=function(e){switch(e.key){case"ArrowLeft":this.prev();break;case"ArrowRight":this.next();break;case"Escape":this.closeLightbox()}},e.prototype.onMouseEnter=function(e){this.hideControls=!1},e.prototype.ngOnInit=function(){var e=this;this.setBackgroundOpacity(this.config.backgroundOpacity),this.currentImageIndex=this.config.index,setTimeout(function(){e.showLightbox=!0},30),this.setMaxDimensions(),this.setAnimationDuration()},e.prototype.closeLightbox=function(){var e=this;this.showLightbox=!1,setTimeout(function(){e.close.emit("close")},this.config.animationDuration)},e.prototype.next=function(){var e=this;if(this.isLast){if(!this.config.loop)return;this.currentImageIndex=0}else this.currentImageIndex++;this.currImageLoaded="loading",setTimeout(function(){"loading"===e.currImageLoaded&&(e.currImageLoaded=!1)},50),this.setMaxDimensions()},e.prototype.prev=function(){var e=this;if(this.isFirst){if(!this.config.loop)return;this.currentImageIndex=this.latestImageIndex}else this.currentImageIndex--;setTimeout(function(){"loading"===e.currImageLoaded&&(e.currImageLoaded=!1)},50),this.setMaxDimensions()},e.prototype.onImageLoaded=function(){this.currImageLoaded=!0,this.ref.detectChanges()},e.prototype.setBackgroundOpacity=function(e){this.hostStyleBackgroundColor="rgba(0, 0, 0, "+e+")"},e.prototype.setMaxDimensions=function(){this.description?this.wrapperElem.nativeElement.style.height="calc(100% - "+2*this.descriptionHeight+"px)":this.wrapperElem.nativeElement.style.height="",this.currImageElem.nativeElement.style.maxHeight="calc("+this.config.lightboxMaxHeight+")",this.currImageElem.nativeElement.style.maxWidth=this.config.lightboxMaxWidth},e.prototype.setAnimationDuration=function(){this.hostStyleTransition="opacity "+this.config.animationDuration+"ms"},e.decorators=[{type:i.Component,args:[{selector:"crystal-lightbox",template:'<div class="cg-counter" *ngIf="config.counter && images.length > 1">{{counter}}</div>\n<div class="cg-description" *ngIf="description">{{description}}</div>\n\n<div \n\tclass="cg-close" \n\t(click)="closeLightbox()">Close</div>\n\n<div \n\tclass="cg-spinner" \n\t *ngIf="!currImageLoaded"></div>\n\n<div class="cg-wrapper" #wrapper>\n\t<img \n\t\tclass="cg-curr-image" \n\t\t#currImageElem \n\t\t[src]="currImagePath?.full" \n\t\t[class.cg-show]="currImageLoaded" \n\t\t(load)="onImageLoaded()" />\n</div>\n\n<div \n\tclass="cg-prev" \n\t[hidden]="isFirst && !config.loop" \n\t(click)="prev()"></div>\n<div \n\tclass="cg-next" \n\t[hidden]="isLast && !config.loop" \n\t(click)="next()"></div>',styles:['._cg-spinner,._cg-spinner:after{border-radius:50%;width:36px;height:36px}._cg-spinner{margin:0 auto;font-size:10px;position:relative;text-indent:-9999em;border-top:4px solid rgba(255,255,255,.2);border-right:4px solid rgba(255,255,255,.2);border-bottom:4px solid rgba(255,255,255,.2);border-left:4px solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:.9s linear infinite load8;animation:.9s linear infinite load8}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cg-spinner,.cg-spinner:after,.cg-spinner:before{border-radius:50%;width:10px;height:10px;-webkit-animation:1.5s ease-in-out infinite load7;animation:1.5s ease-in-out infinite load7}.cg-spinner{color:#fff;font-size:10px;margin:0 auto 20px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.cg-spinner:after,.cg-spinner:before{content:"";position:absolute;top:0}.cg-spinner:before{left:-3em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.cg-spinner:after{left:3em}@-webkit-keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,100%,80%{box-shadow:0 10px 0 -1.3em}40%{box-shadow:0 10px 0 0}}:host(.cg-show){opacity:1}:host(.cg-hide-controls) .cg-close,:host(.cg-hide-controls) .cg-next,:host(.cg-hide-controls) .cg-prev{opacity:0}:host{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s cubic-bezier(.645,.045,.355,1);z-index:10000;background-color:rgba(0,0,0,.85)}:host img{opacity:1;max-width:100%;max-height:100%;box-shadow:0 4px 15px 2px rgba(0,0,0,.35)}:host img.cg-curr-image.cg-show{opacity:1}:host img.cg-curr-image{opacity:0;z-index:10}:host .cg-wrapper.cg-hide{display:none}:host .cg-wrapper{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:0;left:0;width:100%;height:100%}:host .cg-spinner{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-5px}:host .cg-counter{text-align:left;position:absolute;left:22px;top:13px;font-size:14px;text-shadow:0 0 1px rgba(0,0,0,.65);z-index:30}:host .cg-description{text-align:center;max-width:calc(100% - 200px);margin:0 auto;font-size:14px;line-height:43px;position:relative;z-index:50}:host .cg-close{position:absolute;top:0;right:0;padding:13px 22px;font-size:13px;text-transform:uppercase;cursor:pointer;opacity:.5;z-index:30;transition:opacity .1s ease-in-out;text-shadow:0 0 1px rgba(0,0,0,.65)}:host .cg-close:hover{opacity:1}:host .cg-next,:host .cg-prev{width:40%;height:100%;position:absolute;top:0;cursor:pointer;opacity:.5;z-index:20;transition:opacity .1s ease-in-out;-webkit-tap-highlight-color:rgba(255,255,255,0)}:host .cg-next:hover,:host .cg-prev:hover{opacity:1}:host .cg-prev{left:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMzMTZCQzFERDgzMTExRTc5QUYxQTUxRDI5MkM5ODZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMzMTZCQzFFRDgzMTExRTc5QUYxQTUxRDI5MkM5ODZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzMxNkJDMUJEODMxMTFFNzlBRjFBNTFEMjkyQzk4NkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzMxNkJDMUNEODMxMTFFNzlBRjFBNTFEMjkyQzk4NkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VrwZKAAAClElEQVR42qzWSY8SQRgGYLoVHPeTXlwCiIwMArJGtiABNep4IGZi4oEfMJooLjePrnFGf5yJS0hYmq2b/aBxiQ6+lRRJdaUZq5vp5E2TLnioVFd9VZLN+iUxIdeMiW2fRVCmvz2DpJBVCk6X6SVBHQRLpVKb7Xb782g0Usrl8jM8W0P20+9YQn3JZPIhwN6MXoPBoI3nG8iKGZhF14A+AqrOmKtWq31F213kkOgQ69B0Ol0BqrFot9vV/H7/c7RfEoVZ1G+EdjqdvtfrfYn2K8gJkaHQodlstjIej/ssihdH0Ddov4acQo7QlycJo5PJhEc1j8fzmqJk2h1D7Lv1lkUv5nK5xzzaarWMUIcwms/nCTrgUbfbTdCrVtAAQafTqQ5VFEVdCi0UCk/Q0yGLNptN1el0vqLoaRHUxqPoKY/2KFo0g0r0ba4Wi8WnQEcs2mg0VAPULrJsZTqpNzDZ6yxar9dVl8tFVtR10SnFohJdgnZYuh9IkjSTZfknPn5DviO/kL/IjkgtIOhhJJ7JZF5gdU24hdDG6qqg/QJywEzlmg/FSTLhE4nE9nA4nHJFRvH5fJto94gOBfvyjtJxXI/H4x+A63re6/UUVDCCnzeDz6fbceQscjsWi703wFsM7hDBJQN8PRqNbmNn0OGapu0JfoviYx4PBAL30e5dCg+Hw0Z4e8/wfr/P451QKPRgaRzIFjDdksefsbjdKn5zER6JRMiwuP+3Ne2KB4PBLVVVR1xd+YK2O2bOFYvwd8CHbK/x/J6Zc8Ui/AZmxdtqtdrAwlFLpRLZrS/PYcnkEUuiY7hCS+g5sovT55+Qj7QS/jYD8zjp/UF6t9GS+oPed8zCLC5zJ0tSo//Q+8wKLHTw/ifAAMQVS4vHZR2VAAAAAElFTkSuQmCC) center left 22px no-repeat}:host .cg-next{right:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyNDE3MDE1RDgzMTExRTc5NjM4QTIzQzI2Rjc2Qjg2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyNDE3MDE2RDgzMTExRTc5NjM4QTIzQzI2Rjc2Qjg2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI0MTcwMTNEODMxMTFFNzk2MzhBMjNDMjZGNzZCODYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI0MTcwMTREODMxMTFFNzk2MzhBMjNDMjZGNzZCODYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zv5BKAAACl0lEQVR42rTW224SQRwGcHZb8FT1Sm88BJCiFAE5JpyCBNRE8coYEy94AGqi9XDXS0+JVh/CB/EhiFET5LjAclgWjaa1aazfJDM6u6LuLjrJl2124cd0duY/I9h+NoELabtcTLcFCon0bw+SRE4h28hn2xyNoIvISrlcfqAoSluSpLepVKqCe6cRB/2MYAXei1wfjUbSLm34gX4ymbyN+z6rOBmC/ciNer3+fpdrwGXgd8h/YwVn8Dm/37/e6/UGOnyQTqfXrOBsKI4g571e76Nutzv8De43gwv05S0hx5CLwJ/iBWrwyWQyzGazpnHyITtyCDlBcI/H8wS4ZlhUVbWMO/R4p9P5Bc/lcnfx/Ow8+AW32z0LH+Xz+X+Dt9ttmcen0ynDA1bx4wR3Op2PW62WrOv5uFAo3JsXL1K8r+v5LNxmZrb8wJvNpn5YlGKxeJ/WFruZBcRPxUsul2u90WhocCyqBqk3dLGJiwbgb/T6FflCSqkoiluCIGjqNGzWgQUz9YR8aQ9yBqtyDQtH0q1KNZPJPMTzOHKA4oaHwuPz+SooUm0eHY/H00QisUEWFHKUDYVRdBmVr9Lv9/WoGo/HX+J5iY7/QSMvj003hnb0aCwWe4HnV5GTyGEj002DDgYDDYqdRo1Goxu0p3pU+BvqDQQCqzPQCUWvzINKejQcDltHQ6HQLaBdHh0Oh5ZRO0OBaFD8iIL7z82ibGtyRyKR1T+gl82g/GZ6Dev/HY/KsqwEg0FLKL/93+R7C3QM9Nk8KDtiOWq12jb2s2XS01Kp9Kparb7G/TfIR2QT2TF6UBS42bBEi/UK/SIBPyCfkC0zKA+z6rWPXm30tLlJr6ZQ/ZmYDYnI1eEdejV9Thb+18H7uwADAOG/Wcm4x+knAAAAAElFTkSuQmCC) center right 22px no-repeat}']}]}],e.ctorParameters=function(){return[{type:i.ElementRef},{type:i.ChangeDetectorRef}]},e.propDecorators={data:[{type:i.Input}],showLightbox:[{type:i.HostBinding,args:["class.cg-show"]}],hideControls:[{type:i.HostBinding,args:["class.cg-hide-controls"]}],hostStyleTransition:[{type:i.HostBinding,args:["style.transition"]}],hostStyleBackgroundColor:[{type:i.HostBinding,args:["style.backgroundColor"]}],currImageElem:[{type:i.ViewChild,args:["currImageElem"]}],prevImageElem:[{type:i.ViewChild,args:["prevImageElem"]}],wrapperElem:[{type:i.ViewChild,args:["wrapper"]}],onKeyDown:[{type:i.HostListener,args:["window:keydown",["$event"]]}],onMouseEnter:[{type:i.HostListener,args:["mouseenter",["$event"]]}]},e}(),o=function(){function e(e,t){this.elementRef=e,this.ref=t,this.currImage={show:!1,loaded:!1,index:0},this.prevImage={loaded:!1},this.nextImage={loaded:!1},this.close=new i.EventEmitter,this.lightboxShown=!1}return Object.defineProperty(e.prototype,"images",{get:function(){return this.data.images},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"config",{get:function(){return this.data.config},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"index",{get:function(){return this.currImage.index},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"currImagePath",{get:function(){var e=this.images[this.index];return!!e&&(e.path&&(e.full=e.path),e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"prevImagePath",{get:function(){this.prevIndex<0&&this.config.loop&&(this.prevIndex=this.latestImageIndex);var e=this.images[this.prevIndex];return e&&e.path&&(e.full=e.path),e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"nextImagePath",{get:function(){var e=this.images[this.nextIndex];return e&&e.path&&(e.full=e.path),e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isFirst",{get:function(){return!this.config.loop&&0===this.index},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isLast",{get:function(){return!this.config.loop&&this.index===this.latestImageIndex},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"latestImageIndex",{get:function(){return this.images.length-1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isLandscape",{get:function(){return window.innerWidth>window.innerHeight},enumerable:!0,configurable:!0}),e.prototype.onWindowResize=function(e){this.landscapeMode=this.isLandscape,this.ref.detectChanges()},e.prototype.ngOnInit=function(){this.currImage.index=this.config.index,this.prevIndex=this.currImage.index-1,this.nextIndex=this.currImage.index+1,this.showLightbox()},e.prototype.showLightbox=function(){var e=this;this.currImage.show=!0,setTimeout(function(){e.lightboxShown=!0},30)},e.prototype.closeLightbox=function(){var e=this;this.lightboxShown=!1,setTimeout(function(){e.close.emit(!0)},200)},e.prototype.slide=function(e){var t=this;if("next"===e){if(this.isLast)return;setTimeout(function(){t.currImage.index++},200),this.index===this.latestImageIndex&&setTimeout(function(){t.currImage.index=0},200),setTimeout(function(){t.afterSlide("next")},300)}if("prev"===e){if(this.isFirst)return;setTimeout(function(){t.currImage.index--},200),0===this.index&&setTimeout(function(){t.currImage.index=t.latestImageIndex},200),setTimeout(function(){t.afterSlide("prev")},300)}},e.prototype.afterSlide=function(e){this.currImage.show=!0,this.index===this.latestImageIndex&&this.config.loop?this.nextIndex=0:this.nextIndex=this.index+1,0===this.index&&this.config.loop?this.prevIndex=this.latestImageIndex:this.prevIndex=this.index-1,"prev"===e&&(this.prevImage.loaded||(this.currImage.loaded=!1,this.prevImage.loaded=!1),this.currImage.loaded||(this.nextImage.loaded=!1)),"next"===e&&(this.nextImage.loaded||(this.currImage.loaded=!1,this.nextImage.loaded=!1),this.currImage.loaded||(this.prevImage.loaded=!1)),this.defaultWrapperPosition(),this.ref.detectChanges()},e.prototype.onImageLoaded=function(e){this[e].loaded=!0,this.ref.detectChanges()},e.prototype.handlePinchEvents=function(e){"prev"===e&&this.slide("prev"),"next"===e&&this.slide("next")},e.prototype.defaultWrapperPosition=function(){var e=this.wrapperEl.nativeElement;e.style.transition="all 0ms",e.style.transform="matrix(1, 0, 0, 1, 0, 0)",e.style.webkitTransform="matrix(1, 0, 0, 1, 0, 0)"},e.decorators=[{type:i.Component,args:[{selector:"crystal-lightbox-mobile",template:'<div class="cg-back" (click)="closeLightbox()"></div>\n\n<div \n\tclass="cg-wrapper" \n\t[class.cg-landscape]="landscapeMode"\n\tpinch [isLast]="isLast" [isFirst]="isFirst" (events)="handlePinchEvents($event)"\n\t#wrapper>\n\t<div class="cg-image-wrap cg-prev-image">\n\t\t<img \n\t\t\t*ngIf="prevImagePath"\n\t\t\t[src]="prevImagePath.full" \n\t\t\t[class.cg-hide]="!prevImage.loaded"\n\t\t\t(load)="onImageLoaded(\'prevImage\')"\n\t\t/>\n\t\t<div class="cg-spinner" *ngIf="!prevImage.loaded && prevImagePath"></div>\n\t</div>\n\n\t<div class="cg-image-wrap cg-curr-image" *ngIf="currImage.show">\n\t\t<img \n\t\t\t[src]="currImagePath?.full" \n\t\t\t[class.cg-hide]="!currImage.loaded" \n\t\t\t(load)="onImageLoaded(\'currImage\')"\n\t\t/>\n\t\t<div class="cg-spinner" *ngIf="!currImage.loaded"></div>\n\t</div>\n\t\n\t<div class="cg-image-wrap cg-next-image">\n\t\t<img \n\t\t\t*ngIf="nextImagePath"\n\t\t\t[src]="nextImagePath.full" \n\t\t\t[class.cg-hide]="!nextImage.loaded" \n\t\t\t(load)="onImageLoaded(\'nextImage\')"\n\t\t/>\n\t\t<div class="cg-spinner" *ngIf="!nextImage.loaded && nextImagePath"></div>\n\t</div>\n</div>',styles:['._cg-spinner,._cg-spinner:after{border-radius:50%;width:36px;height:36px}._cg-spinner{margin:0 auto;font-size:10px;position:relative;text-indent:-9999em;border-top:4px solid rgba(255,255,255,.2);border-right:4px solid rgba(255,255,255,.2);border-bottom:4px solid rgba(255,255,255,.2);border-left:4px solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:.9s linear infinite load8;animation:.9s linear infinite load8}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cg-spinner,.cg-spinner:after,.cg-spinner:before{border-radius:50%;width:10px;height:10px;-webkit-animation:1.5s ease-in-out infinite load7;animation:1.5s ease-in-out infinite load7}.cg-spinner{color:#fff;font-size:10px;margin:0 auto 20px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.cg-spinner:after,.cg-spinner:before{content:"";position:absolute;top:0}.cg-spinner:before{left:-3em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.cg-spinner:after{left:3em}@-webkit-keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,100%,80%{box-shadow:0 10px 0 -1.3em}40%{box-shadow:0 10px 0 0}}:host(.cg-show){opacity:1}:host(.cg-hide-controls) .cg-close,:host(.cg-hide-controls) .cg-next,:host(.cg-hide-controls) .cg-prev{opacity:0}:host{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s cubic-bezier(.645,.045,.355,1);z-index:10000;background-color:#000}:host .cg-back{background:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2210px%22 height%3D%2216px%22 viewBox%3D%220 0 10 16%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3C!-- Generator%3A sketchtool 40.2 (33826) - http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch --%3E %3Ctitle%3E11A73872-5EBF-46F6-B7C5-142D47A33339%3C%2Ftitle%3E %3Cdesc%3ECreated with sketchtool.%3C%2Fdesc%3E %3Cdefs%3E%3C%2Fdefs%3E %3Cg id%3D%22Interface-1280-x-800%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Lot_viewpage_open%22 transform%3D%22translate(-111.000000%2C -296.000000)%22 fill%3D%22%23FFFFFF%22%3E %3Cg id%3D%22arrows-16px-1_minimal-left%22 transform%3D%22translate(111.000000%2C 296.000000)%22%3E %3Cpolygon id%3D%22Shape%22 points%3D%228.1 15.7 0.4 8 8.1 0.3 9.6 1.7 3.3 8 9.6 14.3%22%3E%3C%2Fpolygon%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") center/12px no-repeat;width:40px;height:40px;opacity:.9;position:fixed;top:0;left:0;z-index:1000}:host .cg-wrapper.cg-landscape .cg-image-wrap img{height:100%}:host .cg-wrapper{transition:none;width:100%;height:100%;display:block}:host .cg-wrapper .cg-image-wrap.cg-prev-image{-webkit-transform:translate3d(calc(-100% - 8px),0,0);transform:translate3d(calc(-100% - 8px),0,0)}:host .cg-wrapper .cg-image-wrap.cg-next-image{-webkit-transform:translate3d(calc(100% + 8px),0,0);transform:translate3d(calc(100% + 8px),0,0)}:host .cg-wrapper .cg-image-wrap{width:100%;height:100%;text-align:center;position:absolute;display:flex;align-items:center;justify-content:center}:host .cg-wrapper .cg-image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;position:relative}:host .cg-wrapper .cg-image-wrap img.cg-hide{display:none}']}]}],e.ctorParameters=function(){return[{type:i.ElementRef},{type:i.ChangeDetectorRef}]},e.propDecorators={data:[{type:i.Input}],wrapperEl:[{type:i.ViewChild,args:["wrapper"]}],lightboxShown:[{type:i.HostBinding,args:["class.cg-show"]}],onWindowResize:[{type:i.HostListener,args:["window:resize",["$event"]]}]},e}(),r={masonry:!0,masonryMaxHeight:200,masonryGutter:4,loop:!1,index:0,backgroundOpacity:.85,counter:!1,lightboxMaxHeight:"100%",lightboxMaxWidth:"100%",animationDuration:100},a=function(){function e(e,t,i){this.componentFactoryResolver=e,this.appRef=t,this.injector=i}return Object.defineProperty(e.prototype,"isMobile",{get:function(){var e,t=!1;return e=navigator.userAgent||navigator.vendor,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0),t},enumerable:!0,configurable:!0}),e.prototype.appendComponentToBody=function(e,t){var i=this,n=this.componentFactoryResolver.resolveComponentFactory(e).create(this.injector);n.instance.data=t,this.appRef.attachView(n.hostView);var o=n.hostView.rootNodes[0];document.body.appendChild(o),n.instance.close.subscribe(function(){i.appRef.detachView(n.hostView),n.destroy()})},e.prototype.open=function(e,t){void 0===t&&(t={});var i={images:e,config:t=this.applyConfigDefaults(r,t)},n=this.getLightboxComponent();this.appendComponentToBody(n,i)},e.prototype.getLightboxComponent=function(){return this.isMobile?o:n},e.prototype.applyConfigDefaults=function(e,t){return t.index||(t.index=0),Object.assign(e,t)},e.decorators=[{type:i.Injectable}],e.ctorParameters=function(){return[{type:i.ComponentFactoryResolver},{type:i.ApplicationRef},{type:i.Injector}]},e}(),s=function(){function e(e,t){this.lightbox=e,this.elementRef=t,this.config={}}return Object.defineProperty(e.prototype,"isNgContent",{get:function(){return 0<this.contentWrapper.nativeElement.children.length},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"masonryState",{get:function(){return this.config.masonry},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"masonryMaxHeight",{get:function(){return this.config.masonryMaxHeight},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"masonryGutter",{get:function(){return this.config.masonryGutter},enumerable:!0,configurable:!0}),e.prototype.showLightbox=function(e,t){this.config.index=t,this.lightbox.open(e,this.config)},e.prototype.handleMasonryLayoutEvents=function(e){this.showLightbox(this.images,e.index)},e.decorators=[{type:i.Component,args:[{selector:"crystal-gallery",template:'<div #contentWrapper [hidden]="isNgContent">\n <ng-content></ng-content>\n</div>\n\n<masonry-layout \n class="cg-wrapper"\n *ngIf="!isNgContent" \n\n [max-height]="masonryMaxHeight" \n [gutter]="masonryGutter"\n [masonry]="masonryState"\n [class-name]="\'cg-image\'"\n [images]="images"\n (events)="handleMasonryLayoutEvents($event)"></masonry-layout>',styles:[":host{display:block;width:100%}:host .cg-wrapper{display:block;width:100%;overflow:hidden}:host .cg-wrapper.cg-show{height:auto;position:relative;display:table}:host .cg-image img{cursor:pointer;width:100%}"]}]}],e.ctorParameters=function(){return[{type:a},{type:i.ElementRef}]},e.propDecorators={images:[{type:i.Input,args:["images"]}],config:[{type:i.Input,args:["config"]}],contentWrapper:[{type:i.ViewChild,args:["contentWrapper"]}]},e}(),c=function(){function e(e){this.elementRef=e,this.GUTTER=0,this.savedNodeDimensions=[],this.gridState="not started",this.ENABLE_MASONRY=!0,this.MAX_HEIGHT=400,this.events=new i.EventEmitter,this.elem=this.elementRef.nativeElement}return Object.defineProperty(e.prototype,"gutter",{set:function(e){this.GUTTER=e/2},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isMobile",{get:function(){var e,t=!1;return e=navigator.userAgent||navigator.vendor,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))&&(t=!0),t},enumerable:!0,configurable:!0}),e.prototype.onWindowResize=function(e){var t=this;clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout(function(){t.gridState="not started",t.buildGrid()},250)},e.prototype.ngOnInit=function(){this.buildGrid()},e.prototype.ngOnChanges=function(){var e=this;clearTimeout(this.changesTimer),this.changesTimer=setTimeout(function(){e.gridState="not started",e.buildGrid()},250)},e.prototype.buildGrid=function(){var n=this,o=Math.floor(this.elem.parentNode.offsetWidth),r={startIndex:0,endIndex:0,length:0,totalWidth:0};this.images&&this.images.length&&(this.elem.style.width=o+"px",this.elem.style.display="table",this.images.forEach(function(e,t){if(0===r.totalWidth&&(r.startIndex=t,r.length=0),r.length++,r.totalWidth+=n.getComputedWidth(t),r.totalWidth>=o||n.isLastChild(t)){r.endIndex=t;var i=r.totalWidth/o;n.setColDimensions(i,r),r.totalWidth=0}}))},e.prototype.setColDimensions=function(n,o){var r=this,a=0,s=this.elem.parentNode.offsetWidth;n=n<1?1:n,this.images.forEach(function(e,t){if(!r.ENABLE_MASONRY)return e.computedHeight=r.MAX_HEIGHT+"px",e.computedWidth=r.getComputedWidth(t)+"px",void(e.margin=r.getNodeMargin(s));if(t>=o.startIndex&&t<=o.endIndex){var i=void 0;if(t===o.endIndex&&1<n?(i=100-a-2*r.GUTTER/s*100,e.computedWidth="calc("+i+"%)","not started"===r.gridState&&(r.gridState="pre-building",setTimeout(function(){r.buildGrid()},100))):(i=r.getComputedWidth(t)/n/s*100-o.length*(2*r.GUTTER)*(r.getComputedWidth(t)/n)/s/s*100,e.computedWidth="calc("+i+"%)",a+=i,a+=r.GUTTER/s*100*2),t===o.endIndex&&1===o.length&&r.isMobile)i=100-2*r.GUTTER/s*100,e.height*(s*(i/100)/e.width)/2<r.MAX_HEIGHT&&(e.computedWidth="calc("+i+"%)");e.margin=r.getNodeMargin(s),e.computedHeight=e.height*(s*(i/100)/e.width)+"px"}})},e.prototype.getComputedWidth=function(e){return this.images[e].width/(this.images[e].height/this.MAX_HEIGHT)},e.prototype.isLastChild=function(e){return e+1===this.images.length},e.prototype.getNodeMargin=function(e){return"calc("+this.GUTTER/e*100+"%)"},e.prototype.clickOnImage=function(e,t){this.events.emit({type:"click-on-image",image:e,index:t})},e.prototype.onImageLoaded=function(e){e.style.opacity=1},e.decorators=[{type:i.Component,args:[{selector:"masonry-layout",template:'<div \n\t[ngClass]="CLASS_NAME"\n\t*ngFor="let image of images; let i = index;"\n [style.width]="image.computedWidth"\n [style.height]="image.computedHeight"\n [style.float]="\'left\'"\n [style.margin]="image.margin"\n [style.background]="\'#eeeeee\'"\n [style.lineHeight]="0">\n\t<img \n #imageElem\n [src]="image.preview || image.full" \n [style.width.%]="100" \n [style.height]="\'auto\'"\n [style.opacity]="0"\n (click)="clickOnImage(image, i)"\n (load)="onImageLoaded(imageElem)" />\n</div>'}]}],e.ctorParameters=function(){return[{type:i.ElementRef}]},e.propDecorators={images:[{type:i.Input,args:["images"]}],ENABLE_MASONRY:[{type:i.Input,args:["masonry"]}],MAX_HEIGHT:[{type:i.Input,args:["max-height"]}],CLASS_NAME:[{type:i.Input,args:["class-name"]}],gutter:[{type:i.Input,args:["gutter"]}],events:[{type:i.Output}],onWindowResize:[{type:i.HostListener,args:["window:resize",["$event"]]}]},e}(),p=function(){function e(e){this.elementRef=e,this.scale=1,this.initialScale=1,this.moveX=0,this.moveY=0,this.initialMoveX=0,this.initialMoveY=0,this.isNextImageLoaded=!0,this.events=new i.EventEmitter,this.elem=this.elementRef.nativeElement}return e.prototype.touchstartHandler=function(e){this.elem.style.transformOrigin="0 0"},e.prototype.touchmoveHandler=function(e){if(1===e.touches.length&&1===this.scale&&!this.eventType||"swipe"==this.eventType){if(e.preventDefault(),!this.isNextImageLoaded)return;this.eventType||(this.startX=e.touches[0].pageX,this.startY=e.touches[0].pageY),this.eventType="swipe",this.moveX=this.initialMoveX+(e.touches[0].pageX-this.startX),this.moveY=0,this.transformElem(0)}},e.prototype.touchendHandler=function(e){var t=e.touches;this.elem.getElementsByTagName("img")[0];this.isNextImageLoaded&&(this.scale<1&&(this.scale=1),0<this.moveY&&(this.moveY=0),100<this.moveX?this.slide("prev"):this.moveX<-100?this.slide("next"):this.moveX=0,this.initialScale=this.scale,this.initialMoveX=this.moveX,this.initialMoveY=this.moveY,this.transformElem(200),this.eventType="touchend",0==t.length&&(this.eventType=""))},e.prototype.slide=function(e){var t=this;this.onSlide(e),"prev"===e&&(this.moveX=window.innerWidth+8,this.isFirst&&(this.moveX=0)),"next"===e&&(this.moveX=-window.innerWidth-8,this.isLast&&(this.moveX=0)),this.isNextImageLoaded=!1,setTimeout(function(){t.moveX=0,t.initialMoveX=0,t.isNextImageLoaded=!0},200)},e.prototype.onSlide=function(e){this.events.emit(e)},e.prototype.transformElem=function(e){void 0===e&&(e=50);var t="matrix("+Number(this.scale)+",0,0,"+Number(this.scale)+","+Number(this.moveX)+","+Number(this.moveY)+")";this.elem.style.transition="all "+e+"ms",this.elem.style.transform=t,this.elem.style.webkitTransform=t},e.decorators=[{type:i.Directive,args:[{selector:"[pinch]"}]}],e.ctorParameters=function(){return[{type:i.ElementRef}]},e.propDecorators={isLast:[{type:i.Input}],isFirst:[{type:i.Input}],events:[{type:i.Output}],touchstartHandler:[{type:i.HostListener,args:["touchstart",["$event"]]}],touchmoveHandler:[{type:i.HostListener,args:["touchmove",["$event"]]}],touchendHandler:[{type:i.HostListener,args:["touchend",["$event"]]}]},e}(),g=function(){function e(){}return e.decorators=[{type:i.NgModule,args:[{declarations:[n,o,s,c,p],imports:[t.CommonModule],exports:[s],providers:[a],bootstrap:[],entryComponents:[n,o]}]}],e}();e.CrystalLightbox=a,e.GalleryComponent=s,e.CrystalGalleryModule=g,e.LightboxComponent=n,e.LightboxMobileComponent=o,e.MasonryLayoutComponent=c,e.ɵa=p,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ngx-crystal-gallery.umd.min.js.map