@clickview/library-editor 1.1.26-dev.0 → 1.1.26

package/dist/scripts/45.chunk.js

@@ -0,0 +1,1065 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[45],{
+
+/***/ "./src/apps/library-editor/components/edit-image/EditImage.hbs":
+/*!*********************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-image/EditImage.hbs ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return "  "
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"minimumRecommended",{"name":"lang","hash":{"height":((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.recommendedDimensions : stack1)) != null ? stack1.height : stack1),"width":((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.recommendedDimensions : stack1)) != null ? stack1.width : stack1)},"data":data}))
+    + "\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return "  "
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"minimumActual",{"name":"lang","hash":{"height":((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dimensions : stack1)) != null ? stack1.height : stack1),"width":((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dimensions : stack1)) != null ? stack1.width : stack1)},"data":data}))
+    + "\r\n";
+},"5":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "<button class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.removeImage : stack1), depth0))
+    + "\">"
+    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"remove",{"name":"lang","hash":{},"data":data}))
+    + " "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.imageTypeText : stack1), depth0))
+    + "</button>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression, alias5=container.lambda;
+
+  return "<h6 class=\"mb-0\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"edit",{"name":"lang","hash":{},"data":data}))
+    + " "
+    + alias4(alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.imageTypeText : stack1), depth0))
+    + "</h6>\r\n<div class=\"text-muted mb-1\">\r\n  <em>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.recommendedDimensions : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data})) != null ? stack1 : "")
+    + "  </em>\r\n</div>\r\n<div class=\"my-1 "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.imageContainer : stack1), depth0))
+    + "\">\r\n  <div class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.imageElement : stack1), depth0))
+    + "\" style=\"background-image: url('"
+    + alias4(alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.imageUrl : stack1), depth0))
+    + "')\"></div>\r\n</div>\r\n<button class=\"btn btn-light my-1\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"upload",{"name":"lang","hash":{},"data":data}))
+    + " "
+    + alias4(alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.imageTypeText : stack1), depth0))
+    + "</button>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hasImage : stack1),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/edit-image/EditImageComponent.ts":
+/*!*****************************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-image/EditImageComponent.ts ***!
+  \*****************************************************************************/
+/*! exports provided: EditImageComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditImageComponent", function() { return EditImageComponent; });
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
+/* harmony import */ var _shared_enums__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../shared/enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _shared_behaviors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _EditImage_hbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./EditImage.hbs */ "./src/apps/library-editor/components/edit-image/EditImage.hbs");
+/* harmony import */ var _EditImage_hbs__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_EditImage_hbs__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _edit_image_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./edit-image.scss */ "./src/apps/library-editor/components/edit-image/edit-image.scss");
+/* harmony import */ var _edit_image_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_edit_image_scss__WEBPACK_IMPORTED_MODULE_9__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+
+
+
+
+
+var EditImageComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditImageComponent, _Core$Component);
+
+  var _super = _createSuper(EditImageComponent);
+
+  function EditImageComponent(options) {
+    _classCallCheck(this, EditImageComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditImageComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__["ViewModelService"].get('edit:folder:images');
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return _defineProperty({}, "click .".concat(_edit_image_scss__WEBPACK_IMPORTED_MODULE_9___default.a.removeImage), 'onClickRemoveImage');
+    }
+  }, {
+    key: "onClickRemoveImage",
+    value: function onClickRemoveImage() {
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger('show:dialog', this.options.imageType);
+    }
+  }, {
+    key: "getImageUrl",
+    value: function getImageUrl() {
+      var methodName = this.options.imageType === _shared_enums__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners ? 'createBannerUrl' : 'createFolderThumbnailUrl';
+      return _shared_utils__WEBPACK_IMPORTED_MODULE_5__["ImageHelper"][methodName](this.options.originalImage, {
+        fallbackBaseUrl: this.options.imageCdnUrl,
+        fallbackCategoryName: this.options.folderName,
+        type: this.options.imageType
+      });
+    }
+  }, {
+    key: "getImageTypeText",
+    value: function getImageTypeText() {
+      switch (this.options.imageType) {
+        case _shared_enums__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners:
+          return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'banner');
+
+        case _shared_enums__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Thumbnails:
+          return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'thumbnail');
+      }
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _edit_image_scss__WEBPACK_IMPORTED_MODULE_9___default.a,
+        imageUrl: this.getImageUrl(),
+        hasImage: this.options.originalImage && this.options.originalImage.get('id'),
+        imageTypeText: this.getImageTypeText(),
+        dimensions: _shared_constants__WEBPACK_IMPORTED_MODULE_6__["ImageMinDimensions"][this.options.imageType],
+        recommendedDimensions: _shared_constants__WEBPACK_IMPORTED_MODULE_6__["ImageWarnDimensions"][this.options.imageType]
+      };
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditImageComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditImage_hbs__WEBPACK_IMPORTED_MODULE_8___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.editImage';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return this.options.imageType === _shared_enums__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Thumbnails ? "".concat(_edit_image_scss__WEBPACK_IMPORTED_MODULE_9___default.a.thumbnail, " mb-2") : "".concat(_edit_image_scss__WEBPACK_IMPORTED_MODULE_9___default.a.banner, " mt-2");
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      var _this = this;
+
+      return [{
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_4__["ImageSelectBehavior"],
+        channelName: this.options.channelName,
+        buttonSelector: '.btn-light',
+        imageType: this.options.imageType,
+        saveImage: function saveImage(dataUrl, warningShown) {
+          if (!warningShown) {
+            backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(_this.options.channelName).trigger('select:image', dataUrl, _this.options.imageType);
+            return;
+          }
+
+          _this.viewModel.set({
+            dataUrl: dataUrl,
+            type: _this.options.imageType
+          });
+
+          _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+            application: _shared_constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].LIBRARY_EDITOR,
+            action: _shared_constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].LibraryEditor.EDIT_FOLDER_IMAGES,
+            args: [_this.options.folderId]
+          });
+        }
+      }];
+    }
+  }]);
+
+  return EditImageComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/edit-image/edit-image.scss":
+/*!***********************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-image/edit-image.scss ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"removeImage":"cv--removeImage--3OmsX","imageElement":"cv--imageElement--3kJ8m","banner":"cv--banner--uFWnL","thumbnail":"cv--thumbnail--3_b6l","imageContainer":"cv--imageContainer--1mYjS"};
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/edit-images-wrapper/EditImagesWrapper.hbs":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-images-wrapper/EditImagesWrapper.hbs ***!
+  \**************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"thumbnail-region\"></div>\r\n<div class=\"dropdown-divider\"></div>\r\n<div class=\"banner-region\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/edit-images-wrapper/EditImagesWrapperComponent.ts":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/library-editor/components/edit-images-wrapper/EditImagesWrapperComponent.ts ***!
+  \**********************************************************************************************/
+/*! exports provided: EditImagesWrapperComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditImagesWrapperComponent", function() { return EditImagesWrapperComponent; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _shared_enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../shared/enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _edit_image_EditImageComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../edit-image/EditImageComponent */ "./src/apps/library-editor/components/edit-image/EditImageComponent.ts");
+/* harmony import */ var _EditImagesWrapper_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./EditImagesWrapper.hbs */ "./src/apps/library-editor/components/edit-images-wrapper/EditImagesWrapper.hbs");
+/* harmony import */ var _EditImagesWrapper_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_EditImagesWrapper_hbs__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var EditImagesWrapperComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditImagesWrapperComponent, _Core$Component);
+
+  var _super = _createSuper(EditImagesWrapperComponent);
+
+  function EditImagesWrapperComponent(options) {
+    _classCallCheck(this, EditImagesWrapperComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditImagesWrapperComponent, [{
+    key: "regions",
+    value: function regions() {
+      return {
+        banner: {
+          el: '.banner-region',
+          replaceElement: true
+        },
+        thumbnail: {
+          el: '.thumbnail-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "renderBanner",
+    value: function renderBanner() {
+      this.showChildView('banner', new _edit_image_EditImageComponent__WEBPACK_IMPORTED_MODULE_2__["EditImageComponent"]({
+        channelName: this.options.bannerChannel,
+        imageCdnUrl: this.options.imageCdnUrl,
+        imageType: _shared_enums__WEBPACK_IMPORTED_MODULE_1__["ImageType"].Banners,
+        folderName: this.options.folderName,
+        originalImage: this.options.bannerImage,
+        folderId: this.options.folderId
+      }));
+    }
+  }, {
+    key: "renderThumbnail",
+    value: function renderThumbnail() {
+      this.showChildView('thumbnail', new _edit_image_EditImageComponent__WEBPACK_IMPORTED_MODULE_2__["EditImageComponent"]({
+        channelName: this.options.thumbnailChannel,
+        imageCdnUrl: this.options.imageCdnUrl,
+        imageType: _shared_enums__WEBPACK_IMPORTED_MODULE_1__["ImageType"].Thumbnails,
+        folderName: this.options.folderName,
+        originalImage: this.options.thumbnailImage,
+        folderId: this.options.folderId
+      }));
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderBanner();
+      this.renderThumbnail();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditImagesWrapperComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditImagesWrapper_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }]);
+
+  return EditImagesWrapperComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/views/edit-folder-images/EditFolderImages.hbs":
+/*!*******************************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-folder-images/EditFolderImages.hbs ***!
+  \*******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"content-region\"></div>\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dataFetched : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/views/edit-folder-images/EditFolderImagesView.ts":
+/*!**********************************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-folder-images/EditFolderImagesView.ts ***!
+  \**********************************************************************************/
+/*! exports provided: EditFolderImagesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditFolderImagesView", function() { return EditFolderImagesView; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/InstanceManager */ "../../libs/common/src/backbone/services/InstanceManager.ts");
+/* harmony import */ var _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _shared_behaviors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_models_Image__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/models/Image */ "./src/shared/models/Image.ts");
+/* harmony import */ var _shared_models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/models/DisabledSpinnerModel */ "./src/shared/models/DisabledSpinnerModel.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared_enums__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../shared/enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../shared/components/image-cropper/ImageCropperComponent */ "./src/shared/components/image-cropper/ImageCropperComponent.ts");
+/* harmony import */ var _shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../shared/components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _shared_services_ConfigDataService__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../shared/services/ConfigDataService */ "./src/shared/services/ConfigDataService.ts");
+/* harmony import */ var _components_edit_images_wrapper_EditImagesWrapperComponent__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../components/edit-images-wrapper/EditImagesWrapperComponent */ "./src/apps/library-editor/components/edit-images-wrapper/EditImagesWrapperComponent.ts");
+/* harmony import */ var _edit_folder_images_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./edit-folder-images.scss */ "./src/apps/library-editor/views/edit-folder-images/edit-folder-images.scss");
+/* harmony import */ var _edit_folder_images_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_edit_folder_images_scss__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var _EditFolderImages_hbs__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./EditFolderImages.hbs */ "./src/apps/library-editor/views/edit-folder-images/EditFolderImages.hbs");
+/* harmony import */ var _EditFolderImages_hbs__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_EditFolderImages_hbs__WEBPACK_IMPORTED_MODULE_18__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var PopupContentType;
+
+(function (PopupContentType) {
+  PopupContentType[PopupContentType["Upload"] = 0] = "Upload";
+  PopupContentType[PopupContentType["Crop"] = 1] = "Crop";
+})(PopupContentType || (PopupContentType = {}));
+
+var EditFolderImagesView = /*#__PURE__*/function (_Core$View) {
+  _inherits(EditFolderImagesView, _Core$View);
+
+  var _super = _createSuper(EditFolderImagesView);
+
+  function EditFolderImagesView(options) {
+    _classCallCheck(this, EditFolderImagesView);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditFolderImagesView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.popupContentState = PopupContentType.Upload;
+      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_4__["ViewModelService"].get('edit:folder:images');
+
+      if (this.viewModel.get('dataUrl')) {
+        this.selectedImageType = this.viewModel.get('type');
+        this.newImageEl = new Image();
+        this.newImageEl.src = this.viewModel.get('dataUrl');
+        this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_14__["SpinnerButtonModelAttributes"].Disabled, false);
+        this.popupContentState = PopupContentType.Crop;
+      }
+
+      this.libraryDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_11__["DataServices"].Library, this);
+      this.imageUploadDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_11__["DataServices"].ImageUpload, this);
+      this.bindListeners();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        content: {
+          el: '.content-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'click .back-btn': 'onClickBackButton',
+        'shown.bs.modal': 'renderCropper'
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      var _this = this;
+
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_11__["DataChannels"].LIBRARY, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_11__["DataPrefixes"].FOLDER, ":").concat(this.options.folderId, ":sync"), this.render);
+      var bannerChannel = "".concat(this.channelName, ":").concat(_shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners);
+      var thumbnailChannel = "".concat(this.channelName, ":").concat(_shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Thumbnails);
+      this.listenTo(bannerChannel, 'select:image', function (dataUrl) {
+        return _this.onSelectImage(dataUrl, _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners);
+      });
+      this.listenTo(thumbnailChannel, 'select:image', function (dataUrl) {
+        return _this.onSelectImage(dataUrl, _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Thumbnails);
+      });
+      this.listenTo(bannerChannel, 'show:dialog', function () {
+        return _this.onShowDialog(_shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners);
+      });
+      this.listenTo(thumbnailChannel, 'show:dialog', function () {
+        return _this.onShowDialog(_shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Thumbnails);
+      });
+      this.listenTo(bannerChannel, 'image:error', function () {
+        return _this.triggerMethod('hide');
+      });
+      this.listenTo(thumbnailChannel, 'image:error', function () {
+        return _this.triggerMethod('hide');
+      });
+      this.listenTo(this.channelName, _shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__["CropEventNames"].ImageCropped, this.onImageCropped);
+    }
+  }, {
+    key: "onClickBackButton",
+    value: function onClickBackButton() {
+      if (this.popupContentState === PopupContentType.Upload) return;
+      this.popupContentState = PopupContentType.Upload;
+      this.selectedImageType = null;
+      this.newImageEl = null;
+      this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_14__["SpinnerButtonModelAttributes"].Disabled, true);
+      this.renderContent();
+    }
+  }, {
+    key: "onClickCrop",
+    value: function onClickCrop() {
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.channelName).trigger(_shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__["CropEventNames"].CropImage).trigger(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_14__["SpinnerButtonEvents"].ShowSpinner);
+    }
+  }, {
+    key: "onSelectImage",
+    value: function onSelectImage(dataUrl, imageType) {
+      this.selectedImageType = imageType;
+      this.newImageEl = new Image();
+      this.newImageEl.src = dataUrl;
+      this.popupContentState = PopupContentType.Crop;
+      this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_14__["SpinnerButtonModelAttributes"].Disabled, false);
+      this.renderCropper();
+    }
+  }, {
+    key: "onImageCropped",
+    value: function onImageCropped(dataUrl) {
+      var _this2 = this;
+
+      this.imageUploadDataService.uploadBase64Image(dataUrl, this.selectedImageType, function (data) {
+        return _this2.onImageUploaded(data);
+      });
+    }
+  }, {
+    key: "onImageUploaded",
+    value: function onImageUploaded(imageModel) {
+      var _this3 = this;
+
+      this.triggerMethod('hide');
+      var data = {
+        libraryId: this.libraryId,
+        folderId: this.options.folderId,
+        currentImageId: this.getCurrentImageId(),
+        imageModel: imageModel
+      };
+      var entity = this.selectedImageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Banner : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Thumbnail;
+      var dataServiceMethod = this.selectedImageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners ? 'addOrUpdateBanner' : 'addOrUpdateThumbnail';
+      this.libraryDataService[dataServiceMethod](data, function (returnModel) {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+          libraryId: _this3.libraryId,
+          folderId: _this3.options.folderId,
+          id: returnModel.get('id')
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Upload,
+          entity: entity,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].Popup
+        });
+
+        _this3.reloadPage();
+      });
+    }
+  }, {
+    key: "onShowDialog",
+    value: function onShowDialog(imageType) {
+      var _this4 = this;
+
+      var dialog = new _shared_utils__WEBPACK_IMPORTED_MODULE_10__["DialogHelper"]({
+        title: 'Remove image?',
+        text: 'Are you sure you want to remove this image?',
+        buttons: [{
+          text: 'Remove',
+          className: 'btn btn-danger',
+          success: true
+        }, {
+          text: 'Cancel',
+          className: 'btn btn-secondary',
+          close: true
+        }],
+        channelName: this.options.channelName
+      });
+      setTimeout(function () {
+        return dialog.render().done(function () {
+          return _this4.removeImage(imageType);
+        });
+      }, 200);
+      this.triggerMethod('hide');
+    }
+  }, {
+    key: "removeImage",
+    value: function removeImage(imageType) {
+      var _this5 = this;
+
+      var dataServiceMethod = imageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners ? 'deleteBanner' : 'deleteThumbnail';
+      var imageModel = imageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners ? this.currentBanner : this.currentThumbnail;
+      var data = {
+        libraryId: this.libraryId,
+        folderId: this.model.get('id'),
+        imageId: imageModel.get('id')
+      };
+      var entity = imageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Banner : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Thumbnail;
+      this.libraryDataService[dataServiceMethod](data, function () {
+        _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+          libraryId: _this5.libraryId,
+          folderId: _this5.model.get('id'),
+          id: imageModel.get('id')
+        }, {
+          actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Delete,
+          entity: entity,
+          workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete,
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].Popup
+        });
+
+        _this5.reloadPage();
+      });
+    }
+  }, {
+    key: "reloadPage",
+    value: function reloadPage() {
+      var _this6 = this;
+
+      var inFolder = _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].LocationUtils.GetCurrentPath().includes('folders');
+      setTimeout(function () {
+        return _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+          application: _shared_constants__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].LIBRARY_EDITOR,
+          action: inFolder ? _shared_constants__WEBPACK_IMPORTED_MODULE_11__["Actions"].LibraryEditor.FOLDER : _shared_constants__WEBPACK_IMPORTED_MODULE_11__["Actions"].LibraryEditor.HOME,
+          args: inFolder ? [_this6.options.folderId] : undefined
+        });
+      }, 0);
+    }
+  }, {
+    key: "getCurrentImageId",
+    value: function getCurrentImageId() {
+      if (this.selectedImageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners && this.currentBanner) return this.currentBanner.get('id');
+      if (this.selectedImageType === _shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Thumbnails && this.currentThumbnail) return this.currentThumbnail.get('id');
+    }
+  }, {
+    key: "getCropRegionWidth",
+    value: function getCropRegionWidth() {
+      return this.$el.find('.modal-body').width();
+    }
+  }, {
+    key: "getImageModel",
+    value: function getImageModel() {
+      return new _shared_models_Image__WEBPACK_IMPORTED_MODULE_8__["Image"]({
+        dataUrl: this.newImageEl.src,
+        width: this.newImageEl.width,
+        height: this.newImageEl.height
+      });
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      if (this.popupContentState !== PopupContentType.Upload) return;
+      this.getUI('backBtn').addClass(_edit_folder_images_scss__WEBPACK_IMPORTED_MODULE_17___default.a.hide);
+      this.showChildView('content', new _components_edit_images_wrapper_EditImagesWrapperComponent__WEBPACK_IMPORTED_MODULE_16__["EditImagesWrapperComponent"]({
+        imageCdnUrl: this.config.get('imageCdnUrl'),
+        folderName: this.model.get('name'),
+        bannerImage: this.currentBanner,
+        thumbnailImage: this.currentThumbnail,
+        bannerChannel: "".concat(this.channelName, ":").concat(_shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Banners),
+        thumbnailChannel: "".concat(this.channelName, ":").concat(_shared_enums__WEBPACK_IMPORTED_MODULE_12__["ImageType"].Thumbnails),
+        folderId: this.options.folderId
+      }));
+    }
+  }, {
+    key: "renderCropper",
+    value: function renderCropper() {
+      if (this.popupContentState !== PopupContentType.Crop) return;
+      this.getUI('backBtn').removeClass(_edit_folder_images_scss__WEBPACK_IMPORTED_MODULE_17___default.a.hide);
+      this.showChildView('content', new _shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__["ImageCropperComponent"]({
+        model: this.getImageModel(),
+        channelName: this.channelName,
+        imageType: this.selectedImageType,
+        minWidth: _shared_constants__WEBPACK_IMPORTED_MODULE_11__["ImageMinDimensions"][this.selectedImageType].width,
+        minHeight: _shared_constants__WEBPACK_IMPORTED_MODULE_11__["ImageMinDimensions"][this.selectedImageType].height,
+        getCropRegionWidth: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.getCropRegionWidth, this)
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        dataFetched: !!this.model && !!this.libraryId,
+        spinnerEl: _shared_utils__WEBPACK_IMPORTED_MODULE_10__["SpinnerHelper"].getSpinner({
+          size: _shared_utils__WEBPACK_IMPORTED_MODULE_10__["SpinnerSize"].Large,
+          extraClasses: 'mx-auto'
+        })
+      };
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      var _this7 = this;
+
+      if (!this.model || !this.libraryId) {
+        this.model = this.libraryDataService.getFolder(this.options.folderId);
+        this.libraryDataService.getLibraries(function (data) {
+          return _this7.libraryId = data.first().id;
+        });
+      }
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      if (!this.model || !this.libraryId) return;
+      this.currentBanner = this.model.get('banner');
+      this.currentThumbnail = this.model.get('thumbnail');
+      this.renderContent();
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      this.viewModel.clear();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditFolderImagesView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return 'Edit Folder Images';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditFolderImages_hbs__WEBPACK_IMPORTED_MODULE_18___default.a;
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return _shared_utils__WEBPACK_IMPORTED_MODULE_10__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        backBtn: '.back-btn'
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        title: 'Edit folder images',
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_7__["PopupBehavior"],
+        size: 'modal-lg',
+        buttons: [{
+          text: 'Back',
+          className: "btn btn-light back-btn ".concat(_edit_folder_images_scss__WEBPACK_IMPORTED_MODULE_17___default.a.hide)
+        }],
+        spinnerButtonOptions: {
+          model: this.spinnerModel = new _shared_models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_9__["DisabledSpinnerModel"](),
+          channelName: this.channelName,
+          buttonText: 'Continue',
+          onClick: this.onClickCrop
+        }
+      }];
+    }
+  }, {
+    key: "requiredResources",
+    get: function get() {
+      return {
+        config: _shared_services_ConfigDataService__WEBPACK_IMPORTED_MODULE_15__["ConfigDataServiceHelper"].config
+      };
+    }
+  }]);
+
+  return EditFolderImagesView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/views/edit-folder-images/edit-folder-images.scss":
+/*!**********************************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-folder-images/edit-folder-images.scss ***!
+  \**********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"hide":"cv--hide--5hYaK"};
+
+/***/ }),
+
+/***/ "./src/shared/components/image-cropper/ImageCropper.hbs":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/image-cropper/ImageCropper.hbs ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var helper, alias1=container.propertyIsEnumerable;
+
+  return "<img src=\""
+    + container.escapeExpression(((helper = (helper = helpers.dataUrl || (depth0 != null ? depth0.dataUrl : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"dataUrl","hash":{},"data":data}) : helper)))
+    + "\" class=\"img img-fluid\" />";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/image-cropper/ImageCropperComponent.ts":
+/*!**********************************************************************!*\
+  !*** ./src/shared/components/image-cropper/ImageCropperComponent.ts ***!
+  \**********************************************************************/
+/*! exports provided: CropEventNames, ImageCropperComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CropEventNames", function() { return CropEventNames; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImageCropperComponent", function() { return ImageCropperComponent; });
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var cropperjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! cropperjs */ "../../../node_modules/cropperjs/dist/cropper.js");
+/* harmony import */ var cropperjs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(cropperjs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ImageCropper.hbs */ "./src/shared/components/image-cropper/ImageCropper.hbs");
+/* harmony import */ var _ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var CropEventNames;
+
+(function (CropEventNames) {
+  CropEventNames["ClickCrop"] = "click:crop";
+  CropEventNames["CropImage"] = "crop:image";
+  CropEventNames["ImageCropped"] = "image:cropped";
+})(CropEventNames || (CropEventNames = {}));
+
+var ImageCropperComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(ImageCropperComponent, _Core$Component);
+
+  var _super = _createSuper(ImageCropperComponent);
+
+  function ImageCropperComponent(options) {
+    _classCallCheck(this, ImageCropperComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ImageCropperComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, CropEventNames.CropImage, this.crop);
+    }
+  }, {
+    key: "getMinCropBoxWidth",
+    value: function getMinCropBoxWidth() {
+      return this.options.minWidth * this.getViewportToImageRatio();
+    }
+  }, {
+    key: "getMinCropBoxHeight",
+    value: function getMinCropBoxHeight() {
+      return this.options.minHeight * this.getViewportToImageRatio();
+    }
+  }, {
+    key: "getViewportToImageRatio",
+    value: function getViewportToImageRatio() {
+      return this.options.getCropRegionWidth() / this.model.get('width');
+    }
+  }, {
+    key: "crop",
+    value: function crop() {
+      var dataUrl = this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger(CropEventNames.ImageCropped, dataUrl);
+    }
+  }, {
+    key: "getImageMimeType",
+    value: function getImageMimeType() {
+      var dataUrl = this.model.get('dataUrl');
+      var mime = dataUrl.match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);
+      if (!mime) return;
+      return mime[1];
+    }
+  }, {
+    key: "renderCropper",
+    value: function renderCropper() {
+      this.getMinCropBoxWidth();
+      var image = this.getUI('image').get(0);
+      this.cropper = new cropperjs__WEBPACK_IMPORTED_MODULE_2___default.a(image, {
+        viewMode: 1,
+        aspectRatio: this.options.minWidth / this.options.minHeight,
+        minCropBoxWidth: this.getMinCropBoxWidth(),
+        minCropBoxHeight: this.getMinCropBoxHeight(),
+        autoCropArea: 1
+      });
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderCropper();
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      this.cropper.destroy();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ImageCropperComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'text-center';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        image: '.img'
+      };
+    }
+  }]);
+
+  return ImageCropperComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/models/DisabledSpinnerModel.ts":
+/*!***************************************************!*\
+  !*** ./src/shared/models/DisabledSpinnerModel.ts ***!
+  \***************************************************/
+/*! exports provided: DisabledSpinnerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DisabledSpinnerModel", function() { return DisabledSpinnerModel; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+var DisabledSpinnerModel = /*#__PURE__*/function (_Core$Model) {
+  _inherits(DisabledSpinnerModel, _Core$Model);
+
+  var _super = _createSuper(DisabledSpinnerModel);
+
+  function DisabledSpinnerModel() {
+    _classCallCheck(this, DisabledSpinnerModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DisabledSpinnerModel, [{
+    key: "defaults",
+    value: function defaults() {
+      return _defineProperty({}, _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__["SpinnerButtonModelAttributes"].Disabled, true);
+    }
+  }]);
+
+  return DisabledSpinnerModel;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Model);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=45.chunk.js.map