(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"],{ /***/ 0: /*!***************************!*\ !*** multi ./src/main.ts ***! \***************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { module.exports = __webpack_require__(/*! C:\Users\Bond_\Documents\fishwebsite\electric-thor-fish\src\main.ts */"zUnb"); /***/ }), /***/ "7Pzn": /*!**********************************************!*\ !*** ./src/app/ivybox-ng8+/event.service.ts ***! \**********************************************/ /*! exports provided: EventService */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EventService", function() { return EventService; }); /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rxjs */ "qCKp"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL"); class EventService { constructor() { this.emitter = new rxjs__WEBPACK_IMPORTED_MODULE_0__["ReplaySubject"](1); } emitChangeEvent(data) { this.emitter.next(data); } } EventService.ɵfac = function EventService_Factory(t) { return new (t || EventService)(); }; EventService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: EventService, factory: EventService.ɵfac }); /***/ }), /***/ "AytR": /*!*****************************************!*\ !*** ./src/environments/environment.ts ***! \*****************************************/ /*! exports provided: environment */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "environment", function() { return environment; }); // This file can be replaced during build by using the `fileReplacements` array. // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`. // The list of file replacements can be found in `angular.json`. const environment = { production: false }; /* * For easier debugging in development mode, you can import the following file * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. * * This import should be commented out in production mode because it will have a negative impact * on performance if an error is thrown. */ // import 'zone.js/dist/zone-error'; // Included with Angular CLI. /***/ }), /***/ "BPwi": /*!************************************************!*\ !*** ./src/app/overview/overview.component.ts ***! \************************************************/ /*! exports provided: OverviewComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OverviewComponent", function() { return OverviewComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _ivybox_ng8_lightbox_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ivybox-ng8+/lightbox.module */ "IsM0"); class OverviewComponent { constructor(lightBox) { this.lightBox = lightBox; this.lightbox = lightBox; } ngOnInit() { } } OverviewComponent.ɵfac = function OverviewComponent_Factory(t) { return new (t || OverviewComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_ivybox_ng8_lightbox_module__WEBPACK_IMPORTED_MODULE_1__["CrystalLightboxModule"])); }; OverviewComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: OverviewComponent, selectors: [["app-overview"]], decls: 14, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "well", "text-center"], [1, "col-md-12"], [1, "row", 2, "display", "flex", "justify-content", "center"], ["src", "https://albumizr.com/a/S5Ot", "scrolling", "no", "frameborder", "0", "allowfullscreen", "", "width", "850", "height", "500"], [1, "card-footer"]], template: function OverviewComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Overview"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "The Electric Thor Fish is a very intersting and special medium sized flat salt water fish that is often colored brown, grey and other darker colors. Their bodies are often marbled. It has 4 fins not counting its caudal tail fin."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10, "Photos and Videos:"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "iframe", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](13, "div", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "CZ47": /*!**********************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox-common.component.ts ***! \**********************************************************/ /*! exports provided: LightboxCommonComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LightboxCommonComponent", function() { return LightboxCommonComponent; }); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "W3Xe"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _event_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./event.service */ "7Pzn"); const _c0 = ["imageFirst"]; const _c1 = ["imageSecond"]; const _c2 = ["imageLast"]; const _c3 = ["lightboxImage"]; class LightboxCommonComponent { constructor(eventService) { this.eventService = eventService; this.currentImageIndex = 0; this.indexCurrentSlide = 1; this.containerStyles = { transition: '', transform: '', width: '', height: '', opacity: '' }; this.currImageLoadingState = 'not-loaded'; this.isMobile = _utils__WEBPACK_IMPORTED_MODULE_0__["Utils"].mobileCheck(); } get lightboxImage() { if (this.isMobile && this.properties.gestureEnable) { const imagePositions = ['_imageFirst', '_imageSecond', '_imageLast']; return this[imagePositions[this.indexCurrentSlide]]; } else { return this._lightboxImage; } } get lightboxImageElement() { if (this.lightboxImage) { return this.lightboxImage.nativeElement; } } get lightboxImageNaturalHeight() { if (this.lightboxImageElement) { return this.lightboxImageElement.naturalHeight; } } get lightboxImageNaturalWidth() { if (this.lightboxImageElement) { return this.lightboxImageElement.naturalWidth; } } get index() { return this.currentImageIndex; } get properties() { return this.lightboxData.properties; } get images() { return this.lightboxData.images || [this.lightboxData.image]; } get thumbnailImage() { return this.images[this.currentImageIndex].nativeElement; } get thumbnailImagePosition() { return this.thumbnailImage.getBoundingClientRect(); } // Image size if it is larger than the window size get virtualImageDimension() { let height = this.lightboxImageNaturalHeight; let width = height * this.imageAspectRatio; const windowWidth = document.body.clientWidth; const windowHeight = window.innerHeight; if (this.isImageLargerWindow) { if (height > windowHeight) { height = windowHeight; width = height * this.imageAspectRatio; } if (width > windowWidth) { width = windowWidth; height = width / this.imageAspectRatio; } } else { width = this.lightboxImageNaturalWidth; height = this.lightboxImageNaturalHeight; } if (width === 0 || Number.parseInt(height) === 0) { return { width: 200, height: 200 }; } return { width, height }; } get containerInitialPosition() { const scale = (this.showState === 'initial-thumbnail-image') ? 1 : this.containerScale; const top = this.thumbnailImagePosition.top; const left = this.thumbnailImagePosition.left; return 'matrix(' + scale + ', 0, 0, ' + scale + ',' + left + ',' + top + ')'; } get containerFullscreenPosition() { const left = (document.body.clientWidth - this.virtualImageDimension.width) / 2; const top = (window.innerHeight - this.virtualImageDimension.height) / 2; return 'translate3d(' + left + 'px, ' + top + 'px, 0)'; } get containerScale() { return this.thumbnailImagePosition.width / this.virtualImageDimension.width; } get imageAspectRatio() { return this.thumbnailImage.naturalWidth / this.thumbnailImage.naturalHeight; } get isImageLargerWindow() { const imageNaturalWidth = this.lightboxImageNaturalWidth; const imageNaturalHeight = this.lightboxImageNaturalHeight; const windowWidth = document.body.clientWidth; const windowHeight = window.innerHeight; return imageNaturalWidth > windowWidth || imageNaturalHeight > windowHeight; } get isFirstImage() { if (this.properties.loop) { return false; } else { return this.index === 0; } } get isLastImage() { if (this.properties.loop) { return false; } else { return this.index === this.latestImageIndex; } } get latestImageIndex() { return this.images.length - 1; } get backgroundColor() { const opacity = this.properties.backgroundOpacity; const color = this.properties.backgroundColor; if (color === 'black') { return 'rgba(0, 0, 0, ' + opacity + ')'; } else { return 'rgba(255, 255, 255, ' + opacity + ')'; } } get animationDuration() { const animationDuration = this.properties.animationDuration; if (typeof animationDuration === "string") { return Number.parseInt(animationDuration); } else { return animationDuration; } } get animationMode() { if (this.currImageLoadingState === 'error') { return 'default'; } return this.properties.animationMode; } get animationTimingFunction() { return this.properties.animationTimingFunction; } get closeButtonText() { return this.properties.closeButtonText; } get counterSeparator() { return this.properties.counterSeparator; } get counter() { return this.currentImageIndex + 1 + this.counterSeparator + this.images.length; } emitState(type, state) { if (state === 'initial-virtual-image' || state === 'initial-styles') { return; } if (state === 'initial-default' || state === 'initial-thumbnail-image') { state = 'initial'; } this.eventService.emitChangeEvent({ type: type + ':' + state }); } setShowState(state) { this.showState = state; this.emitState('show-state', state); } setClosingState(state) { this.closingState = state; this.emitState('closing-state', state); } setAnimationDuration() { this.hostStyleTransition = 'background-color ' + this.animationDuration + 'ms'; this.containerStyles.transition = 'all ' + this.animationDuration + 'ms ' + this.animationTimingFunction; } setBackgroundColor() { this.hostStyleBackgroundColor = this.backgroundColor; } getContainerHeight() { return this.thumbnailImagePosition.height / this.containerScale + 'px'; } showThumbnailImage() { this.thumbnailImage.style.opacity = ''; } hideThumbnailImage() { this.thumbnailImage.style.opacity = 0; } updateThumbnailPosition() { this.containerStyles.transform = this.containerInitialPosition; } } LightboxCommonComponent.ɵfac = function LightboxCommonComponent_Factory(t) { return new (t || LightboxCommonComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_event_service__WEBPACK_IMPORTED_MODULE_2__["EventService"])); }; LightboxCommonComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: LightboxCommonComponent, selectors: [["lightbox-common"]], viewQuery: function LightboxCommonComponent_Query(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c0, 1); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c1, 1); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c2, 1); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c3, 3); } if (rf & 2) { let _t; _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx._imageFirst = _t.first); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx._imageSecond = _t.first); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx._imageLast = _t.first); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx._lightboxImage = _t.first); } }, hostVars: 4, hostBindings: function LightboxCommonComponent_HostBindings(rf, ctx) { if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstyleProp"]("background-color", ctx.hostStyleBackgroundColor)("transition", ctx.hostStyleTransition); } }, inputs: { lightboxData: "lightboxData" }, decls: 0, vars: 0, template: function LightboxCommonComponent_Template(rf, ctx) { }, encapsulation: 2 }); /***/ }), /***/ "HlL9": /*!**********************************************!*\ !*** ./src/app/defense/defense.component.ts ***! \**********************************************/ /*! exports provided: DefenseComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DefenseComponent", function() { return DefenseComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class DefenseComponent { constructor() { } ngOnInit() { } } DefenseComponent.ɵfac = function DefenseComponent_Factory(t) { return new (t || DefenseComponent)(); }; DefenseComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: DefenseComponent, selectors: [["app-defense"]], decls: 11, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "well", "text-center"], ["src", "../../assets/image/tenor.gif"], [1, "card-footer"]], template: function DefenseComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Defense"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "The ETF uses its marbled smooth body to hide itself in rocky areas from its predators.If its camoflauge fails and is found, it can send an electric shock through its body to chase the predators away.It can hold this shocking sensation for as long as it feels threatened.If the ETF is in the open sea, it can use its hammer-shaped eyes to see almost 360 degrees around it, therefore making it harder to sneak up on it.Its body is also relitively flat so it can turn and corner very easily to get away faster. "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "img", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "IsM0": /*!************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox.module.ts ***! \************************************************/ /*! exports provided: CrystalLightboxModule */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CrystalLightboxModule", function() { return CrystalLightboxModule; }); /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "ofXK"); /* harmony import */ var _lightbox_common_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lightbox-common.component */ "CZ47"); /* harmony import */ var _lightbox_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lightbox.component */ "rf5W"); /* harmony import */ var _lightbox_touchscreen_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./lightbox-touchscreen.component */ "XsIO"); /* harmony import */ var _lightbox_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lightbox.service */ "RILs"); /* harmony import */ var _event_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./event.service */ "7Pzn"); /* harmony import */ var _pinch_zoom_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./pinch-zoom.component */ "z4eR"); /* harmony import */ var _lightbox_directive__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./lightbox.directive */ "ly5r"); /* harmony import */ var _lightbox_group_directive__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./lightbox-group.directive */ "jKXA"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/core */ "fXoL"); //import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; class CrystalLightboxModule { } CrystalLightboxModule.ɵfac = function CrystalLightboxModule_Factory(t) { return new (t || CrystalLightboxModule)(); }; CrystalLightboxModule.ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdefineNgModule"]({ type: CrystalLightboxModule }); CrystalLightboxModule.ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdefineInjector"]({ providers: [ _lightbox_service__WEBPACK_IMPORTED_MODULE_4__["CrystalLightbox"], _event_service__WEBPACK_IMPORTED_MODULE_5__["EventService"] ], imports: [[ _angular_common__WEBPACK_IMPORTED_MODULE_0__["CommonModule"], ]] }); (function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵsetNgModuleScope"](CrystalLightboxModule, { declarations: [_lightbox_common_component__WEBPACK_IMPORTED_MODULE_1__["LightboxCommonComponent"], _lightbox_component__WEBPACK_IMPORTED_MODULE_2__["LightboxComponent"], _lightbox_touchscreen_component__WEBPACK_IMPORTED_MODULE_3__["LightboxTouchscreenComponent"], _pinch_zoom_component__WEBPACK_IMPORTED_MODULE_6__["PinchZoomComponent"], _lightbox_directive__WEBPACK_IMPORTED_MODULE_7__["LightboxDirective"], _lightbox_group_directive__WEBPACK_IMPORTED_MODULE_8__["LightboxGroupDirective"]], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_0__["CommonModule"]], exports: [_lightbox_directive__WEBPACK_IMPORTED_MODULE_7__["LightboxDirective"], _lightbox_group_directive__WEBPACK_IMPORTED_MODULE_8__["LightboxGroupDirective"], _pinch_zoom_component__WEBPACK_IMPORTED_MODULE_6__["PinchZoomComponent"]] }); })(); /***/ }), /***/ "IwoZ": /*!**********************************************!*\ !*** ./src/app/feeding/feeding.component.ts ***! \**********************************************/ /*! exports provided: FeedingComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FeedingComponent", function() { return FeedingComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class FeedingComponent { constructor() { } ngOnInit() { } } FeedingComponent.ɵfac = function FeedingComponent_Factory(t) { return new (t || FeedingComponent)(); }; FeedingComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: FeedingComponent, selectors: [["app-feeding"]], decls: 67, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "table", "table-striped", "table-primary"], ["scope", "col"], ["scope", "row"], ["src", "../../assets/image/mackerel.png", "width", "225px"], ["src", "../../assets/image/flounder.png", "width", "225px"], ["src", "../../assets/image/haddock.png", "width", "225px"], ["src", "../../assets/image/algae.jpg", "width", "225px"], [1, "card-footer"]], template: function FeedingComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Feeding Habits"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "There are many naturally occuring food sources for the Electric Thor Fish. The ETF is an Omnivore (meaning that their diet consists of meat and plants). The ETF is an ambush hunter that utilizes environmental camouflage to wait for an oportune moment to strike its prey. This is to reduce the amount of energy and the amount of risk related to obtaining prey. A short table below lists known food sources."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "table", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "thead"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "tr"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "th", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "#"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "th", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, "Food Source Name"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "th", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16, "Plant or animal"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "th", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "Size"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "th", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](20, "Image"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "tbody"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "tr"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "th", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](24, "1"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](26, "Mackerel"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](28, "Animal"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](29, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](30, "35cm - 70cm"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](32, "img", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](33, "tr"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](34, "th", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](35, "2"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](36, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](37, "Flounder"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](38, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](39, "Animal"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](41, "30cm - 60cm"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](42, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](43, "img", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](44, "tr"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](45, "th", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](46, "3"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](47, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](48, "Haddock"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](49, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](50, "Animal"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](51, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](52, "50cm - 100cm"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](53, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](54, "img", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](55, "tr"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](56, "th", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](57, "4"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](58, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](59, "Green Algae"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](60, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](61, "Plant"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](62, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](63, "N/A"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](64, "td"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](65, "img", 12); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](66, "div", 13); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "LKPH": /*!***************************************************!*\ !*** ./src/app/ivybox-ng8+/default-properties.ts ***! \***************************************************/ /*! exports provided: DefaultProperties */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DefaultProperties", function() { return DefaultProperties; }); const DefaultProperties = { loop: false, index: 0, counter: false, imageMaxHeight: "100%", imageMaxWidth: "100%", animationDuration: 350, animationMode: 'zoom-preloader', animationTimingFunction: 'cubic-bezier(0.475, 0.105, 0.445, 0.945)', closeButtonText: 'Close', counterSeparator: '/', disable: false, simpleMode: false, backgroundColor: 'black', backgroundOpacity: 1, hideThumbnail: true, gestureEnable: true }; /***/ }), /***/ "OHVT": /*!********************************************************!*\ !*** ./src/app/reproduction/reproduction.component.ts ***! \********************************************************/ /*! exports provided: ReproductionComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReproductionComponent", function() { return ReproductionComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class ReproductionComponent { constructor() { } ngOnInit() { } } ReproductionComponent.ɵfac = function ReproductionComponent_Factory(t) { return new (t || ReproductionComponent)(); }; ReproductionComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: ReproductionComponent, selectors: [["app-reproduction"]], decls: 26, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "list-group"], [1, "d-flex", "w-100", "justify-content-between"], [1, "mb-1"], ["src", "../../assets/image/silohette fish.gif", "width", "20%"], ["src", "../../assets/image/explicit.gif", "width", "20%"], ["src", "../../assets/image/fish.gif", "width", "20%"], [1, "card-footer"]], template: function ReproductionComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Reproduction"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "h5", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "Attracting A Mate \u00A0\u00A0 "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "img", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "p", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "To attract its mate the Male ETF will make a show of discharging electricity in close proximity to the female. The female is sensitive to small changes in electrical charge. Male ETF's will become territorial over area females and will engage in ramming any other males in the vicinity."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "h5", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "Mating\u00A0\u00A0 "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](16, "img", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "p", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "After the wooing has completed, the victor approaches his prize. Upon a close distance being reached, the pair circle around one another signifying that they will be mated. Sperm injection is accomplished utilizing an inverted posture that aligns the appropriate glands for the exchange of biologic fluid."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "h5", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](21, "Birth\u00A0\u00A0 "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](22, "img", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "p", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](24, "The female carries the offspring until the fullness of gestation has completed (5 Months on average). The average number of offspring for each pregnancy is 10. Immediately upon birth the offspring are completely independent of the mother.The baby ETF's are almost completely developed, but not fully. They will take another month outside the womb to fully develop."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](25, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "RILs": /*!*************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox.service.ts ***! \*************************************************/ /*! exports provided: CrystalLightbox */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CrystalLightbox", function() { return CrystalLightbox; }); /* harmony import */ var _lightbox_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lightbox.component */ "rf5W"); /* harmony import */ var _lightbox_touchscreen_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lightbox-touchscreen.component */ "XsIO"); /* harmony import */ var _default_properties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./default-properties */ "LKPH"); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "W3Xe"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ "fXoL"); class CrystalLightbox { constructor(componentFactoryResolver, appRef, injector) { this.componentFactoryResolver = componentFactoryResolver; this.appRef = appRef; this.injector = injector; } appendComponentToBody(component, lightboxData) { this.componentRef = this.componentFactoryResolver .resolveComponentFactory(component) .create(this.injector); // Pass custom data this.componentRef.instance.lightboxData = lightboxData; this.appRef.attachView(this.componentRef.hostView); const domElem = this.componentRef.hostView.rootNodes[0]; // Add to body document.body.appendChild(domElem); // Subscribe to events this.componentRef.instance.events.subscribe((event) => { this.handleEvents(event); }); } handleEvents(event) { if (event.type === 'close') { this.close(); } } open(lightboxData) { lightboxData.properties = this.applyPropertieDefaults(_default_properties__WEBPACK_IMPORTED_MODULE_2__["DefaultProperties"], lightboxData.properties); this.isMobile = _utils__WEBPACK_IMPORTED_MODULE_3__["Utils"].mobileCheck(); let component = this.getLightboxComponent(lightboxData.properties); this.appendComponentToBody(component, lightboxData); } close() { this.appRef.detachView(this.componentRef.hostView); this.componentRef.destroy(); } getLightboxComponent(properties) { return (this.isMobile && properties.gestureEnable) ? _lightbox_touchscreen_component__WEBPACK_IMPORTED_MODULE_1__["LightboxTouchscreenComponent"] : _lightbox_component__WEBPACK_IMPORTED_MODULE_0__["LightboxComponent"]; } applyPropertieDefaults(defaultProperties, properties) { if (!properties) { properties = {}; } if (!properties.index) { properties.index = 0; } this._defaultProperties = Object.assign({}, defaultProperties); return Object.assign(this._defaultProperties, properties); } } CrystalLightbox.ɵfac = function CrystalLightbox_Factory(t) { return new (t || CrystalLightbox)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ComponentFactoryResolver"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["Injector"])); }; CrystalLightbox.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjectable"]({ token: CrystalLightbox, factory: CrystalLightbox.ɵfac }); /***/ }), /***/ "Sy1n": /*!**********************************!*\ !*** ./src/app/app.component.ts ***! \**********************************/ /*! exports provided: AppComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppComponent", function() { return AppComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _navbar_navbar_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./navbar/navbar.component */ "kWWo"); /* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "tyNb"); class AppComponent { constructor() { this.title = 'electric-thor-fish'; } } AppComponent.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(); }; AppComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: AppComponent, selectors: [["app-root"]], decls: 4, vars: 0, template: function AppComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "body"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "app-navbar"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "router-outlet"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "footer"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, directives: [_navbar_navbar_component__WEBPACK_IMPORTED_MODULE_1__["NavbarComponent"], _angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterOutlet"]], styles: ["html[_ngcontent-%COMP%], body[_ngcontent-%COMP%]{\r\n background-image: url('download.jpeg');\r\n background-size: cover;\r\n background-size: 100% 100%;\r\n height: 100%;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksc0NBQW9EO0lBQ3BELHNCQUFzQjtJQUN0QiwwQkFBMEI7SUFDMUIsWUFBWTtBQUNoQiIsImZpbGUiOiJhcHAuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImh0bWwsYm9keXtcclxuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9hc3NldHMvaW1hZ2UvZG93bmxvYWQuanBlZyk7XHJcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xyXG4gICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbn0iXX0= */"] }); /***/ }), /***/ "W3Xe": /*!**************************************!*\ !*** ./src/app/ivybox-ng8+/utils.ts ***! \**************************************/ /*! exports provided: Utils */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Utils", function() { return Utils; }); class Utils { static mobileCheck() { var check = false; (function (a) { if (/(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(a) || /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(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor); return check; } ; } /***/ }), /***/ "XsIO": /*!***************************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox-touchscreen.component.ts ***! \***************************************************************/ /*! exports provided: LightboxTouchscreenComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LightboxTouchscreenComponent", function() { return LightboxTouchscreenComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _pinch_zoom_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pinch-zoom.component */ "z4eR"); /* harmony import */ var _lightbox_common_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lightbox-common.component */ "CZ47"); /* harmony import */ var _event_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./event.service */ "7Pzn"); /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "ofXK"); const _c0 = ["wrapper"]; function LightboxTouchscreenComponent_div_1_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r0.counter); } } function LightboxTouchscreenComponent_div_3_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 12); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 13); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } } function LightboxTouchscreenComponent_img_7_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "img", 14, 15); } if (rf & 2) { const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("src", ctx_r3.slidePath("first"), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]); } } function LightboxTouchscreenComponent_div_9_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "div", 13); } } function LightboxTouchscreenComponent_div_10_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 16); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "Failed to load image"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } } function LightboxTouchscreenComponent_img_11_Template(rf, ctx) { if (rf & 1) { const _r11 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "img", 17, 18); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("load", function LightboxTouchscreenComponent_img_11_Template_img_load_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r11); const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return ctx_r10.onImageLoaded("curr"); })("error", function LightboxTouchscreenComponent_img_11_Template_img_error_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r11); const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return ctx_r12.onImageError($event); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("lightbox-hide", ctx_r6.currImageLoadingState !== "uploaded"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("src", ctx_r6.slidePath("second"), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]); } } function LightboxTouchscreenComponent_img_13_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "img", 14, 19); } if (rf & 2) { const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("src", ctx_r7.slidePath("last"), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]); } } class LightboxTouchscreenComponent extends _lightbox_common_component__WEBPACK_IMPORTED_MODULE_2__["LightboxCommonComponent"] { constructor(elementRef, ref, eventService) { super(eventService); this.elementRef = elementRef; this.ref = ref; this.eventService = eventService; this.preloaderTimeout = 100; this.minTimeout = 30; this.firstSlidePositions = ['curr-image', 'prev-image', 'next-image']; this.secondSlidePositions = ['next-image', 'curr-image', 'prev-image']; this.lastSlidePositions = ['prev-image', 'next-image', 'curr-image']; this.events = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"](); this.hostShown = false; } get currentImage() { const imagePositions = ['_imageFirst', '_imageSecond', '_imageLast']; return this[imagePositions[this.indexCurrentSlide]]; } get currentImageElement() { if (this.currentImage) { return this.currentImage.nativeElement; } } /* get currentImageNaturalHeight(){ if (this.currentImageElement){ return this.currentImageElement.naturalHeight; } } get currentImageNaturalWidth(){ if (this.currentImageElement){ return this.currentImageElement.naturalWidth; } } */ get isLandscape() { return window.innerWidth > window.innerHeight; } get firstSlidePosition() { return this.firstSlidePositions[this.indexCurrentSlide]; } get secondSlidePosition() { return this.secondSlidePositions[this.indexCurrentSlide]; } get lastSlidePosition() { return this.lastSlidePositions[this.indexCurrentSlide]; } slidePath(_position) { const position = '_' + _position + 'Slide'; if (this[position]) { let path; let image = this[position]; if (image.fullImage && image.fullImage.path) { path = image.fullImage.path; } else if (image.thumbnailImage && image.thumbnailImage.path) { path = image.thumbnailImage.path; } else if (image.path) { path = image.path; } return path; } } get hostLightTheme() { return this.properties.backgroundColor === 'white'; } onWindowResize(event) { this.landscapeMode = this.isLandscape; this.ref.detectChanges(); } transitionEnd(event) { if (event.propertyName === "transform" && this.hostAnimation) { this.hostAnimation = false; } } scrolling() { if (this.showState === 'initial-thumbnail-image' || this.showState === 'initial-virtual-image' || this.closingState === 'animation') { this.updateThumbnailPosition(); } } ngOnInit() { this.currentImageIndex = this.properties.index; this.initialization(); this.setInitialSlidePositions(); } ngAfterViewInit() { this.pinchZoom = this.pinchZoomComponent.find(elem => elem.id === "pinch-zoom"); setTimeout(() => { if (this.currImageLoadingState === 'not-loaded') { this.currImageLoadingState = 'loading'; } }, this.preloaderTimeout); // Mode: default if (this.animationMode === 'default') { setTimeout(() => { this.startOpeningAnimation(); }, this.minTimeout); } } initialization() { this.setInitialContainerStyles(this.animationMode); } setInitialContainerStyles(mode) { switch (mode) { case 'default': this.setShowState('initial-default'); this.containerStyles = { transform: 'translate3d(0, 0, 0)', height: '100%' }; // next step: AfterViewInit -> startOpeningAnimation() break; case 'zoom-preloader': this.setShowState('initial-thumbnail-image'); this.containerStyles = { transform: this.containerInitialPosition, height: this.thumbnailImagePosition.height + 'px', width: this.thumbnailImagePosition.width + 'px' }; // The image is hidden when onImageLoaded() is called // next step: AfterViewInit -> startOpeningAnimation() break; } } setInitialSlidePositions() { this._firstSlide = this.images[this.currentImageIndex - 1]; this._secondSlide = this.images[this.currentImageIndex]; this._lastSlide = this.images[this.currentImageIndex + 1]; } /* initialLightboxThumbnailImage(){ this.setShowState('initial-thumbnail-image'); this.containerStyles = { transform: this.containerInitialPosition, height: this.thumbnailImagePosition.height + 'px', width: this.thumbnailImagePosition.width + 'px' } // The image is hidden when onImageLoaded() is called // next step: AfterViewInit -> startOpeningAnimation() } initialLightboxDefault(){ this.setShowState('initial-default'); this.containerStyles = { transform: 'translate3d(0, 0, 0)', height: '100%' } // next step: AfterViewInit -> startOpeningAnimation() } */ setVirtualImageStyles() { this.setShowState('initial-virtual-image'); this.containerStyles = { transform: this.containerInitialPosition, height: this.virtualImageDimension.height + 'px', width: this.virtualImageDimension.width + 'px' }; // next step: handleImageLoad() -> startOpeningAnimation() } startOpeningAnimation() { this.hostAnimation = true; this.setShowState('animation'); this.hostShown = true; this.setBackgroundColor(); this.setAnimationDuration(); // Transforming to full size if (this.animationMode === 'zoom-preloader' && this.currImageLoadingState !== 'error') { this.containerStyles.transform = this.containerFullscreenPosition; } // next step: transitionEnd } finishOpeningAnimation() { this.setShowState('animation-end'); this.containerStyles = { transform: 'translate3d(0, 0, 0)', height: '100%', width: '100%', }; } close() { // In the future, transfer the transformation inside pinch-zoom this.setClosingState('initial'); if (this.pinchZoom.scale > 1) { this.pinchZoom.resetScale(); this.setClosingState('reset-scale'); } if (this.closingState === 'initial') { this.startClosingAnimation(); } } startClosingAnimation() { this.setClosingState('initial-styles'); this.hostShown = false; if (this.animationMode === 'zoom-preloader') { this.containerStyles = { transform: this.containerFullscreenPosition, height: this.virtualImageDimension.height + 'px', width: this.virtualImageDimension.width + 'px', }; this.hostStyleBackgroundColor = ''; } setTimeout(() => { this.setClosingState('animation'); this.hostAnimation = true; switch (this.animationMode) { case 'zoom-preloader': this.containerStyles.transform = this.containerInitialPosition; this.setAnimationDuration(); break; case 'default': this.containerStyles.opacity = '0'; break; } }, this.minTimeout); // next step: handleLightboxTransitionEnd if (this.animationDuration === 0) { this.finishClosingAnimation(); } } finishClosingAnimation() { this.setClosingState('animation-end'); this.events.emit({ type: 'close' }); if (this.animationMode === 'zoom-preloader') { this.showThumbnailImage(); } } onImageLoaded(elem) { if (elem = "curr") { /* if (this.animationMode === 'zoom-preloader'){ this.hideThumbnailImage(); } */ } if (this.animationMode === 'zoom-preloader' && this.showState === 'initial-thumbnail-image') { this.setVirtualImageStyles(); setTimeout(() => { this.startOpeningAnimation(); this.currImageLoadingState = 'uploaded'; if (this.properties.hideThumbnail) { this.hideThumbnailImage(); } }, this.minTimeout); } /* if (this.showState === 'animation-end'){ this.currImageLoadingState = 'uploaded'; // Выполнять только при анимации открытия if (this.properties.hideThumbnail){ this.hideThumbnailImage(); } } */ //this.currImageLoadingState = 'uploaded'; } onImageError(event) { this.currImageLoadingState = 'error'; this.setInitialContainerStyles('default'); setTimeout(() => { this.startOpeningAnimation(); }, this.minTimeout); } handlePinchEvents(event) { if (event.type === 'horizontal-swipe') { this.moveX = event.moveX; } if (event.type === 'vertical-swipe') { this.moveY = event.moveY; } if (event.type === 'swipe') { } if (event.type === 'touchend') { this.handlePinchTouchendEvent(); } if (event.type === 'transitionend') { this.handlePinchTransitionEnd(); } } handlePinchTouchendEvent() { this.slideDirection = this.detectSlide(this.moveX); this.verticalSwipeDirection = this.detectVerticalSwipe(this.moveY); this.handleSlide(this.slideDirection); this.handleVerticalSwipe(this.verticalSwipeDirection); } // Determine the direction of the slide from the moveX value obtained with 'horizontal-swipe' detectSlide(moveX) { if (moveX > 50) { return "right"; } else if (moveX < -50) { return "left"; } else { return undefined; } } detectVerticalSwipe(moveY) { if (moveY > 100) { return "top"; } else if (moveY < -100) { return "bottom"; } else { return undefined; } } handleSlide(direction) { let moveX = window.innerWidth; if (direction) { this.moveX = 0; if (direction === 'left') { if (this.isLastImage) { this.pinchZoom.alignImage(); } else { this.pinchZoom.setMoveX(-moveX); this.showThumbnailImage(); } } if (direction === 'right') { if (this.isFirstImage) { this.pinchZoom.alignImage(); } else { this.pinchZoom.setMoveX(moveX); this.showThumbnailImage(); } } } else { this.pinchZoom.alignImage(); } } handleVerticalSwipe(direction) { if (direction) { this.moveY = 0; if (direction === 'top' || direction === 'bottom') { this.close(); } } else { //this.pinchZoom.alignImage(); } } /* * Transition End */ handleLightboxTransitionEnd(event) { if (this.showState === 'animation') { this.finishOpeningAnimation(); } // Last close step if (this.closingState === 'animation') { this.finishClosingAnimation(); } } handlePinchTransitionEnd() { if (this.slideDirection) { this.handleSlideTransitionEnd(); } if (this.closingState === 'reset-scale') { this.startClosingAnimation(); } } handleSlideTransitionEnd() { // Last slide if (this.slideDirection === 'left' && this.isLastImage) { return; } // First slide if (this.slideDirection === 'right' && this.isFirstImage) { return; } this.pinchZoom.setMoveX(0, 0); this.setSlidePosition(this.slideDirection); this.replaceImages(this.slideDirection); this.slideDirection = undefined; if (this.properties.hideThumbnail) { this.hideThumbnailImage(); } this.ref.detectChanges(); } /* * Image substitution, used after slide animation. * Need to call upon transitionEnd. */ replaceImages(direction) { if (direction === 'left' && !this.isLastImage) { this.currentImageIndex++; } if (direction === 'right' && !this.isFirstImage) { this.currentImageIndex--; } if (this.indexCurrentSlide === 0) { this._secondSlide = this.images[this.currentImageIndex + 1]; this._lastSlide = this.images[this.currentImageIndex - 1]; } if (this.indexCurrentSlide === 1) { this._firstSlide = this.images[this.currentImageIndex - 1]; this._lastSlide = this.images[this.currentImageIndex + 1]; } if (this.indexCurrentSlide === 2) { this._firstSlide = this.images[this.currentImageIndex + 1]; this._secondSlide = this.images[this.currentImageIndex - 1]; } } setSlidePosition(direction) { if (direction === 'left') { this.indexCurrentSlide++; if (this.indexCurrentSlide > 2) { this.indexCurrentSlide = 0; } } if (direction === 'right') { this.indexCurrentSlide--; if (this.indexCurrentSlide < 0) { this.indexCurrentSlide = 2; } } } } LightboxTouchscreenComponent.ɵfac = function LightboxTouchscreenComponent_Factory(t) { return new (t || LightboxTouchscreenComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_event_service__WEBPACK_IMPORTED_MODULE_3__["EventService"])); }; LightboxTouchscreenComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: LightboxTouchscreenComponent, selectors: [["cui-lightbox-touchscreen"]], viewQuery: function LightboxTouchscreenComponent_Query(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵviewQuery"](_c0, 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵviewQuery"](_pinch_zoom_component__WEBPACK_IMPORTED_MODULE_1__["PinchZoomComponent"], 1); } if (rf & 2) { let _t; _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.wrapperElement = _t.first); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.pinchZoomComponent = _t); } }, hostVars: 12, hostBindings: function LightboxTouchscreenComponent_HostBindings(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("resize", function LightboxTouchscreenComponent_resize_HostBindingHandler($event) { return ctx.onWindowResize($event); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"])("transitionend", function LightboxTouchscreenComponent_transitionend_HostBindingHandler($event) { return ctx.transitionEnd($event); })("scroll", function LightboxTouchscreenComponent_scroll_HostBindingHandler() { return ctx.scrolling(); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"]); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("top", ctx.hostTop)("left", ctx.hostLeft)("background-color", ctx.hostStyleBackgroundColor); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("lightbox-animation", ctx.hostAnimation)("lightbox-shown", ctx.hostShown)("lightbox-light", ctx.hostLightTheme); } }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵInheritDefinitionFeature"]], decls: 14, vars: 17, consts: [[1, "lightbox-back", 3, "click"], ["class", "lightbox-counter", 4, "ngIf"], [1, "lightbox-container", 3, "ngStyle", "transitionend"], ["class", "lightbox-preloader", 4, "ngIf"], ["id", "pinch-zoom", 1, "lightbox-wrapper", 3, "linear-vertical-swipe", "linear-horizontal-swipe", "image-index", "transition-duration", "events"], ["wrapper", ""], [1, "lightbox-image-wrap", 3, "ngClass"], [3, "src", 4, "ngIf"], ["class", "lightbox-spinner", 4, "ngIf"], ["class", "lightbox-error", 4, "ngIf"], [3, "src", "lightbox-hide", "load", "error", 4, "ngIf"], [1, "lightbox-counter"], [1, "lightbox-preloader"], [1, "lightbox-spinner"], [3, "src"], ["imageFirst", ""], [1, "lightbox-error"], [3, "src", "load", "error"], ["imageSecond", ""], ["imageLast", ""]], template: function LightboxTouchscreenComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LightboxTouchscreenComponent_Template_div_click_0_listener() { return ctx.close(); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, LightboxTouchscreenComponent_div_1_Template, 2, 1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("transitionend", function LightboxTouchscreenComponent_Template_div_transitionend_2_listener($event) { return ctx.handleLightboxTransitionEnd($event); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, LightboxTouchscreenComponent_div_3_Template, 2, 0, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "pinchzoom", 4, 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("events", function LightboxTouchscreenComponent_Template_pinchzoom_events_4_listener($event) { return ctx.handlePinchEvents($event); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, LightboxTouchscreenComponent_img_7_Template, 2, 1, "img", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, LightboxTouchscreenComponent_div_9_Template, 1, 0, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, LightboxTouchscreenComponent_div_10_Template, 2, 0, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, LightboxTouchscreenComponent_img_11_Template, 2, 3, "img", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, LightboxTouchscreenComponent_img_13_Template, 2, 1, "img", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.properties.counter && ctx.images.length > 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngStyle", ctx.containerStyles); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.animationMode === "zoom-preloader" && ctx.currImageLoadingState === "loading"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("lightbox-landscape", ctx.landscapeMode); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("linear-vertical-swipe", true)("linear-horizontal-swipe", true)("image-index", 0)("transition-duration", 300); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", "lightbox-" + ctx.firstSlidePosition); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.slidePath("first")); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", "lightbox-" + ctx.secondSlidePosition); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.currImageLoadingState === "loading" && ctx.showState === "animation-end"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.currImageLoadingState === "error" && !ctx.closingState); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.slidePath("second")); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", "lightbox-" + ctx.lastSlidePosition); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.slidePath("last")); } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_4__["NgIf"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgStyle"], _pinch_zoom_component__WEBPACK_IMPORTED_MODULE_1__["PinchZoomComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgClass"]], styles: [".lightbox-spinner[_ngcontent-%COMP%], .lightbox-spinner[_ngcontent-%COMP%]:before, .lightbox-spinner[_ngcontent-%COMP%]:after {\n border-radius: 50%;\n width: 10px;\n height: 10px;\n animation-fill-mode: both;\n animation: lightbox-load 1.5s infinite ease-in-out;\n}\n\n.lightbox-spinner[_ngcontent-%COMP%] {\n color: #ffffff;\n font-size: 10px;\n margin: 0 auto;\n margin-bottom: 20px;\n position: relative;\n text-indent: -9999em;\n transform: translateZ(0);\n animation-delay: -0.16s;\n}\n\n.lightbox-spinner[_ngcontent-%COMP%]:before, .lightbox-spinner[_ngcontent-%COMP%]:after {\n content: \"\";\n position: absolute;\n top: 0;\n}\n\n.lightbox-spinner[_ngcontent-%COMP%]:before {\n left: -32px;\n animation-delay: -0.32s;\n}\n\n.lightbox-spinner[_ngcontent-%COMP%]:after {\n left: 32px;\n}\n\n@keyframes lightbox-load {\n 0%, 80%, 100% {\n box-shadow: 0 10px 0 -1.3em;\n }\n 40% {\n box-shadow: 0 10px 0 0;\n }\n}\n\n.lightbox-show[_nghost-%COMP%] {\n opacity: 1;\n}\n\n.lightbox-hide-controls[_nghost-%COMP%] .lightbox-close[_ngcontent-%COMP%], .lightbox-hide-controls[_nghost-%COMP%] .lightbox-prev[_ngcontent-%COMP%], .lightbox-hide-controls[_nghost-%COMP%] .lightbox-next[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n.lightbox-shown[_nghost-%COMP%] {\n background-color: black;\n}\n\n.lightbox-shown[_nghost-%COMP%] .lightbox-back[_ngcontent-%COMP%], .lightbox-shown[_nghost-%COMP%] .lightbox-counter[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.lightbox-shown[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-prev-image[_ngcontent-%COMP%], .lightbox-shown[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-next-image[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.lightbox-light[_nghost-%COMP%] {\n color: black;\n text-shadow: none;\n}\n\n.lightbox-light[_nghost-%COMP%] .lightbox-back[_ngcontent-%COMP%] {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNDEgMTYuNTlMMTAuODMgMTJsNC41OC00LjU5TDE0IDZsLTYgNiA2IDYgMS40MS0xLjQxeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPjwvc3ZnPg==);\n}\n\n[_nghost-%COMP%] {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n color: #fff;\n text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.65);\n -webkit-user-select: none;\n user-select: none;\n z-index: 10000;\n transform-origin: top left;\n transition: all 300ms;\n}\n\n[_nghost-%COMP%] .lightbox-back[_ngcontent-%COMP%] {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgc3R5bGU9IiI+PHJlY3QgaWQ9ImJhY2tncm91bmRyZWN0IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4PSIwIiB5PSIwIiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiLz48ZyBjbGFzcz0iY3VycmVudExheWVyIiBzdHlsZT0iIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PHBhdGggZD0iTTE1LjQxIDE2LjU5TDEwLjgzIDEybDQuNTgtNC41OUwxNCA2bC02IDYgNiA2IDEuNDEtMS40MXoiIGlkPSJzdmdfMSIgY2xhc3M9IiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIi8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0wLjA0Nzk2MTY3MzYwOTQ4NTY3LDAgaDI0LjA0Nzk2MTQ0NzYxOTc1IHYyMy45NTIwMzY3NjI2MzI0NzQgSC0wLjA0Nzk2MTY3MzYwOTQ4NTY3IFYwIHoiIGlkPSJzdmdfMiIgY2xhc3M9InNlbGVjdGVkIi8+PC9nPjwvc3ZnPg==);\n width: 40px;\n height: 40px;\n opacity: 0.9;\n background-size: 30px;\n background-repeat: no-repeat;\n background-position: left;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1000;\n opacity: 0;\n transition: opacity 200ms;\n}\n\n[_nghost-%COMP%] .lightbox-container[_ngcontent-%COMP%] {\n transform-origin: top left;\n will-change: transform;\n}\n\n[_nghost-%COMP%] .lightbox-counter[_ngcontent-%COMP%] {\n text-align: right;\n position: absolute;\n right: 14px;\n top: 12px;\n font-size: 14px;\n z-index: 30;\n opacity: 0;\n transition: opacity 200ms;\n}\n\n[_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] {\n background: rgba(0, 0, 0, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n[_nghost-%COMP%] .lightbox-spinner[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -5px;\n}\n\n[_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] .lightbox-spinner[_ngcontent-%COMP%] {\n margin-top: -9px;\n margin-left: -3px;\n}\n\n[_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] .lightbox-spinner[_ngcontent-%COMP%], [_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] .lightbox-spinner[_ngcontent-%COMP%]:before, [_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] .lightbox-spinner[_ngcontent-%COMP%]:after {\n width: 6px;\n height: 6px;\n}\n\n[_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] .lightbox-spinner[_ngcontent-%COMP%]:before {\n left: -21px;\n}\n\n[_nghost-%COMP%] .lightbox-preloader[_ngcontent-%COMP%] .lightbox-spinner[_ngcontent-%COMP%]:after {\n left: 21px;\n}\n\n[_nghost-%COMP%] .lightbox-wrapper.lightbox-landscape[_ngcontent-%COMP%] .lightbox-image-wrap[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n height: 100%;\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] {\n transition: none;\n width: 100%;\n height: 100%;\n display: block;\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-prev-image[_ngcontent-%COMP%], [_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-next-image[_ngcontent-%COMP%] {\n opacity: 0;\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-image-wrap.lightbox-prev-image[_ngcontent-%COMP%] {\n transform: translate3d(-100%, 0, 0);\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-image-wrap.lightbox-next-image[_ngcontent-%COMP%] {\n transform: translate3d(100%, 0, 0);\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-image-wrap[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n text-align: center;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-image-wrap[_ngcontent-%COMP%] img[_ngcontent-%COMP%] {\n max-width: 100%;\n max-height: 100%;\n height: auto;\n position: relative;\n}\n\n[_nghost-%COMP%] .lightbox-wrapper[_ngcontent-%COMP%] .lightbox-image-wrap[_ngcontent-%COMP%] img.lightbox-hide[_ngcontent-%COMP%] {\n display: none;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFwuLlxcLi5cXC4uXFxzcGlubmVyLnNhc3MiLCIuLlxcLi5cXC4uXFwuLlxcbGlnaHRib3gtdG91Y2hzY3JlZW4uY29tcG9uZW50LnNhc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztFQUdFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFFQSx5QkFBQTtFQUVBLGtEQUFBO0FDQ0Y7O0FEQUE7RUFDRSxjQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7RUFHQSx3QkFBQTtFQUVBLHVCQUFBO0FDR0Y7O0FERkE7O0VBRUUsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsTUFBQTtBQ0tGOztBREpBO0VBQ0UsV0FBQTtFQUVBLHVCQUFBO0FDT0Y7O0FETkE7RUFDRSxVQUFBO0FDU0Y7O0FEQ0E7RUFDRTtJQUdFLDJCQUFBO0VDUUY7RURQQTtJQUNFLHNCQUFBO0VDU0Y7QUFDRjs7QUF4REM7RUFDQyxVQUFBO0FBMERGOztBQXhERTs7O0VBR0UsVUFBQTtBQTJESjs7QUF0REM7RUFDQyx1QkFBQTtBQXlERjs7QUF4REU7O0VBRUUsVUFBQTtBQTBESjs7QUF4REk7O0VBRUUsVUFBQTtBQTBETjs7QUF4REM7RUFDQyxZQUFBO0VBQ0EsaUJBQUE7QUEyREY7O0FBMURFO0VBQ0UseVRBQUE7QUE0REo7O0FBMURDO0VBQ0MsZUFBQTtFQUNBLE1BQUE7RUFDQSxPQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxXQUFBO0VBQ0EsNENBQUE7RUFDQSx5QkFBQTtVQUFBLGlCQUFBO0VBQ0EsY0FBQTtFQUNBLDBCQUFBO0VBQ0EscUJBQUE7QUE2REY7O0FBM0RFO0VBQ0UsaXNCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxZQUFBO0VBQ0EscUJBQUE7RUFDQSw0QkFBQTtFQUNBLHlCQUFBO0VBQ0EsZUFBQTtFQUNBLE1BQUE7RUFDQSxPQUFBO0VBQ0EsYUFBQTtFQUNBLFVBQUE7RUFDQSx5QkFBQTtBQTZESjs7QUE1REU7RUFDRSwwQkFBQTtFQUNBLHNCQUFBO0FBOERKOztBQTdERTtFQUNFLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0VBQ0EsU0FBQTtFQUNBLGVBQUE7RUFDQSxXQUFBO0VBQ0EsVUFBQTtFQUNBLHlCQUFBO0FBK0RKOztBQTlERTtFQUNFLDhCQUFBO0VBQ0EsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0FBZ0VKOztBQS9ERTtFQUNFLGtCQUFBO0VBQ0EsUUFBQTtFQUNBLFNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0FBaUVKOztBQS9ESTtFQUNFLGdCQUFBO0VBQ0EsaUJBQUE7QUFpRU47O0FBaEVJOzs7RUFHRSxVQUFBO0VBQ0EsV0FBQTtBQWtFTjs7QUFqRUk7RUFDRSxXQUFBO0FBbUVOOztBQWxFSTtFQUNFLFVBQUE7QUFvRU47O0FBakVNO0VBQ0UsWUFBQTtBQW1FUjs7QUFsRUU7RUFDRSxnQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsY0FBQTtBQW9FSjs7QUFuRUk7O0VBRUUsVUFBQTtBQXFFTjs7QUFwRUk7RUFDRSxtQ0FBQTtBQXNFTjs7QUFyRUk7RUFDRSxrQ0FBQTtBQXVFTjs7QUF0RUk7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtBQXdFTjs7QUF2RU07RUFDRSxlQUFBO0VBQ0EsZ0JBQUE7RUFFQSxZQUFBO0VBQ0Esa0JBQUE7QUF3RVI7O0FBdkVNO0VBQ0UsYUFBQTtBQXlFUiIsImZpbGUiOiJsaWdodGJveC10b3VjaHNjcmVlbi5jb21wb25lbnQuc2FzcyIsInNvdXJjZXNDb250ZW50IjpbIi5saWdodGJveC1zcGlubmVyLFxuLmxpZ2h0Ym94LXNwaW5uZXI6YmVmb3JlLFxuLmxpZ2h0Ym94LXNwaW5uZXI6YWZ0ZXJcbiAgYm9yZGVyLXJhZGl1czogNTAlXG4gIHdpZHRoOiAxMHB4XG4gIGhlaWdodDogMTBweFxuICAtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGhcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogYm90aFxuICAtd2Via2l0LWFuaW1hdGlvbjogbGlnaHRib3gtbG9hZCAxLjVzIGluZmluaXRlIGVhc2UtaW4tb3V0XG4gIGFuaW1hdGlvbjogbGlnaHRib3gtbG9hZCAxLjVzIGluZmluaXRlIGVhc2UtaW4tb3V0XG4ubGlnaHRib3gtc3Bpbm5lclxuICBjb2xvcjogI2ZmZmZmZlxuICBmb250LXNpemU6IDEwcHhcbiAgbWFyZ2luOiAwIGF1dG9cbiAgbWFyZ2luLWJvdHRvbTogMjBweCBcbiAgcG9zaXRpb246IHJlbGF0aXZlXG4gIHRleHQtaW5kZW50OiAtOTk5OWVtXG4gIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApXG4gIC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZVooMClcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApXG4gIC13ZWJraXQtYW5pbWF0aW9uLWRlbGF5OiAtMC4xNnNcbiAgYW5pbWF0aW9uLWRlbGF5OiAtMC4xNnNcbi5saWdodGJveC1zcGlubmVyOmJlZm9yZSxcbi5saWdodGJveC1zcGlubmVyOmFmdGVyXG4gIGNvbnRlbnQ6ICcnXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZVxuICB0b3A6IDBcbi5saWdodGJveC1zcGlubmVyOmJlZm9yZVxuICBsZWZ0OiAtMzJweFxuICAtd2Via2l0LWFuaW1hdGlvbi1kZWxheTogLTAuMzJzXG4gIGFuaW1hdGlvbi1kZWxheTogLTAuMzJzXG4ubGlnaHRib3gtc3Bpbm5lcjphZnRlclxuICBsZWZ0OiAzMnB4XG5cbkAtd2Via2l0LWtleWZyYW1lcyBsaWdodGJveC1sb2FkXG4gIDAlLFxuICA4MCUsXG4gIDEwMCVcbiAgICBib3gtc2hhZG93OiAwIDIuNWVtIDAgLTEuM2VtXG4gIDQwJVxuICAgIGJveC1zaGFkb3c6IDAgMi41ZW0gMCAwXG4gIFxuQGtleWZyYW1lcyBsaWdodGJveC1sb2FkXG4gIDAlLFxuICA4MCUsXG4gIDEwMCVcbiAgICBib3gtc2hhZG93OiAwIDEwcHggMCAtMS4zZW1cbiAgNDAlIFxuICAgIGJveC1zaGFkb3c6IDAgMTBweCAwIDAiLCIubGlnaHRib3gtc3Bpbm5lcixcbi5saWdodGJveC1zcGlubmVyOmJlZm9yZSxcbi5saWdodGJveC1zcGlubmVyOmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICAtd2Via2l0LWFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGg7XG4gIC13ZWJraXQtYW5pbWF0aW9uOiBsaWdodGJveC1sb2FkIDEuNXMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbjogbGlnaHRib3gtbG9hZCAxLjVzIGluZmluaXRlIGVhc2UtaW4tb3V0O1xufVxuXG4ubGlnaHRib3gtc3Bpbm5lciB7XG4gIGNvbG9yOiAjZmZmZmZmO1xuICBmb250LXNpemU6IDEwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtaW5kZW50OiAtOTk5OWVtO1xuICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgLW1zLXRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApO1xuICAtd2Via2l0LWFuaW1hdGlvbi1kZWxheTogLTAuMTZzO1xuICBhbmltYXRpb24tZGVsYXk6IC0wLjE2cztcbn1cblxuLmxpZ2h0Ym94LXNwaW5uZXI6YmVmb3JlLFxuLmxpZ2h0Ym94LXNwaW5uZXI6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbn1cblxuLmxpZ2h0Ym94LXNwaW5uZXI6YmVmb3JlIHtcbiAgbGVmdDogLTMycHg7XG4gIC13ZWJraXQtYW5pbWF0aW9uLWRlbGF5OiAtMC4zMnM7XG4gIGFuaW1hdGlvbi1kZWxheTogLTAuMzJzO1xufVxuXG4ubGlnaHRib3gtc3Bpbm5lcjphZnRlciB7XG4gIGxlZnQ6IDMycHg7XG59XG5cbkAtd2Via2l0LWtleWZyYW1lcyBsaWdodGJveC1sb2FkIHtcbiAgMCUsIDgwJSwgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAyLjVlbSAwIC0xLjNlbTtcbiAgfVxuICA0MCUge1xuICAgIGJveC1zaGFkb3c6IDAgMi41ZW0gMCAwO1xuICB9XG59XG5Aa2V5ZnJhbWVzIGxpZ2h0Ym94LWxvYWQge1xuICAwJSwgODAlLCAxMDAlIHtcbiAgICBib3gtc2hhZG93OiAwIDEwcHggMCAtMS4zZW07XG4gIH1cbiAgNDAlIHtcbiAgICBib3gtc2hhZG93OiAwIDEwcHggMCAwO1xuICB9XG59XG46aG9zdC5saWdodGJveC1zaG93IHtcbiAgb3BhY2l0eTogMTtcbn1cblxuOmhvc3QubGlnaHRib3gtaGlkZS1jb250cm9scyAubGlnaHRib3gtY2xvc2UsXG46aG9zdC5saWdodGJveC1oaWRlLWNvbnRyb2xzIC5saWdodGJveC1wcmV2LFxuOmhvc3QubGlnaHRib3gtaGlkZS1jb250cm9scyAubGlnaHRib3gtbmV4dCB7XG4gIG9wYWNpdHk6IDA7XG59XG5cbjpob3N0LmxpZ2h0Ym94LXNob3duIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG59XG46aG9zdC5saWdodGJveC1zaG93biAubGlnaHRib3gtYmFjayxcbjpob3N0LmxpZ2h0Ym94LXNob3duIC5saWdodGJveC1jb3VudGVyIHtcbiAgb3BhY2l0eTogMTtcbn1cbjpob3N0LmxpZ2h0Ym94LXNob3duIC5saWdodGJveC13cmFwcGVyIC5saWdodGJveC1wcmV2LWltYWdlLFxuOmhvc3QubGlnaHRib3gtc2hvd24gLmxpZ2h0Ym94LXdyYXBwZXIgLmxpZ2h0Ym94LW5leHQtaW1hZ2Uge1xuICBvcGFjaXR5OiAxO1xufVxuXG46aG9zdC5saWdodGJveC1saWdodCB7XG4gIGNvbG9yOiBibGFjaztcbiAgdGV4dC1zaGFkb3c6IG5vbmU7XG59XG46aG9zdC5saWdodGJveC1saWdodCAubGlnaHRib3gtYmFjayB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSGRwWkhSb1BTSXlOQ0lnYUdWcFoyaDBQU0l5TkNJZ2RtbGxkMEp2ZUQwaU1DQXdJREkwSURJMElqNDhjR0YwYUNCa1BTSk5NVFV1TkRFZ01UWXVOVGxNTVRBdU9ETWdNVEpzTkM0MU9DMDBMalU1VERFMElEWnNMVFlnTmlBMklEWWdNUzQwTVMweExqUXhlaUl2UGp4d1lYUm9JR1pwYkd3OUltNXZibVVpSUdROUlrMHdJREJvTWpSMk1qUklNRll3ZWlJdlBqd3ZjM1puUGc9PSk7XG59XG5cbjpob3N0IHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGNvbG9yOiAjZmZmO1xuICB0ZXh0LXNoYWRvdzogMHB4IDBweCAxcHggcmdiYSgwLCAwLCAwLCAwLjY1KTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDEwMDAwO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcbiAgdHJhbnNpdGlvbjogYWxsIDMwMG1zO1xufVxuOmhvc3QgLmxpZ2h0Ym94LWJhY2sge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0l5TkNJZ2FHVnBaMmgwUFNJeU5DSWdjM1I1YkdVOUlpSStQSEpsWTNRZ2FXUTlJbUpoWTJ0bmNtOTFibVJ5WldOMElpQjNhV1IwYUQwaU1UQXdKU0lnYUdWcFoyaDBQU0l4TURBbElpQjRQU0l3SWlCNVBTSXdJaUJtYVd4c1BTSnViMjVsSWlCemRISnZhMlU5SW01dmJtVWlMejQ4WnlCamJHRnpjejBpWTNWeWNtVnVkRXhoZVdWeUlpQnpkSGxzWlQwaUlqNDhkR2wwYkdVK1RHRjVaWElnTVR3dmRHbDBiR1UrUEhCaGRHZ2daRDBpVFRFMUxqUXhJREUyTGpVNVRERXdMamd6SURFeWJEUXVOVGd0TkM0MU9Vd3hOQ0EyYkMwMklEWWdOaUEySURFdU5ERXRNUzQwTVhvaUlHbGtQU0p6ZG1kZk1TSWdZMnhoYzNNOUlpSWdabWxzYkQwaUkyWm1abVptWmlJZ1ptbHNiQzF2Y0dGamFYUjVQU0l4SWk4K1BIQmhkR2dnWm1sc2JEMGlibTl1WlNJZ1pEMGlUUzB3TGpBME56azJNVFkzTXpZd09UUTROVFkzTERBZ2FESTBMakEwTnprMk1UUTBOell4T1RjMUlIWXlNeTQ1TlRJd016WTNOakkyTXpJME56UWdTQzB3TGpBME56azJNVFkzTXpZd09UUTROVFkzSUZZd0lIb2lJR2xrUFNKemRtZGZNaUlnWTJ4aGMzTTlJbk5sYkdWamRHVmtJaTgrUEM5blBqd3ZjM1puUGc9PSk7XG4gIHdpZHRoOiA0MHB4O1xuICBoZWlnaHQ6IDQwcHg7XG4gIG9wYWNpdHk6IDAuOTtcbiAgYmFja2dyb3VuZC1zaXplOiAzMHB4O1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBsZWZ0O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTAwMDtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAyMDBtcztcbn1cbjpob3N0IC5saWdodGJveC1jb250YWluZXIge1xuICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgbGVmdDtcbiAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcbn1cbjpob3N0IC5saWdodGJveC1jb3VudGVyIHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDE0cHg7XG4gIHRvcDogMTJweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICB6LWluZGV4OiAzMDtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAyMDBtcztcbn1cbjpob3N0IC5saWdodGJveC1wcmVsb2FkZXIge1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG46aG9zdCAubGlnaHRib3gtc3Bpbm5lciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgbWFyZ2luLXRvcDogLTE1cHg7XG4gIG1hcmdpbi1sZWZ0OiAtNXB4O1xufVxuOmhvc3QgLmxpZ2h0Ym94LXByZWxvYWRlciAubGlnaHRib3gtc3Bpbm5lciB7XG4gIG1hcmdpbi10b3A6IC05cHg7XG4gIG1hcmdpbi1sZWZ0OiAtM3B4O1xufVxuOmhvc3QgLmxpZ2h0Ym94LXByZWxvYWRlciAubGlnaHRib3gtc3Bpbm5lcixcbjpob3N0IC5saWdodGJveC1wcmVsb2FkZXIgLmxpZ2h0Ym94LXNwaW5uZXI6YmVmb3JlLFxuOmhvc3QgLmxpZ2h0Ym94LXByZWxvYWRlciAubGlnaHRib3gtc3Bpbm5lcjphZnRlciB7XG4gIHdpZHRoOiA2cHg7XG4gIGhlaWdodDogNnB4O1xufVxuOmhvc3QgLmxpZ2h0Ym94LXByZWxvYWRlciAubGlnaHRib3gtc3Bpbm5lcjpiZWZvcmUge1xuICBsZWZ0OiAtMjFweDtcbn1cbjpob3N0IC5saWdodGJveC1wcmVsb2FkZXIgLmxpZ2h0Ym94LXNwaW5uZXI6YWZ0ZXIge1xuICBsZWZ0OiAyMXB4O1xufVxuOmhvc3QgLmxpZ2h0Ym94LXdyYXBwZXIubGlnaHRib3gtbGFuZHNjYXBlIC5saWdodGJveC1pbWFnZS13cmFwIGltZyB7XG4gIGhlaWdodDogMTAwJTtcbn1cbjpob3N0IC5saWdodGJveC13cmFwcGVyIHtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG46aG9zdCAubGlnaHRib3gtd3JhcHBlciAubGlnaHRib3gtcHJldi1pbWFnZSxcbjpob3N0IC5saWdodGJveC13cmFwcGVyIC5saWdodGJveC1uZXh0LWltYWdlIHtcbiAgb3BhY2l0eTogMDtcbn1cbjpob3N0IC5saWdodGJveC13cmFwcGVyIC5saWdodGJveC1pbWFnZS13cmFwLmxpZ2h0Ym94LXByZXYtaW1hZ2Uge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC0xMDAlLCAwLCAwKTtcbn1cbjpob3N0IC5saWdodGJveC13cmFwcGVyIC5saWdodGJveC1pbWFnZS13cmFwLmxpZ2h0Ym94LW5leHQtaW1hZ2Uge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDEwMCUsIDAsIDApO1xufVxuOmhvc3QgLmxpZ2h0Ym94LXdyYXBwZXIgLmxpZ2h0Ym94LWltYWdlLXdyYXAge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG46aG9zdCAubGlnaHRib3gtd3JhcHBlciAubGlnaHRib3gtaW1hZ2Utd3JhcCBpbWcge1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuOmhvc3QgLmxpZ2h0Ym94LXdyYXBwZXIgLmxpZ2h0Ym94LWltYWdlLXdyYXAgaW1nLmxpZ2h0Ym94LWhpZGUge1xuICBkaXNwbGF5OiBub25lO1xufSJdfQ== */"] }); /***/ }), /***/ "ZAI4": /*!*******************************!*\ !*** ./src/app/app.module.ts ***! \*******************************/ /*! exports provided: AppModule */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppModule", function() { return AppModule; }); /* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser */ "jhN1"); /* harmony import */ var _app_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./app.component */ "Sy1n"); /* harmony import */ var _navbar_navbar_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./navbar/navbar.component */ "kWWo"); /* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "tyNb"); /* harmony import */ var _overview_overview_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./overview/overview.component */ "BPwi"); /* harmony import */ var _feeding_feeding_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./feeding/feeding.component */ "IwoZ"); /* harmony import */ var _reproduction_reproduction_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./reproduction/reproduction.component */ "OHVT"); /* harmony import */ var _habitat_habitat_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./habitat/habitat.component */ "jvz8"); /* harmony import */ var _defense_defense_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./defense/defense.component */ "HlL9"); /* harmony import */ var _faq_faq_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./faq/faq.component */ "gN+M"); /* harmony import */ var _contact_contact_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./contact/contact.component */ "bzTf"); /* harmony import */ var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @fortawesome/angular-fontawesome */ "6NWb"); /* harmony import */ var _footer_footer_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./footer/footer.component */ "fp1T"); /* harmony import */ var _ivybox_ng8_lightbox_module__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ivybox-ng8+/lightbox.module */ "IsM0"); /* harmony import */ var _merchandise_merchandise_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./merchandise/merchandise.component */ "lpt+"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @angular/core */ "fXoL"); class AppModule { } AppModule.ɵfac = function AppModule_Factory(t) { return new (t || AppModule)(); }; AppModule.ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdefineNgModule"]({ type: AppModule, bootstrap: [_app_component__WEBPACK_IMPORTED_MODULE_1__["AppComponent"]] }); AppModule.ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdefineInjector"]({ providers: [], imports: [[ _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["BrowserModule"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"].forRoot([ { path: 'overview', component: _overview_overview_component__WEBPACK_IMPORTED_MODULE_4__["OverviewComponent"] }, { path: 'feeding', component: _feeding_feeding_component__WEBPACK_IMPORTED_MODULE_5__["FeedingComponent"] }, { path: 'reproduction', component: _reproduction_reproduction_component__WEBPACK_IMPORTED_MODULE_6__["ReproductionComponent"] }, { path: 'habitat', component: _habitat_habitat_component__WEBPACK_IMPORTED_MODULE_7__["HabitatComponent"] }, { path: 'defense', component: _defense_defense_component__WEBPACK_IMPORTED_MODULE_8__["DefenseComponent"] }, { path: 'faq', component: _faq_faq_component__WEBPACK_IMPORTED_MODULE_9__["FaqComponent"] }, { path: 'contact', component: _contact_contact_component__WEBPACK_IMPORTED_MODULE_10__["ContactComponent"] }, { path: 'merchandise', component: _merchandise_merchandise_component__WEBPACK_IMPORTED_MODULE_14__["MerchandiseComponent"] }, { path: '', redirectTo: 'overview', pathMatch: 'full' }, ]), _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_11__["FontAwesomeModule"], _ivybox_ng8_lightbox_module__WEBPACK_IMPORTED_MODULE_13__["CrystalLightboxModule"] ]] }); (function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵsetNgModuleScope"](AppModule, { declarations: [_app_component__WEBPACK_IMPORTED_MODULE_1__["AppComponent"], _navbar_navbar_component__WEBPACK_IMPORTED_MODULE_2__["NavbarComponent"], _footer_footer_component__WEBPACK_IMPORTED_MODULE_12__["FooterComponent"], _merchandise_merchandise_component__WEBPACK_IMPORTED_MODULE_14__["MerchandiseComponent"]], imports: [_angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["BrowserModule"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_11__["FontAwesomeModule"], _ivybox_ng8_lightbox_module__WEBPACK_IMPORTED_MODULE_13__["CrystalLightboxModule"]] }); })(); /***/ }), /***/ "bzTf": /*!**********************************************!*\ !*** ./src/app/contact/contact.component.ts ***! \**********************************************/ /*! exports provided: ContactComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContactComponent", function() { return ContactComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class ContactComponent { constructor() { } ngOnInit() { } } ContactComponent.ɵfac = function ContactComponent_Factory(t) { return new (t || ContactComponent)(); }; ContactComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: ContactComponent, selectors: [["app-contact"]], decls: 55, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "well", "text-center"], [1, "mb-4"], [1, "col-md-9", "mb-md-0", "mb-5"], ["id", "contact-form", "name", "contact-form", "action", "mail.php", "method", "POST"], [1, "col-md-6"], [1, "md-form", "mb-0"], ["type", "text", "id", "name", "name", "name", 1, "form-control"], ["for", "name", 1, ""], ["type", "text", "id", "email", "name", "email", 1, "form-control"], ["for", "email", 1, ""], [1, "col-md-12"], ["type", "text", "id", "subject", "name", "subject", 1, "form-control"], ["for", "subject", 1, ""], [1, "md-form"], ["type", "text", "id", "message", "name", "message", "rows", "2", 1, "form-control", "md-textarea"], ["for", "message"], [1, "text-center", "text-md-left"], ["onclick", "document.getElementById('contact-form').submit();", 1, "btn", "btn-primary"], [1, "status"], [1, "col-md-3", "text-center"], [1, "list-unstyled", "mb-0"], [1, "fas", "fa-map-marker-alt", "fa-2x"], [1, "fas", "fa-phone", "mt-4", "fa-2x"], [1, "fas", "fa-envelope", "mt-4", "fa-2x"], [1, "card-footer"]], template: function ContactComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Contact"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "Please use this form to contact us if we can help provide more information about this species."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "section", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "form", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "div", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](16, "input", 12); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "label", 13); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "Your name"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](21, "input", 14); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "label", 15); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](23, "Your email"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "div", 16); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](27, "input", 17); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "label", 18); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](29, "Subject"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](30, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "div", 16); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "div", 19); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](33, "textarea", 20); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](34, "label", 21); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](35, "Your message"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](36, "div", 22); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](37, "a", 23); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](38, "Send"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](39, "div", 24); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "div", 25); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](41, "ul", 26); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](42, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](43, "i", 27); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](44, "p"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](45, "Robbins, TN 37852, USA"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](46, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](47, "i", 28); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](48, "p"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](49, "+ 01 111 1111"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](50, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](51, "i", 29); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](52, "p"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](53, "thorfish@oceanrestore.org"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](54, "div", 30); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "fp1T": /*!********************************************!*\ !*** ./src/app/footer/footer.component.ts ***! \********************************************/ /*! exports provided: FooterComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FooterComponent", function() { return FooterComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class FooterComponent { constructor() { } ngOnInit() { } } FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); }; FooterComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: FooterComponent, selectors: [["app-footer"]], decls: 27, vars: 0, consts: [[1, "footer-main"], [1, "text-center", "text-lg-start"], [1, "container", "p-4"], [1, "row"], [1, "col-lg-6", "col-md-8", "mb-4", "mb-md-0", "card", 2, "margin-right", "2px"], [1, "text-uppercase"], [1, "col-lg-5", "col-md-4", "mb-1", "mb-md-0", "card"], [1, "list-unstyled", "mb-0"], ["href", "#!", 1, "text-dark"], [1, "text-center", "p-3", 2, "background-color", "rgba(0, 0, 0, 0.2)"]], template: function FooterComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "footer", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "h5", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](6, "Additional Information"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "p"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](8, " Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste atque ea quis molestias. Fugiat pariatur maxime quis culpa corporis vitae repudiandae aliquam voluptatem veniam, est atque cumque eum delectus sint! "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "h5", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "Links"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "ul", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "a", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "Link 1"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "a", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "Link 2"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "a", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](21, "Link 3"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "li"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "a", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](24, "Link 4"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](26, " \u00A9 2021 Copyright: "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: [".footer-main[_ngcontent-%COMP%]{\r\n margin-top: 62px;\r\n padding-top: 30px;\r\n background-color: rgb(4,75,108);\r\n position:fixed;\r\n width: 100%;\r\n bottom:0;\r\n left:0;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGlCQUFpQjtJQUNqQiwrQkFBK0I7SUFDL0IsY0FBYztJQUNkLFdBQVc7SUFDWCxRQUFRO0lBQ1IsTUFBTTtBQUNWIiwiZmlsZSI6ImZvb3Rlci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZvb3Rlci1tYWlue1xyXG4gICAgbWFyZ2luLXRvcDogNjJweDtcclxuICAgIHBhZGRpbmctdG9wOiAzMHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDQsNzUsMTA4KTtcclxuICAgIHBvc2l0aW9uOmZpeGVkO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBib3R0b206MDtcclxuICAgIGxlZnQ6MDtcclxufSJdfQ== */"] }); /***/ }), /***/ "gN+M": /*!**************************************!*\ !*** ./src/app/faq/faq.component.ts ***! \**************************************/ /*! exports provided: FaqComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FaqComponent", function() { return FaqComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class FaqComponent { constructor() { } ngOnInit() { } } FaqComponent.ɵfac = function FaqComponent_Factory(t) { return new (t || FaqComponent)(); }; FaqComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: FaqComponent, selectors: [["app-faq"]], decls: 43, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "well", "text-center"], ["id", "accordion"], [1, "card"], ["id", "headingOne", 1, "card-header"], [1, "mb-0"], ["data-toggle", "collapse", "data-target", "#collapseOne", "aria-expanded", "false", "aria-controls", "collapseOne", 1, "btn", "btn-link"], ["id", "collapseOne", "aria-labelledby", "headingOne", "data-parent", "#accordion", 1, "collapse"], ["id", "headingTwo", 1, "card-header"], ["data-toggle", "collapse", "data-target", "#collapseTwo", "aria-expanded", "false", "aria-controls", "collapseTwo", 1, "btn", "btn-link", "collapsed"], ["id", "collapseTwo", "aria-labelledby", "headingTwo", "data-parent", "#accordion", 1, "collapse"], ["id", "headingThree", 1, "card-header"], ["data-toggle", "collapse", "data-target", "#collapseThree", "aria-expanded", "false", "aria-controls", "collapseThree", 1, "btn", "btn-link", "collapsed"], ["id", "collapseThree", "aria-labelledby", "headingThree", "data-parent", "#accordion", 1, "collapse"], [1, "card-footer"]], template: function FaqComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "FAQ"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "Frequently Asked Questions"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "h5", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "button", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, " What does the Electric Thor Fish like to do on the weekends? "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "div", 12); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17, " The Electric Thor fish spends its time on \"the weekends\" hanging out with its fishy friends and going ship-seeing! "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 13); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "h5", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "button", 14); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](22, " How much electricity can the fish generate? "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "div", 15); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](25, " The Electric Thor Fish can generate anywhere from 30 to 100 volts depending on how threatened it feels! "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "div", 16); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "h5", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](29, "button", 17); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](30, " Does their pee cure cancer? "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "div", 18); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](33, " Studies have been conducted, but all of the cancer patients end up dying from electricution. So no. "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](34, "div", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](35, "div", 16); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](36, "h5", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](37, "button", 17); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](38, " Are fish friends or food?????? "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](39, "div", 18); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](41, " Seems to us they can be both... "); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](42, "div", 19); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "jKXA": /*!*********************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox-group.directive.ts ***! \*********************************************************/ /*! exports provided: LightboxGroupDirective */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LightboxGroupDirective", function() { return LightboxGroupDirective; }); /* harmony import */ var _lightbox_directive__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lightbox.directive */ "ly5r"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _event_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./event.service */ "7Pzn"); /* harmony import */ var _lightbox_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./lightbox.service */ "RILs"); class LightboxGroupDirective { constructor(eventService, lightbox) { this.eventService = eventService; this.lightbox = lightbox; this.thumbnailImages = []; this.images = []; this.properties = {}; this.hostLightboxGroup = true; this.globalEventsSubscription = this.eventService.emitter.subscribe((event) => { this.handleGlobalEvents(event); }); } get lightboxDirectiveList() { if (this._lightboxDirectiveList) { return this._lightboxDirectiveList.toArray(); } else { return []; } } handleGlobalEvents(event) { if (event.type === 'thumbnail:click') { this.thumbnailImageElement = event.elementRef.nativeElement; this.thumbnailImages = this.getThumbnailImages(); this.thumbnailImageIndex = this.getThumbnailImageIndex(this.thumbnailImageElement); if (this.thumbnailImageIndex == undefined) { return; } this.thumbnailLightboxDirective = this.getThumbnailLightboxDirective(this.thumbnailImageIndex); this.images = this.getImages(); this.properties = event.properties; this.properties.index = this.thumbnailImageIndex; this.lightbox.open({ images: this.images, //index: this.thumbnailImageIndex, properties: this.properties }); } } getThumbnailImageIndex(element) { const images = this.thumbnailImages; for (var i = 0; i < images.length; i++) { if (element === images[i]) { return i; } } } getThumbnailLightboxDirective(index) { return this.lightboxDirectiveList[index]; } getThumbnailImages() { let thumbnailImages = []; this.lightboxDirectiveList.forEach(el => { thumbnailImages.push(el['elementRef'].nativeElement); }); return thumbnailImages; } getImages() { let images = []; this.lightboxDirectiveList.forEach(el => { let image = {}; const nativeElement = el['elementRef'].nativeElement; if (el.fullImage) { image.fullImage = el.fullImage; } image.thumbnailImage = { path: nativeElement.src, height: nativeElement.naturalHeight, width: nativeElement.naturalWidth }; image.nativeElement = nativeElement; images.push(image); }); return images; } } LightboxGroupDirective.ɵfac = function LightboxGroupDirective_Factory(t) { return new (t || LightboxGroupDirective)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_event_service__WEBPACK_IMPORTED_MODULE_2__["EventService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_lightbox_service__WEBPACK_IMPORTED_MODULE_3__["CrystalLightbox"])); }; LightboxGroupDirective.ɵdir = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineDirective"]({ type: LightboxGroupDirective, selectors: [["", "lightbox-group", ""]], contentQueries: function LightboxGroupDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵcontentQuery"](dirIndex, _lightbox_directive__WEBPACK_IMPORTED_MODULE_0__["LightboxDirective"], 1); } if (rf & 2) { let _t; _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx._lightboxDirectiveList = _t); } }, hostVars: 2, hostBindings: function LightboxGroupDirective_HostBindings(rf, ctx) { if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵclassProp"]("lightbox-group", ctx.hostLightboxGroup); } } }); /***/ }), /***/ "jvz8": /*!**********************************************!*\ !*** ./src/app/habitat/habitat.component.ts ***! \**********************************************/ /*! exports provided: HabitatComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HabitatComponent", function() { return HabitatComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); const _c0 = ["map"]; class HabitatComponent { constructor() { } ngOnInit() { const mapProperties = { center: new google.maps.LatLng(60.4720, -8.4689), zoom: 4.6, mapTypeId: google.maps.MapTypeId.ROADMAP }; this.map = new google.maps.Map(this.mapElement.nativeElement, mapProperties); } } HabitatComponent.ɵfac = function HabitatComponent_Factory(t) { return new (t || HabitatComponent)(); }; HabitatComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: HabitatComponent, selectors: [["app-habitat"]], viewQuery: function HabitatComponent_Query(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵviewQuery"](_c0, 3); } if (rf & 2) { let _t; _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.mapElement = _t.first); } }, decls: 12, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "well", "text-center"], [2, "width", "100%", "height", "400px"], ["map", ""], [1, "card-footer"]], template: function HabitatComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Habitat"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "The ETF is generally observed in areas surrounding the North Sea and the Norwegian Sea close to Norway. The ETF prefer colder temperatures. Normally they habitate rocky/muddy areas.These fish can go anywhere from the surface of the water to about 10,500 feet.(13,000 max depth of sea) The Norwegian sea has the lowest air pressure of the entire Arctic.The ETF likes the lower air pressure areas because it can go deeper in the ocean where its primary prey inhabit."); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "div", 7, 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](11, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "kWWo": /*!********************************************!*\ !*** ./src/app/navbar/navbar.component.ts ***! \********************************************/ /*! exports provided: NavbarComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NavbarComponent", function() { return NavbarComponent; }); /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ "wHSu"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/angular-fontawesome */ "6NWb"); /* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "tyNb"); class NavbarComponent { constructor() { this.faCoffee = _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_0__["faGavel"]; this.faBars = _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_0__["faBars"]; } ngOnInit() { } } NavbarComponent.ɵfac = function NavbarComponent_Factory(t) { return new (t || NavbarComponent)(); }; NavbarComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: NavbarComponent, selectors: [["app-navbar"]], decls: 35, vars: 2, consts: [[1, "navbar", "navbar-expand-lg", "navbar-custom"], ["href", "#", 1, "navbar-brand"], [3, "icon"], ["type", "button", "data-toggle", "collapse", "data-target", "#navbarNav", "aria-controls", "navbarNav", "aria-expanded", "false", "aria-label", "Toggle navigation", 1, "navbar-toggler"], [1, "navbar-toggler-icon"], ["id", "navbarNav", 1, "collapse", "navbar-collapse"], [1, "navbar-nav"], [1, "nav-item", "active"], ["href", "#", "routerLink", "/overview", 1, "nav-link"], [1, "sr-only"], [1, "nav-item"], ["href", "#", "routerLink", "/feeding", 1, "nav-link"], ["href", "#", "routerLink", "/reproduction", 1, "nav-link"], ["href", "#", "routerLink", "/habitat", 1, "nav-link"], ["href", "#", "routerLink", "/defense", 1, "nav-link"], ["href", "#", "routerLink", "/faq", 1, "nav-link"], ["href", "#", "routerLink", "/contact", 1, "nav-link"], ["href", "#", "routerLink", "/merchandise", 1, "nav-link"]], template: function NavbarComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "nav", 0); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "a", 1); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](2, "fa-icon", 2); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](3, " Electric Thor Fish"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "button", 3); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "span", 4); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](6, "fa-icon", 2); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 5); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "ul", 6); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "li", 7); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "a", 8); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11, "Species Overview "); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "span", 9); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](13, "(current)"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](15, "a", 11); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](16, "Feeding Habits"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "a", 12); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](19, "Reproduction"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "a", 13); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](22, "Habitat"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "a", 14); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](25, "Defense from Predators"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](26, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](27, "a", 15); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](28, "FAQ"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](29, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](30, "a", 16); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](31, "Contact Us"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](32, "li", 10); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](33, "a", 17); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](34, "Merchandise"); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"](); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("icon", ctx.faCoffee); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4); _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("icon", ctx.faBars); } }, directives: [_fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_2__["FaIconComponent"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterLinkWithHref"]], styles: [".navbar-custom[_ngcontent-%COMP%] {\r\n background: linear-gradient(90deg, rgb(4,75,108) 0%, rgb(8,172,206) 100%);\r\n opacity: .78;\r\n}\r\n\r\n.nav-link[_ngcontent-%COMP%] {\r\n color:white;\r\n}\r\n\r\n.navbar-brand[_ngcontent-%COMP%] {\r\n color:white;\r\n font-size: xx-large;\r\n font-weight: 500;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmJhci5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0kseUVBQXlFO0lBQ3pFLFlBQVk7QUFDaEI7O0FBRUE7SUFDSSxXQUFXO0FBQ2Y7O0FBRUE7SUFDSSxXQUFXO0lBQ1gsbUJBQW1CO0lBQ25CLGdCQUFnQjtBQUNwQiIsImZpbGUiOiJuYXZiYXIuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5uYXZiYXItY3VzdG9tIHtcclxuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiKDQsNzUsMTA4KSAwJSwgcmdiKDgsMTcyLDIwNikgMTAwJSk7XHJcbiAgICBvcGFjaXR5OiAuNzg7XHJcbn1cclxuXHJcbi5uYXYtbGluayB7XHJcbiAgICBjb2xvcjp3aGl0ZTtcclxufVxyXG5cclxuLm5hdmJhci1icmFuZCB7XHJcbiAgICBjb2xvcjp3aGl0ZTtcclxuICAgIGZvbnQtc2l6ZTogeHgtbGFyZ2U7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG59XHJcbiJdfQ== */"] }); /***/ }), /***/ "lpt+": /*!******************************************************!*\ !*** ./src/app/merchandise/merchandise.component.ts ***! \******************************************************/ /*! exports provided: MerchandiseComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MerchandiseComponent", function() { return MerchandiseComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); class MerchandiseComponent { constructor() { } ngOnInit() { } } MerchandiseComponent.ɵfac = function MerchandiseComponent_Factory(t) { return new (t || MerchandiseComponent)(); }; MerchandiseComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: MerchandiseComponent, selectors: [["app-merchandise"]], decls: 13, vars: 0, consts: [[1, "content"], [1, "row"], [1, "card", "mx-auto", 2, "width", "85%"], [1, "card-body"], [1, "card-title"], [1, "card-text"], [1, "well", "text-center"], ["src", "../../assets/image/hoodie.png", "width", "25%"], ["src", "../../assets/image/hoodie2.png", "width", "25%"], ["src", "../../assets/image/hoodie3.png", "width", "25%"], [1, "card-footer"]], template: function MerchandiseComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h5", 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Merchandise"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "Can't get enough of this sweet fish? Buy our merch! (to buy, use the contact us form to tell us what you want and what size!)"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "img", 7); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "img", 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](11, "img", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "div", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } }, styles: ["div[_ngcontent-%COMP%] {\r\n padding-left: 15px;\r\n padding-top: 10px;\r\n}\r\n\r\n.content[_ngcontent-%COMP%]{\r\n height: 100%;\r\n position:relative;\r\n align-self: center;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 35px;\r\n}\r\n\r\n.well[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{\r\n display: inline-block;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm92ZXJ2aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0FBQ3JCOztBQUVBO0lBQ0ksWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsYUFBYTtJQUNiLFlBQVk7SUFDWixpQkFBaUI7QUFDckI7O0FBRUE7SUFDSSxxQkFBcUI7QUFDekIiLCJmaWxlIjoib3ZlcnZpZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRpdiB7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDE1cHg7XHJcbiAgICBwYWRkaW5nLXRvcDogMTBweDtcclxufVxyXG5cclxuLmNvbnRlbnR7XHJcbiAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjpyZWxhdGl2ZTtcclxuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTAwdmg7XHJcbiAgICB3aWR0aDogMTAwdnc7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxufVxyXG5cclxuLndlbGwgaW1ne1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG59Il19 */"] }); /***/ }), /***/ "ly5r": /*!***************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox.directive.ts ***! \***************************************************/ /*! exports provided: LightboxDirective */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LightboxDirective", function() { return LightboxDirective; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _lightbox_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lightbox.service */ "RILs"); /* harmony import */ var _event_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./event.service */ "7Pzn"); class LightboxDirective { constructor(lightbox, eventService, elementRef) { this.lightbox = lightbox; this.eventService = eventService; this.elementRef = elementRef; this.properties = {}; this.events = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"](); this.hostLightboxGroup = true; this.globalEventsSubscription = this.eventService.emitter.subscribe((event) => { this.handleGlobalEvents(event); }); } get hostSimpleMode() { return this.simpleMode; } get isGroupImage() { return this.elementRef.nativeElement.closest(".lightbox-group"); } onClick(event) { if (this.disable) { return; } if (this.isGroupImage) { this.eventService.emitChangeEvent({ type: 'thumbnail:click', elementRef: this.elementRef, properties: this.properties }); } else { this.image = this.getImage(); this.lightbox.open({ images: [this.image], properties: this.properties, index: 0 }); } } ngOnChanges(changes) { this.properties = this.getProperties(changes); } handleGlobalEvents(event) { this.events.emit(event); } getImage() { let image = {}; const nativeElement = this.elementRef.nativeElement; if (this.fullImage) { image.fullImage = this.fullImage; } image.thumbnailImage = { path: nativeElement.src, height: nativeElement.naturalHeight, width: nativeElement.naturalWidth }; image.nativeElement = nativeElement; return image; } ; getProperties(changes) { let properties = {}; for (var prop in changes) { if (prop !== 'fullImage') { properties[prop] = changes[prop].currentValue; } } return properties; } } LightboxDirective.ɵfac = function LightboxDirective_Factory(t) { return new (t || LightboxDirective)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_lightbox_service__WEBPACK_IMPORTED_MODULE_1__["CrystalLightbox"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_event_service__WEBPACK_IMPORTED_MODULE_2__["EventService"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"])); }; LightboxDirective.ɵdir = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineDirective"]({ type: LightboxDirective, selectors: [["", "lightbox", ""]], hostVars: 4, hostBindings: function LightboxDirective_HostBindings(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LightboxDirective_click_HostBindingHandler($event) { return ctx.onClick($event); }); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("lightbox-single", ctx.hostLightboxGroup)("lightbox-simple-mode", ctx.hostSimpleMode); } }, inputs: { fullImage: "fullImage", properties: "properties", loop: "loop", backgroundOpacity: "backgroundOpacity", counter: "counter", imageMaxHeight: "imageMaxHeight", imageMaxWidth: "imageMaxWidth", animationDuration: "animationDuration", animationMode: "animationMode", animationTimingFunction: "animationTimingFunction", closeButtonText: "closeButtonText", counterSeparator: "counterSeparator", disable: "disable", simpleMode: "simpleMode", backgroundColor: "backgroundColor", hideThumbnail: "hideThumbnail", gestureEnable: "gestureEnable" }, outputs: { events: "events" }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]] }); /***/ }), /***/ "rf5W": /*!***************************************************!*\ !*** ./src/app/ivybox-ng8+/lightbox.component.ts ***! \***************************************************/ /*! exports provided: LightboxComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LightboxComponent", function() { return LightboxComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _lightbox_common_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lightbox-common.component */ "CZ47"); /* harmony import */ var _event_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./event.service */ "7Pzn"); /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK"); const _c0 = ["container"]; function LightboxComponent_div_0_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 11); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r0.counter); } } function LightboxComponent_div_1_Template(rf, ctx) { if (rf & 1) { const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 12); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LightboxComponent_div_1_Template_div_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r8); const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return ctx_r7.close(); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r1.closeButtonText); } } function LightboxComponent_div_2_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "div", 13); } } function LightboxComponent_div_5_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 14); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 13); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } } function LightboxComponent_div_6_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 15); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "Failed to load image"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } } class LightboxComponent extends _lightbox_common_component__WEBPACK_IMPORTED_MODULE_1__["LightboxCommonComponent"] { constructor(elementRef, ref, eventService) { super(eventService); this.elementRef = elementRef; this.ref = ref; this.eventService = eventService; this.spinnerHeight = 30; this.minTimeout = 30; this.preloaderTimeout = 100; this.spinnerStyles = { transform: '' }; this.configThumbnailPreloader = true; this.events = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"](); this.hostShown = false; this.hideControls = false; } get simpleMode() { return this.properties.simpleMode; } get hostLightTheme() { return this.properties.backgroundColor === 'white'; } get currImagePath() { let image = this.images[this.index]; let path; if (!image) { return false; } if (image.fullImage && image.fullImage.path) { path = image.fullImage.path; } else if (image.thumbnailImage && image.thumbnailImage.path) { path = image.thumbnailImage.path; } else if (image.path) { path = image.path; } return path; } get prevImagePath() { return this.images[this.prevIndex]; } set prevImagePath(value) { this.images[this.prevIndex] = value; } get isHiddenPrevArrow() { return this.isFirstImage && !this.properties.loop || this.isZoomIn; } get isHiddenNextArrow() { return this.isLastImage && !this.properties.loop || this.isZoomIn; } get isPreloader() { return this.animationMode === 'zoom-preloader' && this.showState != 'animation-end' && this.currImageLoadingState === 'loading'; } get imageOrientation() { if (this.thumbnailImage.naturalWidth > this.thumbnailImage.naturalHeight) { return 'horizontal'; } else { return 'vertical'; } } scrolling() { if (this.showState === 'initial-thumbnail-image' || this.showState === 'initial-virtual-image' || this.closingState === 'animation') { this.updateThumbnailPosition(); } } onKeyDown(event) { switch (event.key) { case 'ArrowLeft': this.prev(); break; case 'ArrowRight': this.next(); break; case 'Escape': this.close(); break; } } onMouseEnter(event) { this.hideControls = false; } transitionEnd(event) { if (event.propertyName === "transform" && this.hostAnimation) { this.hostAnimation = false; } } ngOnInit() { this.currentImageIndex = this.properties.index; this.initialization(); } ngAfterViewInit() { setTimeout(() => { if (this.currImageLoadingState === 'not-loaded') { this.currImageLoadingState = 'loading'; } }, this.preloaderTimeout); // Mode: default if (this.animationMode === 'default') { setTimeout(() => { this.startOpeningAnimation(); }, this.minTimeout); } } onImageLoaded() { // When opening lightbox if (this.animationMode === 'zoom-preloader' && this.showState === 'initial-thumbnail-image') { this.setVirtualImageStyles(); setTimeout(() => { this.currImageLoadingState = 'uploaded'; this.startOpeningAnimation(); if (this.properties.hideThumbnail) { this.hideThumbnailImage(); } }, this.minTimeout); } // When opening next / previous image if (this.showState === 'animation-end') { this.currImageLoadingState = 'uploaded'; if (this.properties.hideThumbnail) { this.hideThumbnailImage(); } } this.ref.detectChanges(); } onImageError(event) { this.currImageLoadingState = 'error'; this.setInitialContainerStyles('default'); setTimeout(() => { this.startOpeningAnimation(); }, this.minTimeout); } onContainerClick(event) { if (event.target === this.containerElement.nativeElement || this.simpleMode) { this.close(); } } initialization() { this.setMaxDimensions(); this.setAnimationDuration(); this.setInitialContainerStyles(this.animationMode); } setInitialContainerStyles(mode) { switch (mode) { case 'default': this.showState = 'initial-default'; this.containerStyles = { transform: 'translate3d(0, 0, 0)', height: '100%', width: '100%', opacity: '0' }; // next step: AfterViewInit break; case 'zoom-preloader': this.setShowState('initial-thumbnail-image'); this.containerStyles = { transform: this.containerInitialPosition, height: this.thumbnailImagePosition.height + 'px', width: this.thumbnailImagePosition.width + 'px' }; // next step: onImageLoaded() break; } } setVirtualImageStyles() { this.setShowState('initial-virtual-image'); this.containerStyles = { transform: this.containerInitialPosition, height: this.virtualImageDimension.height + 'px', width: this.virtualImageDimension.width + 'px' }; // next step: onImageLoaded() -> startOpeningAnimation() } startOpeningAnimation() { this.hostAnimation = true; this.setShowState('animation'); this.hostShown = true; this.setBackgroundColor(); this.setAnimationDuration(); // Mode: zoom preloader if (this.animationMode === 'zoom-preloader' && this.currImageLoadingState !== 'error') { this.containerStyles.transform = this.containerFullscreenPosition; } // Mode: default if (this.animationMode === 'default') { this.containerStyles.opacity = '1'; } // next step: handleLightboxTransitionEnd } finishOpeningAnimation() { this.setShowState('animation-end'); this.containerStyles = { transform: 'translate3d(0, 0, 0)', height: '100%', width: '100%', }; } close() { //this.setClosingState('initial'); this.hostShown = false; this.setClosingState('initial-styles'); this.setInitialClosingAnimationStyles(this.animationMode); setTimeout(() => { this.startClosingAnimation(); }, this.minTimeout); } setInitialClosingAnimationStyles(mode) { if (mode === 'zoom-preloader') { this.containerStyles = { transform: this.containerFullscreenPosition, height: this.virtualImageDimension.height + 'px', width: this.virtualImageDimension.width + 'px', }; } if (mode === 'default') { this.containerStyles.opacity = '1'; } } startClosingAnimation() { this.setClosingState('animation'); // Mode: zoom preloader if (this.animationMode === 'zoom-preloader') { this.hostAnimation = true; this.containerStyles = { transform: this.containerInitialPosition, height: this.getContainerHeight(), width: this.getContainerWidth(), }; this.hostStyleBackgroundColor = ''; } // Mode: default if (this.animationMode === 'default') { this.hostAnimation = true; this.containerStyles.opacity = '0'; this.hostStyleBackgroundColor = ''; } this.setAnimationDuration(); // next step: handleLightboxTransitionEnd if (this.animationDuration === 0) { // in the future, change to a type conversion getter this.finishClosingAnimation(); } } finishClosingAnimation() { this.setClosingState('animation-end'); this.events.emit({ type: 'close' }); // Mode: zoom preloader if (this.animationMode === 'zoom-preloader') { this.showThumbnailImage(); } } /* * Transition End */ handleLightboxTransitionEnd(event) { if (this.showState === 'animation') { this.finishOpeningAnimation(); } // Last close step if (this.closingState === 'animation') { this.finishClosingAnimation(); } } next() { if (this.animationMode === 'zoom-preloader') { this.showThumbnailImage(); } if (this.isLastImage) { if (this.properties.loop) { this.currentImageIndex = 0; } else { return; } } else { this.currentImageIndex++; this.currImageLoadingState = 'loading'; } setTimeout(() => { if (this.currImageLoadingState !== 'uploaded') { this.currImageLoadingState = 'loading'; } }, this.preloaderTimeout); } prev() { if (this.animationMode === 'zoom-preloader') { this.showThumbnailImage(); } if (this.isFirstImage) { if (this.properties.loop) { this.currentImageIndex = this.latestImageIndex; } else { return; } } else { this.currentImageIndex--; this.currImageLoadingState = 'loading'; } setTimeout(() => { if (this.currImageLoadingState !== 'uploaded') { this.currImageLoadingState = 'loading'; } }, this.preloaderTimeout); } setMaxDimensions() { this.lightboxImage.nativeElement.style.maxHeight = 'calc(' + this.properties.imageMaxHeight + ')'; this.lightboxImage.nativeElement.style.maxWidth = this.properties.imageMaxWidth; } handlePinchZoomEvents(event) { if (event.type === "zoom-in") { this.isZoomIn = true; } if (event.type === "zoom-out") { this.isZoomIn = false; } } getContainerWidth() { return this.thumbnailImagePosition.width / this.containerScale + 'px'; } } LightboxComponent.ɵfac = function LightboxComponent_Factory(t) { return new (t || LightboxComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_event_service__WEBPACK_IMPORTED_MODULE_2__["EventService"])); }; LightboxComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: LightboxComponent, selectors: [["cui-lightbox"]], viewQuery: function LightboxComponent_Query(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵviewQuery"](_c0, 3); } if (rf & 2) { let _t; _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.containerElement = _t.first); } }, hostAttrs: [1, "lightbox"], hostVars: 12, hostBindings: function LightboxComponent_HostBindings(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("scroll", function LightboxComponent_scroll_HostBindingHandler() { return ctx.scrolling(); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"])("keydown", function LightboxComponent_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"])("mouseenter", function LightboxComponent_mouseenter_HostBindingHandler($event) { return ctx.onMouseEnter($event); })("transitionend", function LightboxComponent_transitionend_HostBindingHandler($event) { return ctx.transitionEnd($event); }); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("background-color", ctx.hostStyleBackgroundColor); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("lightbox-shown", ctx.hostShown)("lightbox-hide-controls", ctx.hideControls)("lightbox-animation", ctx.hostAnimation)("lightbox-simple-mode", ctx.simpleMode)("lightbox-light", ctx.hostLightTheme); } }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵInheritDefinitionFeature"]], decls: 11, vars: 11, consts: [["class", "lightbox-counter", 4, "ngIf"], ["class", "lightbox-close", 3, "click", 4, "ngIf"], ["class", "lightbox-spinner", 4, "ngIf"], [1, "lightbox-container", 3, "ngStyle", "transitionend", "click"], ["container", ""], ["class", "lightbox-preloader", 4, "ngIf"], ["class", "lightbox-error", 4, "ngIf"], [1, "lightbox-curr-image", 3, "src", "load", "error"], ["lightboxImage", ""], [1, "lightbox-prev", 3, "hidden", "click"], [1, "lightbox-next", 3, "hidden", "click"], [1, "lightbox-counter"], [1, "lightbox-close", 3, "click"], [1, "lightbox-spinner"], [1, "lightbox-preloader"], [1, "lightbox-error"]], template: function LightboxComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, LightboxComponent_div_0_Template, 2, 1, "div", 0); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, LightboxComponent_div_1_Template, 2, 1, "div", 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, LightboxComponent_div_2_Template, 1, 0, "div", 2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3, 4); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("transitionend", function LightboxComponent_Template_div_transitionend_3_listener($event) { return ctx.handleLightboxTransitionEnd($event); })("click", function LightboxComponent_Template_div_click_3_listener($event) { return ctx.onContainerClick($event); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, LightboxComponent_div_5_Template, 2, 0, "div", 5); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, LightboxComponent_div_6_Template, 2, 0, "div", 6); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "img", 7, 8); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("load", function LightboxComponent_Template_img_load_7_listener() { return ctx.onImageLoaded(); })("error", function LightboxComponent_Template_img_error_7_listener($event) { return ctx.onImageError($event); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 9); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LightboxComponent_Template_div_click_9_listener() { return ctx.prev(); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 10); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LightboxComponent_Template_div_click_10_listener() { return ctx.next(); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.properties.counter && ctx.images.length > 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.simpleMode); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.currImageLoadingState === "loading" && ctx.showState === "animation-end"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngStyle", ctx.containerStyles); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isPreloader); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.currImageLoadingState === "error" && !ctx.closingState); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("lightbox-show", ctx.currImageLoadingState === "uploaded"); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("src", ctx.currImagePath, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("hidden", ctx.isHiddenPrevArrow); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("hidden", ctx.isHiddenNextArrow); } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgStyle"]], styles: [".lightbox-spinner,\n.lightbox-spinner:before,\n.lightbox-spinner:after {\n border-radius: 50%;\n width: 10px;\n height: 10px;\n animation-fill-mode: both;\n animation: lightbox-load 1.5s infinite ease-in-out;\n}\n\n.lightbox-spinner {\n color: #ffffff;\n font-size: 10px;\n margin: 0 auto;\n margin-bottom: 20px;\n position: relative;\n text-indent: -9999em;\n transform: translateZ(0);\n animation-delay: -0.16s;\n}\n\n.lightbox-spinner:before,\n.lightbox-spinner:after {\n content: \"\";\n position: absolute;\n top: 0;\n}\n\n.lightbox-spinner:before {\n left: -32px;\n animation-delay: -0.32s;\n}\n\n.lightbox-spinner:after {\n left: 32px;\n}\n\n@keyframes lightbox-load {\n 0%, 80%, 100% {\n box-shadow: 0 10px 0 -1.3em;\n }\n 40% {\n box-shadow: 0 10px 0 0;\n }\n}\n\n.lightbox.lightbox-shown {\n opacity: 1;\n}\n\n.lightbox.lightbox-shown .lightbox-close,\n.lightbox.lightbox-shown .lightbox-prev,\n.lightbox.lightbox-shown .lightbox-next {\n opacity: 0.5;\n transition-delay: 100ms;\n}\n\n.lightbox.lightbox-shown .lightbox-prev:hover,\n.lightbox.lightbox-shown .lightbox-next:hover,\n.lightbox.lightbox-shown .lightbox-close:hover {\n opacity: 1;\n transition-delay: 0;\n}\n\n.lightbox.lightbox-shown .lightbox-counter {\n opacity: 1;\n}\n\n.lightbox.lightbox-hide-controls .lightbox-close,\n.lightbox.lightbox-hide-controls .lightbox-prev,\n.lightbox.lightbox-hide-controls .lightbox-next {\n opacity: 0;\n}\n\n.lightbox.lightbox-simple-mode .lightbox-container {\n cursor: zoom-out;\n}\n\n.lightbox:not(.lightbox-animation) .lightbox-container {\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n left: 0;\n height: 100%;\n}\n\n.lightbox.lightbox-light {\n color: #000;\n text-shadow: none;\n}\n\n.lightbox {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n color: #fff;\n text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.65);\n -webkit-user-select: none;\n user-select: none;\n z-index: 10000;\n}\n\n.lightbox img {\n opacity: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.lightbox img.lightbox-curr-image.lightbox-show {\n opacity: 1;\n}\n\n.lightbox img.lightbox-curr-image {\n opacity: 0;\n z-index: 10;\n}\n\n.lightbox .lightbox-container.lightbox-hide {\n display: none;\n}\n\n.lightbox .lightbox-container {\n position: absolute;\n -webkit-user-select: none;\n user-select: none;\n transform-origin: top left;\n}\n\n.lightbox .lightbox-preloader {\n background: rgba(0, 0, 0, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.lightbox .lightbox-spinner {\n position: absolute;\n top: 51%;\n left: 50%;\n margin-top: -15px;\n margin-left: -5px;\n}\n\n.lightbox .lightbox-preloader .lightbox-spinner {\n margin-top: -9px;\n margin-left: -3px;\n}\n\n.lightbox .lightbox-preloader .lightbox-spinner,\n.lightbox .lightbox-preloader .lightbox-spinner:before,\n.lightbox .lightbox-preloader .lightbox-spinner:after {\n width: 6px;\n height: 6px;\n}\n\n.lightbox .lightbox-preloader .lightbox-spinner:before {\n left: -21px;\n}\n\n.lightbox .lightbox-preloader .lightbox-spinner:after {\n left: 21px;\n}\n\n.lightbox .lightbox-counter {\n text-align: left;\n position: absolute;\n left: 22px;\n top: 13px;\n font-size: 14px;\n z-index: 30;\n}\n\n.lightbox .lightbox-error {\n color: rgba(255, 255, 255, 0.75);\n font-size: 19px;\n}\n\n.lightbox .lightbox-close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 13px 22px;\n font-size: 13px;\n text-transform: uppercase;\n cursor: pointer;\n opacity: 0.5;\n z-index: 30;\n}\n\n.lightbox .lightbox-prev,\n.lightbox .lightbox-next {\n width: 100px;\n height: 100%;\n position: absolute;\n top: 0;\n cursor: pointer;\n opacity: 0.5;\n z-index: 20;\n transition: opacity 150ms ease-in-out;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n}\n\n.lightbox .lightbox-prev {\n left: 0;\n 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;\n}\n\n.lightbox .lightbox-next {\n right: 0;\n 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;\n}\n\n.lightbox .lightbox-counter,\n.lightbox .lightbox-close,\n.lightbox .lightbox-prev,\n.lightbox .lightbox-next {\n opacity: 0;\n transition: opacity 150ms ease-in-out;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFwuLlxcLi5cXC4uXFxzcGlubmVyLnNhc3MiLCIuLlxcLi5cXC4uXFwuLlxcbGlnaHRib3guY29tcG9uZW50LnNhc3MiLCIuLlxcLi5cXC4uXFwuLlxcdmFyaWFibGVzLnNhc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztFQUdFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFFQSx5QkFBQTtFQUVBLGtEQUFBO0FDQ0Y7O0FEQUE7RUFDRSxjQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLGtCQUFBO0VBQ0Esb0JBQUE7RUFHQSx3QkFBQTtFQUVBLHVCQUFBO0FDR0Y7O0FERkE7O0VBRUUsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsTUFBQTtBQ0tGOztBREpBO0VBQ0UsV0FBQTtFQUVBLHVCQUFBO0FDT0Y7O0FETkE7RUFDRSxVQUFBO0FDU0Y7O0FEQ0E7RUFDRTtJQUdFLDJCQUFBO0VDUUY7RURQQTtJQUNFLHNCQUFBO0VDU0Y7QUFDRjs7QUF2REE7RUFDRSxVQUFBO0FBeURGOztBQXhERTs7O0VBR0UsWUFBQTtFQUNBLHVCQ0w0QjtBRCtEaEM7O0FBekRFOzs7RUFHRSxVQUFBO0VBQ0EsbUJBQUE7QUEyREo7O0FBMURFO0VBQ0UsVUFBQTtBQTRESjs7QUF6REU7OztFQUdFLFVBQUE7QUE0REo7O0FBekRFO0VBQ0UsZ0JBQUE7QUE0REo7O0FBekRFO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxNQUFBO0VBQ0EsT0FBQTtFQUNBLFlBQUE7QUE0REo7O0FBMURBO0VBQ0UsV0N0Q3FCO0VEdUNyQixpQkFBQTtBQTZERjs7QUEzREE7RUFDRSxlQUFBO0VBQ0EsTUFBQTtFQUNBLE9BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLFdDOUNvQjtFRCtDcEIsNENDM0NxQjtFRDRDckIseUJBQUE7VUFBQSxpQkFBQTtFQUNBLGNDaERpQjtBRDhHbkI7O0FBN0RFO0VBQ0UsVUFBQTtFQUNBLGVBQUE7RUFDQSxnQkFBQTtBQStESjs7QUE5REU7RUFDRSxVQUFBO0FBZ0VKOztBQS9ERTtFQUNFLFVBQUE7RUFDQSxXQUFBO0FBaUVKOztBQWhFRTtFQUNFLGFBQUE7QUFrRUo7O0FBakVFO0VBQ0Usa0JBQUE7RUFDQSx5QkFBQTtVQUFBLGlCQUFBO0VBQ0EsMEJBQUE7QUFtRUo7O0FBbEVFO0VBQ0UsOEJDN0Q0QjtFRDhENUIsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0FBb0VKOztBQW5FRTtFQUNFLGtCQUFBO0VBQ0EsUUFBQTtFQUNBLFNBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0FBcUVKOztBQW5FSTtFQUNFLGdCQUFBO0VBQ0EsaUJBQUE7QUFxRU47O0FBcEVJOzs7RUFHRSxVQUFBO0VBQ0EsV0FBQTtBQXNFTjs7QUFyRUk7RUFDRSxXQUFBO0FBdUVOOztBQXRFSTtFQUNFLFVBQUE7QUF3RU47O0FBdkVFO0VBQ0UsZ0JBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxTQUFBO0VBQ0EsZUMzRnlCO0VENEZ6QixXQUFBO0FBeUVKOztBQXhFRTtFQUNFLGdDQzdGbUI7RUQ4Rm5CLGVDN0Z1QjtBRHVLM0I7O0FBekVFO0VBQ0Usa0JBQUE7RUFDQSxNQUFBO0VBQ0EsUUFBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtFQUNBLHlCQUFBO0VBQ0EsZUFBQTtFQUNBLFlBQUE7RUFDQSxXQUFBO0FBMkVKOztBQTFFRTs7RUFFRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0EsTUFBQTtFQUNBLGVBQUE7RUFDQSxZQUFBO0VBQ0EsV0FBQTtFQUNBLHFDQ3ZIc0I7RUR3SHRCLG1EQUFBO0FBNEVKOztBQTNFRTtFQUNFLE9BQUE7RUFDQSxrbkVBQUE7QUE2RUo7O0FBNUVFO0VBQ0UsUUFBQTtFQUNBLHVuRUFBQTtBQThFSjs7QUE3RUU7Ozs7RUFJRSxVQUFBO0VBQ0EscUNDcElzQjtBRG1OMUIiLCJmaWxlIjoibGlnaHRib3guY29tcG9uZW50LnNhc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubGlnaHRib3gtc3Bpbm5lcixcbi5saWdodGJveC1zcGlubmVyOmJlZm9yZSxcbi5saWdodGJveC1zcGlubmVyOmFmdGVyXG4gIGJvcmRlci1yYWRpdXM6IDUwJVxuICB3aWR0aDogMTBweFxuICBoZWlnaHQ6IDEwcHhcbiAgLXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBib3RoXG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGJvdGhcbiAgLXdlYmtpdC1hbmltYXRpb246IGxpZ2h0Ym94LWxvYWQgMS41cyBpbmZpbml0ZSBlYXNlLWluLW91dFxuICBhbmltYXRpb246IGxpZ2h0Ym94LWxvYWQgMS41cyBpbmZpbml0ZSBlYXNlLWluLW91dFxuLmxpZ2h0Ym94LXNwaW5uZXJcbiAgY29sb3I6ICNmZmZmZmZcbiAgZm9udC1zaXplOiAxMHB4XG4gIG1hcmdpbjogMCBhdXRvXG4gIG1hcmdpbi1ib3R0b206IDIwcHggXG4gIHBvc2l0aW9uOiByZWxhdGl2ZVxuICB0ZXh0LWluZGVudDogLTk5OTllbVxuICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWigwKVxuICAtbXMtdHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKVxuICAtd2Via2l0LWFuaW1hdGlvbi1kZWxheTogLTAuMTZzXG4gIGFuaW1hdGlvbi1kZWxheTogLTAuMTZzXG4ubGlnaHRib3gtc3Bpbm5lcjpiZWZvcmUsXG4ubGlnaHRib3gtc3Bpbm5lcjphZnRlclxuICBjb250ZW50OiAnJ1xuICBwb3NpdGlvbjogYWJzb2x1dGVcbiAgdG9wOiAwXG4ubGlnaHRib3gtc3Bpbm5lcjpiZWZvcmVcbiAgbGVmdDogLTMycHhcbiAgLXdlYmtpdC1hbmltYXRpb24tZGVsYXk6IC0wLjMyc1xuICBhbmltYXRpb24tZGVsYXk6IC0wLjMyc1xuLmxpZ2h0Ym94LXNwaW5uZXI6YWZ0ZXJcbiAgbGVmdDogMzJweFxuXG5ALXdlYmtpdC1rZXlmcmFtZXMgbGlnaHRib3gtbG9hZFxuICAwJSxcbiAgODAlLFxuICAxMDAlXG4gICAgYm94LXNoYWRvdzogMCAyLjVlbSAwIC0xLjNlbVxuICA0MCVcbiAgICBib3gtc2hhZG93OiAwIDIuNWVtIDAgMFxuICBcbkBrZXlmcmFtZXMgbGlnaHRib3gtbG9hZFxuICAwJSxcbiAgODAlLFxuICAxMDAlXG4gICAgYm94LXNoYWRvdzogMCAxMHB4IDAgLTEuM2VtXG4gIDQwJSBcbiAgICBib3gtc2hhZG93OiAwIDEwcHggMCAwIiwiLmxpZ2h0Ym94LXNwaW5uZXIsXG4ubGlnaHRib3gtc3Bpbm5lcjpiZWZvcmUsXG4ubGlnaHRib3gtc3Bpbm5lcjphZnRlciB7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwcHg7XG4gIGhlaWdodDogMTBweDtcbiAgLXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBib3RoO1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBib3RoO1xuICAtd2Via2l0LWFuaW1hdGlvbjogbGlnaHRib3gtbG9hZCAxLjVzIGluZmluaXRlIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb246IGxpZ2h0Ym94LWxvYWQgMS41cyBpbmZpbml0ZSBlYXNlLWluLW91dDtcbn1cblxuLmxpZ2h0Ym94LXNwaW5uZXIge1xuICBjb2xvcjogI2ZmZmZmZjtcbiAgZm9udC1zaXplOiAxMHB4O1xuICBtYXJnaW46IDAgYXV0bztcbiAgbWFyZ2luLWJvdHRvbTogMjBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0ZXh0LWluZGVudDogLTk5OTllbTtcbiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gIC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgLXdlYmtpdC1hbmltYXRpb24tZGVsYXk6IC0wLjE2cztcbiAgYW5pbWF0aW9uLWRlbGF5OiAtMC4xNnM7XG59XG5cbi5saWdodGJveC1zcGlubmVyOmJlZm9yZSxcbi5saWdodGJveC1zcGlubmVyOmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG59XG5cbi5saWdodGJveC1zcGlubmVyOmJlZm9yZSB7XG4gIGxlZnQ6IC0zMnB4O1xuICAtd2Via2l0LWFuaW1hdGlvbi1kZWxheTogLTAuMzJzO1xuICBhbmltYXRpb24tZGVsYXk6IC0wLjMycztcbn1cblxuLmxpZ2h0Ym94LXNwaW5uZXI6YWZ0ZXIge1xuICBsZWZ0OiAzMnB4O1xufVxuXG5ALXdlYmtpdC1rZXlmcmFtZXMgbGlnaHRib3gtbG9hZCB7XG4gIDAlLCA4MCUsIDEwMCUge1xuICAgIGJveC1zaGFkb3c6IDAgMi41ZW0gMCAtMS4zZW07XG4gIH1cbiAgNDAlIHtcbiAgICBib3gtc2hhZG93OiAwIDIuNWVtIDAgMDtcbiAgfVxufVxuQGtleWZyYW1lcyBsaWdodGJveC1sb2FkIHtcbiAgMCUsIDgwJSwgMTAwJSB7XG4gICAgYm94LXNoYWRvdzogMCAxMHB4IDAgLTEuM2VtO1xuICB9XG4gIDQwJSB7XG4gICAgYm94LXNoYWRvdzogMCAxMHB4IDAgMDtcbiAgfVxufVxuLmxpZ2h0Ym94LmxpZ2h0Ym94LXNob3duIHtcbiAgb3BhY2l0eTogMTtcbn1cbi5saWdodGJveC5saWdodGJveC1zaG93biAubGlnaHRib3gtY2xvc2UsXG4ubGlnaHRib3gubGlnaHRib3gtc2hvd24gLmxpZ2h0Ym94LXByZXYsXG4ubGlnaHRib3gubGlnaHRib3gtc2hvd24gLmxpZ2h0Ym94LW5leHQge1xuICBvcGFjaXR5OiAwLjU7XG4gIHRyYW5zaXRpb24tZGVsYXk6IDEwMG1zO1xufVxuLmxpZ2h0Ym94LmxpZ2h0Ym94LXNob3duIC5saWdodGJveC1wcmV2OmhvdmVyLFxuLmxpZ2h0Ym94LmxpZ2h0Ym94LXNob3duIC5saWdodGJveC1uZXh0OmhvdmVyLFxuLmxpZ2h0Ym94LmxpZ2h0Ym94LXNob3duIC5saWdodGJveC1jbG9zZTpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG4gIHRyYW5zaXRpb24tZGVsYXk6IDA7XG59XG4ubGlnaHRib3gubGlnaHRib3gtc2hvd24gLmxpZ2h0Ym94LWNvdW50ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4ubGlnaHRib3gubGlnaHRib3gtaGlkZS1jb250cm9scyAubGlnaHRib3gtY2xvc2UsXG4ubGlnaHRib3gubGlnaHRib3gtaGlkZS1jb250cm9scyAubGlnaHRib3gtcHJldixcbi5saWdodGJveC5saWdodGJveC1oaWRlLWNvbnRyb2xzIC5saWdodGJveC1uZXh0IHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLmxpZ2h0Ym94LmxpZ2h0Ym94LXNpbXBsZS1tb2RlIC5saWdodGJveC1jb250YWluZXIge1xuICBjdXJzb3I6IHpvb20tb3V0O1xufVxuXG4ubGlnaHRib3g6bm90KC5saWdodGJveC1hbmltYXRpb24pIC5saWdodGJveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5saWdodGJveC5saWdodGJveC1saWdodCB7XG4gIGNvbG9yOiAjMDAwO1xuICB0ZXh0LXNoYWRvdzogbm9uZTtcbn1cblxuLmxpZ2h0Ym94IHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGNvbG9yOiAjZmZmO1xuICB0ZXh0LXNoYWRvdzogMHB4IDBweCAxcHggcmdiYSgwLCAwLCAwLCAwLjY1KTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHotaW5kZXg6IDEwMDAwO1xufVxuLmxpZ2h0Ym94IGltZyB7XG4gIG9wYWNpdHk6IDE7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWF4LWhlaWdodDogMTAwJTtcbn1cbi5saWdodGJveCBpbWcubGlnaHRib3gtY3Vyci1pbWFnZS5saWdodGJveC1zaG93IHtcbiAgb3BhY2l0eTogMTtcbn1cbi5saWdodGJveCBpbWcubGlnaHRib3gtY3Vyci1pbWFnZSB7XG4gIG9wYWNpdHk6IDA7XG4gIHotaW5kZXg6IDEwO1xufVxuLmxpZ2h0Ym94IC5saWdodGJveC1jb250YWluZXIubGlnaHRib3gtaGlkZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4ubGlnaHRib3ggLmxpZ2h0Ym94LWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xufVxuLmxpZ2h0Ym94IC5saWdodGJveC1wcmVsb2FkZXIge1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG59XG4ubGlnaHRib3ggLmxpZ2h0Ym94LXNwaW5uZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTElO1xuICBsZWZ0OiA1MCU7XG4gIG1hcmdpbi10b3A6IC0xNXB4O1xuICBtYXJnaW4tbGVmdDogLTVweDtcbn1cbi5saWdodGJveCAubGlnaHRib3gtcHJlbG9hZGVyIC5saWdodGJveC1zcGlubmVyIHtcbiAgbWFyZ2luLXRvcDogLTlweDtcbiAgbWFyZ2luLWxlZnQ6IC0zcHg7XG59XG4ubGlnaHRib3ggLmxpZ2h0Ym94LXByZWxvYWRlciAubGlnaHRib3gtc3Bpbm5lcixcbi5saWdodGJveCAubGlnaHRib3gtcHJlbG9hZGVyIC5saWdodGJveC1zcGlubmVyOmJlZm9yZSxcbi5saWdodGJveCAubGlnaHRib3gtcHJlbG9hZGVyIC5saWdodGJveC1zcGlubmVyOmFmdGVyIHtcbiAgd2lkdGg6IDZweDtcbiAgaGVpZ2h0OiA2cHg7XG59XG4ubGlnaHRib3ggLmxpZ2h0Ym94LXByZWxvYWRlciAubGlnaHRib3gtc3Bpbm5lcjpiZWZvcmUge1xuICBsZWZ0OiAtMjFweDtcbn1cbi5saWdodGJveCAubGlnaHRib3gtcHJlbG9hZGVyIC5saWdodGJveC1zcGlubmVyOmFmdGVyIHtcbiAgbGVmdDogMjFweDtcbn1cbi5saWdodGJveCAubGlnaHRib3gtY291bnRlciB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMjJweDtcbiAgdG9wOiAxM3B4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIHotaW5kZXg6IDMwO1xufVxuLmxpZ2h0Ym94IC5saWdodGJveC1lcnJvciB7XG4gIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNzUpO1xuICBmb250LXNpemU6IDE5cHg7XG59XG4ubGlnaHRib3ggLmxpZ2h0Ym94LWNsb3NlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBwYWRkaW5nOiAxM3B4IDIycHg7XG4gIGZvbnQtc2l6ZTogMTNweDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvcGFjaXR5OiAwLjU7XG4gIHotaW5kZXg6IDMwO1xufVxuLmxpZ2h0Ym94IC5saWdodGJveC1wcmV2LFxuLmxpZ2h0Ym94IC5saWdodGJveC1uZXh0IHtcbiAgd2lkdGg6IDEwMHB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG9wYWNpdHk6IDAuNTtcbiAgei1pbmRleDogMjA7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZS1pbi1vdXQ7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwKTtcbn1cbi5saWdodGJveCAubGlnaHRib3gtcHJldiB7XG4gIGxlZnQ6IDA7XG4gIGJhY2tncm91bmQ6IHVybChkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJZQUFBQWlDQVlBQUFCYlh5bUFBQUFBR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQXlacFZGaDBXRTFNT21OdmJTNWhaRzlpWlM1NGJYQUFBQUFBQUR3L2VIQmhZMnRsZENCaVpXZHBiajBpNzd1L0lpQnBaRDBpVnpWTk1FMXdRMlZvYVVoNmNtVlRlazVVWTNwcll6bGtJajgrSUR4NE9uaHRjRzFsZEdFZ2VHMXNibk02ZUQwaVlXUnZZbVU2Ym5NNmJXVjBZUzhpSUhnNmVHMXdkR3M5SWtGa2IySmxJRmhOVUNCRGIzSmxJRFV1Tmkxak1UTTRJRGM1TGpFMU9UZ3lOQ3dnTWpBeE5pOHdPUzh4TkMwd01Ub3dPVG93TVNBZ0lDQWdJQ0FnSWo0Z1BISmtaanBTUkVZZ2VHMXNibk02Y21SbVBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHhPVGs1THpBeUx6SXlMWEprWmkxemVXNTBZWGd0Ym5NaklqNGdQSEprWmpwRVpYTmpjbWx3ZEdsdmJpQnlaR1k2WVdKdmRYUTlJaUlnZUcxc2JuTTZlRzF3UFNKb2RIUndPaTh2Ym5NdVlXUnZZbVV1WTI5dEwzaGhjQzh4TGpBdklpQjRiV3h1Y3pwNGJYQk5UVDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5NFlYQXZNUzR3TDIxdEx5SWdlRzFzYm5NNmMzUlNaV1k5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5elZIbHdaUzlTWlhOdmRYSmpaVkpsWmlNaUlIaHRjRHBEY21WaGRHOXlWRzl2YkQwaVFXUnZZbVVnVUdodmRHOXphRzl3SUVORElESXdNVGNnS0ZkcGJtUnZkM01wSWlCNGJYQk5UVHBKYm5OMFlXNWpaVWxFUFNKNGJYQXVhV2xrT2pNek1UWkNRekZFUkRnek1URXhSVGM1UVVZeFFUVXhSREk1TWtNNU9EWkNJaUI0YlhCTlRUcEViMk4xYldWdWRFbEVQU0o0YlhBdVpHbGtPak16TVRaQ1F6RkZSRGd6TVRFeFJUYzVRVVl4UVRVeFJESTVNa001T0RaQ0lqNGdQSGh0Y0UxTk9rUmxjbWwyWldSR2NtOXRJSE4wVW1WbU9tbHVjM1JoYm1ObFNVUTlJbmh0Y0M1cGFXUTZNek14TmtKRE1VSkVPRE14TVRGRk56bEJSakZCTlRGRU1qa3lRems0TmtJaUlITjBVbVZtT21SdlkzVnRaVzUwU1VROUluaHRjQzVrYVdRNk16TXhOa0pETVVORU9ETXhNVEZGTnpsQlJqRkJOVEZFTWpreVF6azROa0lpTHo0Z1BDOXlaR1k2UkdWelkzSnBjSFJwYjI0K0lEd3ZjbVJtT2xKRVJqNGdQQzk0T25odGNHMWxkR0UrSUR3L2VIQmhZMnRsZENCbGJtUTlJbklpUHo3VnJ3WktBQUFDbEVsRVFWUjQycXpXU1k4U1FSZ0dZTG9WSFBlVFhsd0NpSXdNQXJKR3RpQUJOZXA0SUdaaTRvRWZNSm9vTGplUHJuRkdmNXlKUzBoWW1xMmIvYUJ4aVE2K2xSUkpkYVVacTV2cDVFMlRMbmlvVkZkOVZaTE4raVV4SWRlTWlXMmZSVkNtdnoyRHBKQlZDazZYNlNWQkhRUkxwVktiN1hiNzgyZzBVc3JsOGpNOFcwUDIwKzlZUW4zSlpQSWh3TjZNWG9QQm9JM25HOGlLR1poRjE0QStBcXJPbUt0V3EzMUYyMTNra09nUTY5QjBPbDBCcXJGb3Q5dlYvSDcvYzdSZkVvVloxRytFZGpxZHZ0ZnJmWW4ySzhnSmthSFFvZGxzdGpJZWovc3NpaGRIMERkb3Y0YWNRbzdRbHljSm81UEpoRWMxajhmem1xSmsyaDFEN0x2MWxrVXY1bks1eHp6YWFyV01VSWN3bXMvbkNUcmdVYmZiVGRDclZ0QUFRYWZUcVE1VkZFVmRDaTBVQ2svUTB5R0xOcHROMWVsMHZxTG9hUkhVeHFQb0tZLzJLRm8wZzByMGJhNFdpOFduUUVjczJtZzBWQVBVTHJKc1pUcXBOekRaNnl4YXI5ZFZsOHRGVnRSMTBTbkZvaEpkZ25aWXVoOUlralNUWmZrblBuNUR2aU8va0wvSWprZ3RJT2hoSko3SlpGNWdkVTI0aGRERzZxcWcvUUp5d0V6bG1nL0ZTVExoRTRuRTluQTRuSEpGUnZINWZKdG85NGdPQmZ2eWp0SnhYSS9INHgrQTYzcmU2L1VVVkRDQ256ZUR6NmZiY2VRc2Nqc1dpNzAzd0ZzTTdoREJKUU44UFJxTmJtTm4wT0dhcHUwSmZvdmlZeDRQQkFMMzBlNWRDZytIdzBaNGU4L3dmci9QNDUxUUtQUmdhUnpJRmpEZGtzZWZzYmpkS241ekVSNkpSTWl3dVArM05lMktCNFBCTFZWVlIxeGQrWUsyTzJiT0ZZdndkOENIYksveC9KNlpjOFVpL0FabXhkdHF0ZHJBd2xGTHBSTFpyUy9QWWNua0VVdWlZN2hDUytnNXNvdlQ1NStRajdRUy9qWUQ4empwL1VGNnQ5R1Mrb1BlZDh6Q0xDNXpKMHRTby8vUSs4d0tMSFR3L2lmQUFNUVZTNHZIWlIyVkFBQUFBRWxGVGtTdVFtQ0MpIGNlbnRlciBsZWZ0IDIycHggbm8tcmVwZWF0O1xufVxuLmxpZ2h0Ym94IC5saWdodGJveC1uZXh0IHtcbiAgcmlnaHQ6IDA7XG4gIGJhY2tncm91bmQ6IHVybChkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJZQUFBQWlDQVlBQUFCYlh5bUFBQUFBR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQXlacFZGaDBXRTFNT21OdmJTNWhaRzlpWlM1NGJYQUFBQUFBQUR3L2VIQmhZMnRsZENCaVpXZHBiajBpNzd1L0lpQnBaRDBpVnpWTk1FMXdRMlZvYVVoNmNtVlRlazVVWTNwcll6bGtJajgrSUR4NE9uaHRjRzFsZEdFZ2VHMXNibk02ZUQwaVlXUnZZbVU2Ym5NNmJXVjBZUzhpSUhnNmVHMXdkR3M5SWtGa2IySmxJRmhOVUNCRGIzSmxJRFV1Tmkxak1UTTRJRGM1TGpFMU9UZ3lOQ3dnTWpBeE5pOHdPUzh4TkMwd01Ub3dPVG93TVNBZ0lDQWdJQ0FnSWo0Z1BISmtaanBTUkVZZ2VHMXNibk02Y21SbVBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHhPVGs1THpBeUx6SXlMWEprWmkxemVXNTBZWGd0Ym5NaklqNGdQSEprWmpwRVpYTmpjbWx3ZEdsdmJpQnlaR1k2WVdKdmRYUTlJaUlnZUcxc2JuTTZlRzF3UFNKb2RIUndPaTh2Ym5NdVlXUnZZbVV1WTI5dEwzaGhjQzh4TGpBdklpQjRiV3h1Y3pwNGJYQk5UVDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5NFlYQXZNUzR3TDIxdEx5SWdlRzFzYm5NNmMzUlNaV1k5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5elZIbHdaUzlTWlhOdmRYSmpaVkpsWmlNaUlIaHRjRHBEY21WaGRHOXlWRzl2YkQwaVFXUnZZbVVnVUdodmRHOXphRzl3SUVORElESXdNVGNnS0ZkcGJtUnZkM01wSWlCNGJYQk5UVHBKYm5OMFlXNWpaVWxFUFNKNGJYQXVhV2xrT2pFeU5ERTNNREUxUkRnek1URXhSVGM1TmpNNFFUSXpRekkyUmpjMlFqZzJJaUI0YlhCTlRUcEViMk4xYldWdWRFbEVQU0o0YlhBdVpHbGtPakV5TkRFM01ERTJSRGd6TVRFeFJUYzVOak00UVRJelF6STJSamMyUWpnMklqNGdQSGh0Y0UxTk9rUmxjbWwyWldSR2NtOXRJSE4wVW1WbU9tbHVjM1JoYm1ObFNVUTlJbmh0Y0M1cGFXUTZNVEkwTVRjd01UTkVPRE14TVRGRk56azJNemhCTWpORE1qWkdOelpDT0RZaUlITjBVbVZtT21SdlkzVnRaVzUwU1VROUluaHRjQzVrYVdRNk1USTBNVGN3TVRSRU9ETXhNVEZGTnprMk16aEJNak5ETWpaR056WkNPRFlpTHo0Z1BDOXlaR1k2UkdWelkzSnBjSFJwYjI0K0lEd3ZjbVJtT2xKRVJqNGdQQzk0T25odGNHMWxkR0UrSUR3L2VIQmhZMnRsZENCbGJtUTlJbklpUHo3enY1QktBQUFDbDBsRVFWUjQyclRXMjI0U1FSd0djSFpiOEZUMVNtODhCSkNpRkFFNUpweUNCTlJFOGNvWUV5OTRBR3FpOVhEWFMwK0pWaC9DQi9FaGlGRVQ1TGpBY2xnV2phYTFhYXpmSkRNNnU2THVManJKbDIxMjRjZDBkdVkvSTloK05vRUxhYnRjVExjRkNvbjBidytTUkU0aDI4aG4yeHlOb0l2SVNybGNmcUFvU2x1U3BMZXBWS3FDZTZjUkIvMk1ZQVhlaTF3ZmpVYlNMbTM0Z1g0eW1ieU4rejZyT0JtQy9jaU5lcjMrZnBkcndHWGdkOGgvWXdWbjhEbS8zNy9lNi9VR09ueVFUcWZYck9Cc0tJNGc1NzFlNzZOdXR6djhEZTQzZ3d2MDVTMGh4NUNMd0ovaUJXcnd5V1F5ekdhenBuSHlJVHR5Q0RsQmNJL0g4d1M0WmxoVVZiV01PL1I0cDlQNUJjL2xjbmZ4L093OCtBVzMyejBMSCtYeitYK0R0OXR0bWNlbjB5bkRBMWJ4NHdSM09wMlBXNjJXck92NXVGQW8zSnNYTDFLOHIrdjVMTnhtWnJiOHdKdk5wbjVZbEdLeGVKL1dGcnVaQmNSUHhVc3VsMnU5MFdob2NDeXFCcWszZExHSml3YmdiL1Q2RmZsQ1Nxa29pbHVDSUdqcU5HeldnUVV6OVlSOGFROXlCcXR5RFF0SDBxMUtOWlBKUE1Uek9IS0E0b2FId3VQeitTb29VbTBlSFkvSDAwUWlzVUVXRkhLVURZVlJkQm1WcjlMdjkvV29Hby9IWCtKNWlZNy9RU012ajAwM2huYjBhQ3dXZTRIblY1R1R5R0VqMDAyRERnWUREWXFkUm8xR294dTBwM3BVK0J2cURRUUNxelBRQ1VXdnpJTktlalFjRGx0SFE2SFFMYUJkSGgwT2g1WlJPME9CYUZEOGlJTDd6ODJpYkd0eVJ5S1IxVCtnbDgyZy9HWjZEZXYvSFkvS3Nxd0VnMEZMS0wvOTMrUjdDM1FNOU5rOEtEdGlPV3ExMmpiMnMyWFMwMUtwOUtwYXJiN0cvVGZJUjJRVDJURjZVQlM0MmJCRWkvVUsvU0lCUHlDZmtDMHpLQSt6NnJXUFhtMzB0TGxKcjZaUS9abVlEWW5JMWVFZGVqVjlUaGIrMThIN3V3QURBT0cvV2NtNHgra25BQUFBQUVsRlRrU3VRbUNDKSBjZW50ZXIgcmlnaHQgMjJweCBuby1yZXBlYXQ7XG59XG4ubGlnaHRib3ggLmxpZ2h0Ym94LWNvdW50ZXIsXG4ubGlnaHRib3ggLmxpZ2h0Ym94LWNsb3NlLFxuLmxpZ2h0Ym94IC5saWdodGJveC1wcmV2LFxuLmxpZ2h0Ym94IC5saWdodGJveC1uZXh0IHtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyBlYXNlLWluLW91dDtcbn0iLCIkbGlnaHRib3gtbGlnaHQtY29sb3I6ICMwMDAgIWRlZmF1bHRcbiRsaWdodGJveC1kYXJrLWNvbG9yOiAjZmZmICFkZWZhdWx0XG4kbGlnaHRib3gtei1pbmRleDogMTAwMDAgIWRlZmF1bHRcbiRsaWdodGJveC1uYXYtdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyBlYXNlLWluLW91dCAhZGVmYXVsdFxuJGxpZ2h0Ym94LW5hdi10cmFuc2l0aW9uLWRlbGF5OiAxMDBtcyAhZGVmYXVsdFxuJGxpZ2h0Ym94LXRleHQtc2hhZG93OiAwcHggMHB4IDFweCByZ2JhKDAsIDAsIDAsIDAuNjUpICFkZWZhdWx0XG4kbGlnaHRib3gtcHJlbG9hZGVyLWJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC40KSAhZGVmYXVsdFxuJGxpZ2h0Ym94LWNvdW50ZXItZm9udC1zaXplOiAxNHB4ICFkZWZhdWx0XG4kbGlnaHRib3gtZXJyb3ItY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC43NSkgIWRlZmF1bHRcbiRsaWdodGJveC1lcnJvci1mb250LXNpemU6IDE5cHggIWRlZmF1bHQiXX0= */"], encapsulation: 2 }); /***/ }), /***/ "z4eR": /*!*****************************************************!*\ !*** ./src/app/ivybox-ng8+/pinch-zoom.component.ts ***! \*****************************************************/ /*! exports provided: PinchZoomComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PinchZoomComponent", function() { return PinchZoomComponent; }); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "ofXK"); /* Добавить опцию overflow: hidden */ const _c0 = ["content"]; function PinchZoomComponent_div_3_Template(rf, ctx) { if (rf & 1) { const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function PinchZoomComponent_div_3_Template_div_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r3); const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); return ctx_r2.toggleZoom(); }); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); } if (rf & 2) { const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("pz-zoom-out", ctx_r1.scale > 1); } } const _c1 = ["*"]; class PinchZoomComponent { constructor(elementRef) { this.elementRef = elementRef; this.i = 0; this.scale = 1; this.initialScale = 1; this.moveX = 0; this.moveY = 0; this.initialMoveX = 0; this.initialMoveY = 0; this.draggingMode = false; this.lastTap = 0; this.transitionDuration = 200; this.doubleTap = true; this.zoomButton = true; this.linearHorizontalSwipe = false; this.linearVerticalSwipe = false; this.autoZoomOut = false; this.imageIndex = 0; this.events = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"](); } set id(value) { this._id = value; } get id() { return this._id; } get isMobile() { var check = false; (function (a) { if (/(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(a) || /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(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor); return check; } ; get isDragging() { let imgHeight = this.getImageHeight(); let imgWidth = this.getImageWidth(); if (this.scale > 1) { return imgHeight * this.scale > this.parentElement.offsetHeight || imgWidth * this.scale > this.parentElement.offsetWidth; } if (this.scale === 1) { return imgHeight > this.parentElement.offsetHeight || imgWidth > this.parentElement.offsetWidth; } } get imgElement() { return this.element.getElementsByTagName("img")[this.imageIndex]; } ngOnInit() { this.element = this.contentElement.nativeElement; this.parentElement = this.elementRef.nativeElement; this.setBasicStyles(); this.element.ondragstart = function () { return false; }; } /* * Desktop listeners */ onMouseEnter(event) { this.getElementPosition(); if (this.isDragging) { this.draggingMode = true; } } onMouseMove(event) { if (this.draggingMode) { event.preventDefault(); if (!this.eventType) { this.startX = event.clientX - this.elementPosition.left; this.startY = event.clientY - this.elementPosition.top; } this.eventType = 'swipe'; this.events.emit({ type: 'swipe', moveX: this.moveX, moveY: this.moveY }); this.moveX = this.initialMoveX + ((event.clientX - this.elementPosition.left) - this.startX); this.moveY = this.initialMoveY + ((event.clientY - this.elementPosition.top) - this.startY); this.centeringImage(); this.transformElement(0); } } onMouseUp(event) { this.draggingMode = false; this.updateInitialValues(); this.eventType = ''; } /* * Mobile listeners */ onResize(event) { this.setImageWidth(); this.transformElement(this.transitionDuration); } touchstartHandler(event) { console.log(event); this.getElementPosition(); //console.log('------- touchstart ----------'); if (!this.eventType) { this.startX = event.touches[0].clientX - this.elementPosition.left; this.startY = event.touches[0].clientY - this.elementPosition.top; this.startClientX = event.touches[0].clientX - this.elementPosition.left; this.startClientY = event.touches[0].clientY - this.elementPosition.top; //console.log('this.startX', this.startX); //console.log('this.elementPosition.left', this.elementPosition.left); //console.log('event.touches[0].clientX', event.touches[0].clientX); } this.events.emit({ type: 'touchstart' }); } touchmoveHandler(event) { let touches = event.touches; // Swipe if (this.detectSwipe(touches) || this.eventType == 'swipe') { this.handleSwipe(event); } // Linear swipe //console.log('event.touches[0].clientX', event.touches[0].clientX); if (this.detectLinearSwipe(touches) || this.eventType == 'horizontal-swipe' || this.eventType == 'vertical-swipe') { this.handleLinearSwipe(event); } // Pinch if (touches.length === 2 && !this.eventType || this.eventType == 'pinch') { this.handlePinch(event); } } touchendHandler(event) { this.i = 0; this.draggingMode = false; let touches = event.touches; if (this.scale < 1) { this.scale = 1; } // Auto Zoom Out if (this.autoZoomOut && this.eventType === 'pinch') { this.scale = 1; } this.events.emit({ type: 'touchend' }); // Double Tap if (this.doubleTapDetection() && !this.eventType) { this.toggleZoom(event); this.events.emit({ type: 'double-tap' }); return; } if (this.eventType === 'pinch' || this.eventType === 'swipe') { this.alignImage(); } if (this.eventType === 'pinch' || this.eventType === 'swipe' || this.eventType === 'horizontal-swipe' || this.eventType === 'vertical-swipe') { this.updateInitialValues(); } this.eventType = 'touchend'; if (touches && touches.length == 0) { this.eventType = ''; } } transitionEndHandler(event) { //this.hostBackground = 'blue'; // for test this.events.emit({ type: 'transitionend' }); } /* * Handlers */ handleSwipe(event) { event.preventDefault(); if (!this.eventType) { this.startX = event.touches[0].clientX - this.elementPosition.left; this.startY = event.touches[0].clientY - this.elementPosition.top; } this.eventType = 'swipe'; this.events.emit({ type: 'swipe', moveX: this.moveX, moveY: this.moveY, scale: this.scale }); this.moveX = this.initialMoveX + ((event.touches[0].clientX - this.elementPosition.left) - this.startX); this.moveY = this.initialMoveY + ((event.touches[0].clientY - this.elementPosition.top) - this.startY); this.transformElement(0); } handlePinch(event) { event.preventDefault(); let touches = event.touches; if (!this.eventType) { this.initialDistance = this.getDistance(touches); this.moveXC = (((event.touches[0].clientX - this.elementPosition.left) + (event.touches[1].clientX - this.elementPosition.left)) / 2) - this.initialMoveX; this.moveYC = (((event.touches[0].clientY - this.elementPosition.top) + (event.touches[1].clientY - this.elementPosition.top)) / 2) - this.initialMoveY; } this.eventType = 'pinch'; this.events.emit({ type: 'pinch' }); this.distance = this.getDistance(touches); this.scale = this.initialScale * (this.distance / this.initialDistance); this.moveX = this.initialMoveX - (((this.distance / this.initialDistance) * this.moveXC) - this.moveXC); this.moveY = this.initialMoveY - (((this.distance / this.initialDistance) * this.moveYC) - this.moveYC); this.transformElement(0); } handleLinearSwipe(event) { if (this.linearVerticalSwipe) { event.preventDefault(); } this.i++; let clientX = event.touches[0].clientX; let clientY = event.touches[0].clientY; let depreciation = 10; if (this.i > 3) { this.eventType = this.getLinearSwipeType(event); } if (this.eventType == 'horizontal-swipe') { this.moveX = this.initialMoveX + ((clientX - this.elementPosition.left) - this.startX); if (this.startX < clientX) { this.moveX = this.moveX - depreciation; } else { this.moveX = this.moveX + depreciation; } this.moveY = 0; } if (this.eventType == 'vertical-swipe') { /* Вертикальный свайп временно отключен this.moveX = 0; this.moveY = this.initialMoveY + ((clientY - this.elementPosition.top) - this.startY); if (this.startY < clientY){ this.moveY = this.moveY - depreciation; } else { this.moveY = this.moveY + depreciation; } */ } if (this.eventType) { this.events.emit({ type: this.eventType, moveX: this.moveX, moveY: this.moveY }); this.transformElement(0); } } detectSwipe(touches) { return touches.length === 1 && this.scale > 1 && !this.eventType; } detectLinearSwipe(touches) { return touches.length === 1 && this.scale === 1 && !this.eventType; } getLinearSwipeType(event) { if (this.eventType != 'horizontal-swipe' && this.eventType != 'vertical-swipe') { let movementX = Math.abs((event.touches[0].clientX - this.elementPosition.left) - this.startClientX); let movementY = Math.abs((event.touches[0].clientY - this.elementPosition.top) - this.startClientY); if ((movementY * 3) > movementX) { return this.linearVerticalSwipe ? 'vertical-swipe' : ''; } else { return this.linearHorizontalSwipe ? 'horizontal-swipe' : ''; } } else { return this.eventType; } } getDistance(touches) { return Math.sqrt(Math.pow(touches[0].pageX - touches[1].pageX, 2) + Math.pow(touches[0].pageY - touches[1].pageY, 2)); } getImageHeight() { return this.imgElement.offsetHeight; } getImageWidth() { return this.imgElement.offsetWidth; } setBasicStyles() { // this.element.style.display = "flex"; disabled for Lightbox this.element.style.height = "100%"; //this.element.style.alignItems = "center"; disabled for Lightbox //this.element.style.justifyContent = "center"; disabled for Lightbox this.element.style.transformOrigin = '0 0'; this.hostDisplay = "block"; this.hostOverflow = "hidden"; this.hostHeight = this.containerHeight; this.setImageWidth(); } setImageWidth() { //let imgElement = this.element.getElementsByTagName("img"); if (this.imgElement) { this.imgElement.style.maxWidth = '100%'; this.imgElement.style.maxHeight = '100%'; } } transformElement(duration = 50) { this.element.style.transition = 'all ' + duration + 'ms'; this.element.style.transform = 'matrix(' + Number(this.scale) + ',' + 0 + ',' + 0 + ',' + Number(this.scale) + ',' + Number(this.moveX) + ',' + Number(this.moveY) + ')'; } doubleTapDetection() { if (!this.doubleTap) { return false; } let currentTime = new Date().getTime(); let tapLength = currentTime - this.lastTap; clearTimeout(this.doubleTapTimeout); if (tapLength < 300 && tapLength > 0) { return true; } else { this.doubleTapTimeout = setTimeout(function () { clearTimeout(this.doubleTapTimeout); }, 300); } this.lastTap = currentTime; } toggleZoom(event = false) { if (this.initialScale === 1) { if (event && event.changedTouches) { let changedTouches = event.changedTouches; this.scale = this.initialScale * 2; this.moveX = this.initialMoveX - (changedTouches[0].clientX - this.elementPosition.left); this.moveY = this.initialMoveY - (changedTouches[0].clientY - this.elementPosition.top); } else { this.scale = this.initialScale * 2; this.moveX = this.initialMoveX - this.element.offsetWidth / 2; this.moveY = this.initialMoveY - this.element.offsetHeight / 2; } this.centeringImage(); this.updateInitialValues(); this.transformElement(this.transitionDuration); this.events.emit({ type: 'zoom-in' }); } else { this.resetScale(); this.events.emit({ type: 'zoom-out' }); } } resetScale() { this.scale = 1; this.moveX = 0; this.moveY = 0; this.updateInitialValues(); this.transformElement(this.transitionDuration); this.events.emit({ type: 'reset-scale' }); } updateInitialValues() { this.initialScale = this.scale; this.initialMoveX = this.moveX; this.initialMoveY = this.moveY; } centeringImage() { let img = this.imgElement; const initialMoveX = this.moveX; const initialMoveY = this.moveY; if (this.moveY > 0) { this.moveY = 0; } if (this.moveX > 0) { this.moveX = 0; } if (img) { this.transitionYRestriction(); this.transitionXRestriction(); } if (img && this.scale < 1) { if (this.moveX < this.element.offsetWidth * (1 - this.scale)) { this.moveX = this.element.offsetWidth * (1 - this.scale); } } return initialMoveX != this.moveX || initialMoveY != this.moveY; } alignImage() { let isMoveChanged = this.centeringImage(); if (isMoveChanged) { this.updateInitialValues(); this.transformElement(this.transitionDuration); } } transitionYRestriction() { let imgHeight = this.getImageHeight(); if (imgHeight * this.scale < this.parentElement.offsetHeight) { this.moveY = (this.parentElement.offsetHeight - this.element.offsetHeight * this.scale) / 2; } else { let imgOffsetTop = ((imgHeight - this.element.offsetHeight) * this.scale) / 2; if (this.moveY > imgOffsetTop) { this.moveY = imgOffsetTop; } else if ((imgHeight * this.scale + Math.abs(imgOffsetTop) - this.parentElement.offsetHeight) + this.moveY < 0) { this.moveY = -(imgHeight * this.scale + Math.abs(imgOffsetTop) - this.parentElement.offsetHeight); } } } transitionXRestriction() { let imgWidth = this.getImageWidth(); if (imgWidth * this.scale < this.parentElement.offsetWidth) { this.moveX = (this.parentElement.offsetWidth - this.element.offsetWidth * this.scale) / 2; } else { let imgOffsetLeft = ((imgWidth - this.element.offsetWidth) * this.scale) / 2; if (this.moveX > imgOffsetLeft) { this.moveX = imgOffsetLeft; } else if ((imgWidth * this.scale + Math.abs(imgOffsetLeft) - this.parentElement.offsetWidth) + this.moveX < 0) { this.moveX = -(imgWidth * this.scale + Math.abs(imgOffsetLeft) - this.parentElement.offsetWidth); } } } getElementPosition() { this.elementPosition = this.elementRef.nativeElement.getBoundingClientRect(); } setMoveX(value, transitionDuration = 200) { this.moveX = value; this.transformElement(transitionDuration); this.updateInitialValues(); } setMoveY(value, transitionDuration = 200) { this.moveY = value; this.transformElement(transitionDuration); this.updateInitialValues(); } } PinchZoomComponent.ɵfac = function PinchZoomComponent_Factory(t) { return new (t || PinchZoomComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"])); }; PinchZoomComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: PinchZoomComponent, selectors: [["pinchzoom"], ["", "pinchzoom", ""]], viewQuery: function PinchZoomComponent_Query(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵviewQuery"](_c0, 3); } if (rf & 2) { let _t; _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.contentElement = _t.first); } }, hostVars: 10, hostBindings: function PinchZoomComponent_HostBindings(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("mousedown", function PinchZoomComponent_mousedown_HostBindingHandler($event) { return ctx.onMouseEnter($event); })("mousemove", function PinchZoomComponent_mousemove_HostBindingHandler($event) { return ctx.onMouseMove($event); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"])("mouseup", function PinchZoomComponent_mouseup_HostBindingHandler($event) { return ctx.onMouseUp($event); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"])("resize", function PinchZoomComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"])("touchstart", function PinchZoomComponent_touchstart_HostBindingHandler($event) { return ctx.touchstartHandler($event); })("touchmove", function PinchZoomComponent_touchmove_HostBindingHandler($event) { return ctx.touchmoveHandler($event); })("touchend", function PinchZoomComponent_touchend_HostBindingHandler($event) { return ctx.touchendHandler($event); })("transitionend", function PinchZoomComponent_transitionend_HostBindingHandler($event) { return ctx.transitionEndHandler($event); }); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("display", ctx.hostDisplay)("overflow", ctx.hostOverflow)("height", ctx.hostHeight)("background", ctx.hostBackground)("transform", ctx.hostTransform); } }, inputs: { containerHeight: ["height", "containerHeight"], transitionDuration: ["transition-duration", "transitionDuration"], doubleTap: ["double-tap", "doubleTap"], zoomButton: ["zoom-button", "zoomButton"], linearHorizontalSwipe: ["linear-horizontal-swipe", "linearHorizontalSwipe"], linearVerticalSwipe: ["linear-vertical-swipe", "linearVerticalSwipe"], autoZoomOut: ["auto-zoom-out", "autoZoomOut"], imageIndex: ["image-index", "imageIndex"], id: "id" }, outputs: { events: "events" }, ngContentSelectors: _c1, decls: 4, vars: 3, consts: [[1, "pz-container"], ["content", ""], ["class", "pz-zoom-button", 3, "pz-zoom-out", "click", 4, "ngIf"], [1, "pz-zoom-button", 3, "click"]], template: function PinchZoomComponent_Template(rf, ctx) { if (rf & 1) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵprojectionDef"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0, 1); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵprojection"](2); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"](); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, PinchZoomComponent_div_3_Template, 1, 2, "div", 2); } if (rf & 2) { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("pz-dragging", ctx.isDragging); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3); _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.zoomButton && !ctx.isMobile); } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_1__["NgIf"]], styles: ["[_nghost-%COMP%] {\r\n position: relative;\r\n}\r\n\r\n.pz-container[_ngcontent-%COMP%] {\r\n will-change: transform;\r\n}\r\n\r\n.pz-dragging[_ngcontent-%COMP%] {\r\n cursor: all-scroll;\r\n}\r\n\r\n.pz-zoom-button[_ngcontent-%COMP%] {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 16px;\r\n margin-left: -22px;\r\n z-index: 1000;\r\n color: #fff;\r\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABVUlEQVR4Ae3PAwxQXRgA0Pvbto1sW2NDts0x27atIdeQrakpY8i23cnGe5nn8epDeO1h+VgeVdRVRJLwsCQ101nX2aWJd8OD8a7Ozrkda6UJ8XnPUsBZy43S2Wz7rs8UDnEZCZjn5+tzb6jqCDgucYhDakAnb4Rb+MdmMCPEYSqYfH2cXfPr/ymcBalDFF84izN+uD7TnHCdXqB7iCI/WByuuy1QbrAiRFEL9L3WlObmc/l7uUHfgn0hivqg47VaXMfluQ/A6RBFeTDmnq39D7aEKNKBXfcMVBVMCtFsB0XvFshbVoBSIZqGYL8/wh10B/u8F6L52E6wU7ZwEx/oC6gV4pHVOXDeIPn95WOZ1bYRsD7EJ79D7m4nmO7dEI+fTHC7o7p6h+uh4pJJB0vscMwKQ+X13uXZ6RGh4vKeeQ8c6nWoJiFadCjRFUXzntbeDc/GaxcAotf7cicflKkAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABS0lEQVR4Ae3UA8xWfQCG8afPNrNt240N2TbHbNu2hlxDtqamjCHbdr/s5905b9Z1fN/bdfyPfOZl8ZMSGmipggwvL8loqZsAOKaDb2Ir+UZ/t7zITjlio/nWRsBNm03T33KnHiflw4umAlaJ/ziLo6EL4LL04TTZAf3Eea5JYT9YEk60EMyP2mVxE2QP1vzuJm74P4Z+GBgcLCoN1sfYFwdbgkXNwMj7+4V1fnq6n/0DTgWLWoO+9/c7AwD3s+/B9WBRbTAjxj41OBAsygWOxdg3BPMiwTgMKkbtvrQFVAsjagtOSxKlGwxO+Tbc0HEUHFXomfx7IwHNIuFQ0C1w2zilJfOT/JrbC9gdCY/SzonOUbA49Mgknjme56KBvuaxKizy6WODIy7ZYqKSDx6xxUGq8MPeqlirPqs6RKljqwq6ovCq7r6JvBs+cwdLiOaEU9ek1AAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABVUlEQVR4Ae3PAwxQXRgA0Pvbto1sW2NDts0x27atIdeQrakpY8i23cnGe5nn8epDeO1h+VgeVdRVRJLwsCQ101nX2aWJd8OD8a7Ozrkda6UJ8XnPUsBZy43S2Wz7rs8UDnEZCZjn5+tzb6jqCDgucYhDakAnb4Rb+MdmMCPEYSqYfH2cXfPr/ymcBalDFF84izN+uD7TnHCdXqB7iCI/WByuuy1QbrAiRFEL9L3WlObmc/l7uUHfgn0hivqg47VaXMfluQ/A6RBFeTDmnq39D7aEKNKBXfcMVBVMCtFsB0XvFshbVoBSIZqGYL8/wh10B/u8F6L52E6wU7ZwEx/oC6gV4pHVOXDeIPn95WOZ1bYRsD7EJ79D7m4nmO7dEI+fTHC7o7p6h+uh4pJJB0vscMwKQ+X13uXZ6RGh4vKeeQ8c6nWoJiFadCjRFUXzntbeDc/GaxcAotf7cicflKkAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABS0lEQVR4Ae3UA8xWfQCG8afPNrNt240N2TbHbNu2hlxDtqamjCHbdr/s5905b9Z1fN/bdfyPfOZl8ZMSGmipggwvL8loqZsAOKaDb2Ir+UZ/t7zITjlio/nWRsBNm03T33KnHiflw4umAlaJ/ziLo6EL4LL04TTZAf3Eea5JYT9YEk60EMyP2mVxE2QP1vzuJm74P4Z+GBgcLCoN1sfYFwdbgkXNwMj7+4V1fnq6n/0DTgWLWoO+9/c7AwD3s+/B9WBRbTAjxj41OBAsygWOxdg3BPMiwTgMKkbtvrQFVAsjagtOSxKlGwxO+Tbc0HEUHFXomfx7IwHNIuFQ0C1w2zilJfOT/JrbC9gdCY/SzonOUbA49Mgknjme56KBvuaxKizy6WODIy7ZYqKSDx6xxUGq8MPeqlirPqs6RKljqwq6ovCq7r6JvBs+cwdLiOaEU9ek1AAAAABJRU5ErkJggg==);\r\n background-color: rgba(0, 0, 0, .8);\r\n background-position: center, -1000px;\r\n background-repeat: no-repeat, no-repeat;\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 4px;\r\n opacity: 0.5;\r\n cursor: pointer;\r\n transition: opacity .1s;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.pz-zoom-button.pz-zoom-out[_ngcontent-%COMP%] {\r\n background-position: -1000px, center;\r\n}\r\n\r\n.pz-zoom-button[_ngcontent-%COMP%]:hover {\r\n opacity: 0.7;\r\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBpbmNoLXpvb20uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLHNCQUFzQjtBQUMxQjs7QUFDQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFDQTtJQUNJLG1CQUFtQjtJQUNuQixTQUFTO0lBQ1QsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixhQUFhO0lBQ2IsV0FBVztJQUNYLDByRUFBMHJFO0lBQzFyRSxtQ0FBbUM7SUFDbkMsb0NBQW9DO0lBQ3BDLHVDQUF1QztJQUN2QyxXQUFXO0lBQ1gsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osZUFBZTtJQUNmLHVCQUF1QjtJQUN2Qix5QkFBaUI7WUFBakIsaUJBQWlCO0FBQ3JCOztBQUNBO0lBQ0ksb0NBQW9DO0FBQ3hDOztBQUNBO0lBQ0ksWUFBWTtBQUNoQiIsImZpbGUiOiJwaW5jaC16b29tLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuXHJcbi5wei1jb250YWluZXIge1xyXG4gICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTtcclxufVxyXG4ucHotZHJhZ2dpbmcge1xyXG4gICAgY3Vyc29yOiBhbGwtc2Nyb2xsO1xyXG59XHJcbi5wei16b29tLWJ1dHRvbiB7XHJcbiAgICBwb3NpdGlvbjogIGFic29sdXRlO1xyXG4gICAgbGVmdDogNTAlO1xyXG4gICAgYm90dG9tOiAxNnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IC0yMnB4O1xyXG4gICAgei1pbmRleDogMTAwMDtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKGRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1FBQUFBa0NBUUFBQUJMQ1ZBVEFBQUJWVWxFUVZSNEFlM1BBd3hRWFJnQTBQdmJ0bzFzVzJORHRzMHgyN2F0SWRlUXJha3BZOGkyM2NuR2U1bm44ZXBEZU8xaCtWZ2VWZFJWUkpMd3NDUTEwMW5YMmFXSmQ4T0Q4YTdPenJrZGE2VUo4WG5QVXNCWnk0M1MyV3o3cnM4VURuRVpDWmpuNSt0emI2anFDRGd1Y1loRGFrQW5iNFJiK01kbU1DUEVZU3FZZkgyY1hmUHIveW1jQmFsREZGODRpek4rdUQ3VG5IQ2RYcUI3aUNJL1dCeXV1eTFRYnJBaVJGRUw5TDNXbE9ibWMvbDd1VUhmZ24waGl2cWc0N1ZhWE1mbHVRL0E2UkJGZVREbW5xMzlEN2FFS05LQlhmY01WQlZNQ3RGc0IwWHZGc2hiVm9CU0lacUdZTDgvd2gxMEIvdThGNkw1MkU2d1U3WndFeC9vQzZnVjRwSFZPWERlSVBuOTVXT1oxYllSc0Q3RUo3OUQ3bTRubU83ZEVJK2ZUSEM3bzdwNmgrdWg0cEpKQjB2c2NNd0tRK1gxM3VYWjZSR2g0dktlZVE4YzZuV29KaUZhZENqUkZVWHpudGJlRGMvR2F4Y0FvdGY3Y2ljZmxLa0FBQUFBU1VWT1JLNUNZSUk9KSx1cmwoZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFDUUFBQUFrQ0FRQUFBQkxDVkFUQUFBQlMwbEVRVlI0QWUzVUE4eFdmUUNHOGFmUE5yTnQyNDBOMlRiSGJOdTJobHhEdHFhbWpDSGJkci9zNTkwNWI5WjFmTi9iZGZ5UGZPWmw4Wk1TR21pcGdnd3ZMOGxvcVpzQU9LYURiMklyK1VaL3Q3eklUamxpby9uV1JzQk5tMDNUMzNLbkhpZmx3NHVtQWxhSi96aUxvNkVMNExMMDRUVFpBZjNFZWE1SllUOVlFazYwRU15UDJtVnhFMlFQMXZ6dUptNzRQNForR0JnY0xDb04xc2ZZRndkYmdrWE53TWo3KzRWMWZucTZuLzBEVGdXTFdvTys5L2M3QXdEM3MrL0I5V0JSYlRBanhqNDFPQkFzeWdXT3hkZzNCUE1pd1RnTUtrYnR2clFGVkFzamFndE9TeEtsR3d4TytUYmMwSEVVSEZYb21meDdJd0hOSXVGUTBDMXcyemlsSmZPVC9KcmJDOWdkQ1kvU3pvbk9VYkE0OU1na25qbWU1NktCdnVheEtpenk2V09ESXk3WllxS1NEeDZ4eFVHcThNUGVxbGlyUHFzNlJLbGpxd3E2b3ZDcTdyNkp2QnMrY3dkTGlPYUVVOWVrMUFBQUFBQkpSVTVFcmtKZ2dnPT0pLCB1cmwoZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFDUUFBQUFrQ0FRQUFBQkxDVkFUQUFBQlZVbEVRVlI0QWUzUEF3eFFYUmdBMFB2YnRvMXNXMk5EdHMweDI3YXRJZGVRcmFrcFk4aTIzY25HZTVubjhlcERlTzFoK1ZnZVZkUlZSSkx3c0NRMTAxblgyYVdKZDhPRDhhN096cmtkYTZVSjhYblBVc0JaeTQzUzJXejdyczhVRG5FWkNaam41K3R6YjZqcUNEZ3VjWWhEYWtBbmI0UmIrTWRtTUNQRVlTcVlmSDJjWGZQci95bWNCYWxERkY4NGl6Tit1RDdUbkhDZFhxQjdpQ0kvV0J5dXV5MVFickFpUkZFTDlMM1dsT2JtYy9sN3VVSGZnbjBoaXZxZzQ3VmFYTWZsdVEvQTZSQkZlVERtbnEzOUQ3YUVLTktCWGZjTVZCVk1DdEZzQjBYdkZzaGJWb0JTSVpxR1lMOC93aDEwQi91OEY2TDUyRTZ3VTdad0V4L29DNmdWNHBIVk9YRGVJUG45NVdPWjFiWVJzRDdFSjc5RDdtNG5tTzdkRUkrZlRIQzdvN3A2aCt1aDRwSkpCMHZzY013S1ErWDEzdVhaNlJHaDR2S2VlUThjNm5Xb0ppRmFkQ2pSRlVYem50YmVEYy9HYXhjQW90ZjdjaWNmbEtrQUFBQUFTVVZPUks1Q1lJST0pLHVybChkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUNRQUFBQWtDQVFBQUFCTENWQVRBQUFCUzBsRVFWUjRBZTNVQTh4V2ZRQ0c4YWZQTnJOdDI0ME4yVGJIYk51MmhseER0cWFtakNIYmRyL3M1OTA1YjlaMWZOL2JkZnlQZk9abDhaTVNHbWlwZ2d3dkw4bG9xWnNBT0thRGIySXIrVVovdDd6SVRqbGlvL25XUnNCTm0wM1QzM0tuSGlmbHc0dW1BbGFKL3ppTG82RUw0TEwwNFRUWkFmM0VlYTVKWVQ5WUVrNjBFTXlQMm1WeEUyUVAxdnp1Sm03NFA0WitHQmdjTENvTjFzZllGd2RiZ2tYTndNajcrNFYxZm5xNm4vMERUZ1dMV29PKzkvYzdBd0QzcysvQjlXQlJiVEFqeGo0MU9CQXN5Z1dPeGRnM0JQTWl3VGdNS2tidHZyUUZWQXNqYWd0T1N4S2xHd3hPK1RiYzBIRVVIRlhvbWZ4N0l3SE5JdUZRMEMxdzJ6aWxKZk9UL0pyYkM5Z2RDWS9Tem9uT1ViQTQ5TWdrbmptZTU2S0J2dWF4S2l6eTZXT0RJeTdaWXFLU0R4Nnh4VUdxOE1QZXFsaXJQcXM2UktsanF3cTZvdkNxN3I2SnZCcytjd2RMaU9hRVU5ZWsxQUFBQUFCSlJVNUVya0pnZ2c9PSk7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIC44KTtcclxuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciwgLTEwMDBweDtcclxuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQsIG5vLXJlcGVhdDtcclxuICAgIHdpZHRoOiA1NnB4O1xyXG4gICAgaGVpZ2h0OiA1NnB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgb3BhY2l0eTogMC41O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAuMXM7XHJcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxufVxyXG4ucHotem9vbS1idXR0b24ucHotem9vbS1vdXQge1xyXG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTEwMDBweCwgY2VudGVyO1xyXG59XHJcbi5wei16b29tLWJ1dHRvbjpob3ZlciB7XHJcbiAgICBvcGFjaXR5OiAwLjc7XHJcbn0iXX0= */"] }); /***/ }), /***/ "zUnb": /*!*********************!*\ !*** ./src/main.ts ***! \*********************/ /*! no exports provided */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser */ "jhN1"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL"); /* harmony import */ var _app_app_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./app/app.module */ "ZAI4"); /* harmony import */ var _environments_environment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./environments/environment */ "AytR"); if (_environments_environment__WEBPACK_IMPORTED_MODULE_3__["environment"].production) { Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["enableProdMode"])(); } _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["platformBrowser"]().bootstrapModule(_app_app_module__WEBPACK_IMPORTED_MODULE_2__["AppModule"]) .catch(err => console.error(err)); /***/ }), /***/ "zn8P": /*!******************************************************!*\ !*** ./$$_lazy_route_resource lazy namespace object ***! \******************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function webpackEmptyAsyncContext(req) { // Here Promise.resolve().then() is used instead of new Promise() to prevent // uncaught exception popping up in devtools return Promise.resolve().then(function() { var e = new Error("Cannot find module '" + req + "'"); e.code = 'MODULE_NOT_FOUND'; throw e; }); } webpackEmptyAsyncContext.keys = function() { return []; }; webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext; module.exports = webpackEmptyAsyncContext; webpackEmptyAsyncContext.id = "zn8P"; /***/ }) },[[0,"runtime","vendor"]]]); //# sourceMappingURL=main.js.map