@clickview/library-editor 1.1.19-dev.0 → 1.1.19-rc.1

package/dist/scripts/{36-37f9fd0ad1.chunk.js → 36-6d5df4dbb0.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[36],{1089:function(e,t,n){"use strict";n.r(t);var r=n(1),o=n(7),i=n(2),a=n(5),l=n(24),u=n(4),s=n(39),c=n(173),f=n(183),p=n(652),h=n(11),m=n(0),d=n(6),g=n(706),y=n(158),b=n(119),v=n(3),I=n(922),w=n.n(I),k=n(923),C=n.n(k);function T(e){return(T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function O(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function R(e,t){return(R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_(e);if(t){var o=_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return E(this,n)}}function E(e,t){return!t||"object"!==T(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var x=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&R(e,t)}(u,e);var t,n,r,a=S(u);function u(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),a.call(this,e)}return t=u,(n=[{key:"initialize",value:function(){this.viewModel=l.a.get("edit:folder:images")}},{key:"events",value:function(){return e={},t="click .".concat(C.a.removeImage),n="onClickRemoveImage",t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;var e,t,n}},{key:"onClickRemoveImage",value:function(){o.Radio.channel(this.options.channelName).trigger("show:dialog",this.options.imageType)}},{key:"getImageUrl",value:function(){var e=this.options.imageType===d.f.Banners?"createBannerUrl":"createFolderThumbnailUrl";return h.g[e](this.options.originalImage,{fallbackBaseUrl:this.options.imageCdnUrl,fallbackCategoryName:this.options.folderName,type:this.options.imageType})}},{key:"getImageTypeText",value:function(){switch(this.options.imageType){case d.f.Banners:return v.a.getPhrase(this.lang,"banner");case d.f.Thumbnails:return v.a.getPhrase(this.lang,"thumbnail")}}},{key:"viewOptions",value:function(){return{styles:C.a,imageUrl:this.getImageUrl(),hasImage:this.options.originalImage&&this.options.originalImage.get("id"),imageTypeText:this.getImageTypeText(),dimensions:m.k[this.options.imageType],recommendedDimensions:m.m[this.options.imageType]}}},{key:"name",get:function(){return"EditImageComponent"}},{key:"template",get:function(){return w.a}},{key:"lang",get:function(){return"libraryEditor.editImage"}},{key:"className",get:function(){return this.options.imageType===d.f.Thumbnails?"".concat(C.a.thumbnail," mb-2"):"".concat(C.a.banner," mt-2")}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:c.c,channelName:this.options.channelName,buttonSelector:".btn-light",imageType:this.options.imageType,saveImage:function(t,n){n?(e.viewModel.set({dataUrl:t,type:e.options.imageType}),i.a.AppLinkHelper.trigger({application:m.b.LIBRARY_EDITOR,action:m.a.LibraryEditor.EDIT_FOLDER_IMAGES,args:[e.options.folderId]})):o.Radio.channel(e.options.channelName).trigger("select:image",t,e.options.imageType)}}]}}])&&O(t.prototype,n),r&&O(t,r),u}(i.a.Component),B=n(924),U=n.n(B);function D(e){return(D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function P(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function j(e,t){return(j=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function M(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=L(e);if(t){var o=L(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return N(this,n)}}function N(e,t){return!t||"object"!==D(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function L(e){return(L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var A,W=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&j(e,t)}(i,e);var t,n,r,o=M(i);function i(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),o.call(this,e)}return t=i,(n=[{key:"regions",value:function(){return{banner:{el:".banner-region",replaceElement:!0},thumbnail:{el:".thumbnail-region",replaceElement:!0}}}},{key:"renderBanner",value:function(){this.showChildView("banner",new x({channelName:this.options.bannerChannel,imageCdnUrl:this.options.imageCdnUrl,imageType:d.f.Banners,folderName:this.options.folderName,originalImage:this.options.bannerImage,folderId:this.options.folderId}))}},{key:"renderThumbnail",value:function(){this.showChildView("thumbnail",new x({channelName:this.options.thumbnailChannel,imageCdnUrl:this.options.imageCdnUrl,imageType:d.f.Thumbnails,folderName:this.options.folderName,originalImage:this.options.thumbnailImage,folderId:this.options.folderId}))}},{key:"onRender",value:function(){this.renderBanner(),this.renderThumbnail()}},{key:"name",get:function(){return"EditImagesWrapperComponent"}},{key:"template",get:function(){return U.a}}])&&P(t.prototype,n),r&&P(t,r),i}(i.a.Component),F=n(925),V=n.n(F),H=n(926),z=n.n(H);function q(e){return(q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function J(e,t){return(J=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function G(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=K(e);if(t){var o=K(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z(this,n)}}function Z(e,t){return!t||"object"!==q(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function K(e){return(K=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n.d(t,"EditFolderImagesView",(function(){return X})),function(e){e[e.Upload=0]="Upload",e[e.Crop=1]="Crop"}(A||(A={}));var X=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&J(e,t)}(w,e);var t,n,v,I=G(w);function w(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,w),I.call(this,e)}return t=w,(n=[{key:"initialize",value:function(){this.popupContentState=A.Upload,this.viewModel=l.a.get("edit:folder:images"),this.viewModel.get("dataUrl")&&(this.selectedImageType=this.viewModel.get("type"),this.newImageEl=new Image,this.newImageEl.src=this.viewModel.get("dataUrl"),this.spinnerModel.set(y.c.Disabled,!1),this.popupContentState=A.Crop),this.libraryDataService=a.a.getInstance(m.g.Library,this),this.imageUploadDataService=a.a.getInstance(m.g.ImageUpload,this),this.bindListeners()}},{key:"regions",value:function(){return{content:{el:".content-region",replaceElement:!0}}}},{key:"events",value:function(){return{"click .back-btn":"onClickBackButton","shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(m.e.LIBRARY,"".concat(m.f.FOLDER,":").concat(this.options.folderId,":sync"),this.render);var t="".concat(this.channelName,":").concat(d.f.Banners),n="".concat(this.channelName,":").concat(d.f.Thumbnails);this.listenTo(t,"select:image",(function(t){return e.onSelectImage(t,d.f.Banners)})),this.listenTo(n,"select:image",(function(t){return e.onSelectImage(t,d.f.Thumbnails)})),this.listenTo(t,"show:dialog",(function(){return e.onShowDialog(d.f.Banners)})),this.listenTo(n,"show:dialog",(function(){return e.onShowDialog(d.f.Thumbnails)})),this.listenTo(t,"image:error",(function(){return e.triggerMethod("hide")})),this.listenTo(n,"image:error",(function(){return e.triggerMethod("hide")})),this.listenTo(this.channelName,g.a.ImageCropped,this.onImageCropped)}},{key:"onClickBackButton",value:function(){this.popupContentState!==A.Upload&&(this.popupContentState=A.Upload,this.selectedImageType=null,this.newImageEl=null,this.spinnerModel.set(y.c.Disabled,!0),this.renderContent())}},{key:"onClickCrop",value:function(){o.Radio.channel(this.channelName).trigger(g.a.CropImage).trigger(y.b.ShowSpinner)}},{key:"onSelectImage",value:function(e,t){this.selectedImageType=t,this.newImageEl=new Image,this.newImageEl.src=e,this.popupContentState=A.Crop,this.spinnerModel.set(y.c.Disabled,!1),this.renderCropper()}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,this.selectedImageType,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this;this.triggerMethod("hide");var n={libraryId:this.libraryId,folderId:this.options.folderId,currentImageId:this.getCurrentImageId(),imageModel:e},r=this.selectedImageType===d.f.Banners?u.e.Banner:u.e.Thumbnail,o=this.selectedImageType===d.f.Banners?"addOrUpdateBanner":"addOrUpdateThumbnail";this.libraryDataService[o](n,(function(e){s.a.logUserAction({libraryId:t.libraryId,folderId:t.options.folderId,id:e.get("id")},{actionType:u.q.Upload,entity:r,workflowPhase:u.r.Complete,location:u.k.Popup}),t.reloadPage()}))}},{key:"onShowDialog",value:function(e){var t=this,n=new h.d({title:"Remove image?",text:"Are you sure you want to remove this image?",buttons:[{text:"Remove",className:"btn btn-danger",success:!0},{text:"Cancel",className:"btn btn-secondary",close:!0}],channelName:this.options.channelName});setTimeout((function(){return n.render().done((function(){return t.removeImage(e)}))}),200),this.triggerMethod("hide")}},{key:"removeImage",value:function(e){var t=this,n=e===d.f.Banners?"deleteBanner":"deleteThumbnail",r=e===d.f.Banners?this.currentBanner:this.currentThumbnail,o={libraryId:this.libraryId,folderId:this.model.get("id"),imageId:r.get("id")},i=e===d.f.Banners?u.e.Banner:u.e.Thumbnail;this.libraryDataService[n](o,(function(){s.a.logUserAction({libraryId:t.libraryId,folderId:t.model.get("id"),id:r.get("id")},{actionType:u.q.Delete,entity:i,workflowPhase:u.r.Complete,location:u.k.Popup}),t.reloadPage()}))}},{key:"reloadPage",value:function(){var e=this,t=i.a.LocationUtils.GetCurrentPath().includes("folders");setTimeout((function(){return i.a.AppLinkHelper.trigger({application:m.b.LIBRARY_EDITOR,action:t?m.a.LibraryEditor.FOLDER:m.a.LibraryEditor.HOME,args:t?[e.options.folderId]:void 0})}),0)}},{key:"getCurrentImageId",value:function(){return this.selectedImageType===d.f.Banners&&this.currentBanner?this.currentBanner.get("id"):this.selectedImageType===d.f.Thumbnails&&this.currentThumbnail?this.currentThumbnail.get("id"):void 0}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"getImageModel",value:function(){return new f.a({dataUrl:this.newImageEl.src,width:this.newImageEl.width,height:this.newImageEl.height})}},{key:"renderContent",value:function(){this.popupContentState===A.Upload&&(this.getUI("backBtn").addClass(V.a.hide),this.showChildView("content",new W({imageCdnUrl:this.config.get("imageCdnUrl"),folderName:this.model.get("name"),bannerImage:this.currentBanner,thumbnailImage:this.currentThumbnail,bannerChannel:"".concat(this.channelName,":").concat(d.f.Banners),thumbnailChannel:"".concat(this.channelName,":").concat(d.f.Thumbnails),folderId:this.options.folderId})))}},{key:"renderCropper",value:function(){this.popupContentState===A.Crop&&(this.getUI("backBtn").removeClass(V.a.hide),this.showChildView("content",new g.b({model:this.getImageModel(),channelName:this.channelName,imageType:this.selectedImageType,minWidth:m.k[this.selectedImageType].width,minHeight:m.k[this.selectedImageType].height,getCropRegionWidth:r.bind(this.getCropRegionWidth,this)})))}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model&&!!this.libraryId,spinnerEl:h.q.getSpinner({size:h.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeRender",value:function(){var e=this;this.model&&this.libraryId||(this.model=this.libraryDataService.getFolder(this.options.folderId),this.libraryDataService.getLibraries((function(t){return e.libraryId=t.first().id})))}},{key:"onRender",value:function(){this.model&&this.libraryId&&(this.currentBanner=this.model.get("banner"),this.currentThumbnail=this.model.get("thumbnail"),this.renderContent())}},{key:"onBeforeDestroy",value:function(){this.viewModel.clear()}},{key:"name",get:function(){return"EditFolderImagesView"}},{key:"title",get:function(){return"Edit Folder Images"}},{key:"template",get:function(){return z.a}},{key:"channelName",get:function(){return h.k.generateUniqueChannelName(this)}},{key:"elements",get:function(){return{backBtn:".back-btn"}}},{key:"behaviors",get:function(){return[{title:"Edit folder images",behaviorClass:c.f,size:"modal-lg",buttons:[{text:"Back",className:"btn btn-light back-btn ".concat(V.a.hide)}],spinnerButtonOptions:{model:this.spinnerModel=new p.a,channelName:this.channelName,buttonText:"Continue",onClick:this.onClickCrop}}]}},{key:"requiredResources",get:function(){return{config:b.b.config}}}])&&Y(t.prototype,n),v&&Y(t,v),w}(i.a.View)},652:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n(2),o=n(158);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f(e);if(t){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}(c,e);var t,n,r,i=s(c);function c(){return a(this,c),i.apply(this,arguments)}return t=c,(n=[{key:"defaults",value:function(){return e={},t=o.c.Disabled,n=!0,t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;var e,t,n}}])&&l(t.prototype,n),r&&l(t,r),c}(r.a.Model)},706:function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return g}));var r,o=n(7),i=n(2),a=n(749),l=n.n(a),u=n(707),s=n.n(u);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=d(e);if(t){var o=d(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m(this,n)}}function m(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(r||(r={}));var g=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(u,e);var t,n,i,a=h(u);function u(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),a.call(this,e)}return t=u,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,r.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());o.Radio.channel(this.options.channelName).trigger(r.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new l.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return s.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&f(t.prototype,n),i&&f(t,i),u}(i.a.Component)},707:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(i=null!=(i=n.dataUrl||(null!=t?t.dataUrl:t))?i:e.hooks.helperMissing)?i.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:o}):i)+'" class="img img-fluid" />'},useData:!0})},922:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({1:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return"  "+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"minimumRecommended",{name:"lang",hash:{height:null!=(i=null!=(i=null!=t?t.options:t)?i.recommendedDimensions:i)?i.height:i,width:null!=(i=null!=(i=null!=t?t.options:t)?i.recommendedDimensions:i)?i.width:i},data:o}))+"\r\n"},3:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return"  "+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"minimumActual",{name:"lang",hash:{height:null!=(i=null!=(i=null!=t?t.options:t)?i.dimensions:i)?i.height:i,width:null!=(i=null!=(i=null!=t?t.options:t)?i.dimensions:i)?i.width:i},data:o}))+"\r\n"},5:function(e,t,n,r,o){e.propertyIsEnumerable;var i,a=e.lambda,l=e.escapeExpression;return'<button class="'+l(a(null!=(i=null!=(i=null!=t?t.options:t)?i.styles:i)?i.removeImage:i,t))+'">'+l((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"remove",{name:"lang",hash:{},data:o}))+" "+l(a(null!=(i=null!=t?t.options:t)?i.imageTypeText:i,t))+"</button>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){e.propertyIsEnumerable;var i,a=null!=t?t:e.nullContext||{},l=e.hooks.helperMissing,u=e.escapeExpression,s=e.lambda;return'<h6 class="mb-0">'+u((n.lang||t&&t.lang||l).call(a,"edit",{name:"lang",hash:{},data:o}))+" "+u(s(null!=(i=null!=t?t.options:t)?i.imageTypeText:i,t))+'</h6>\r\n<div class="text-muted mb-1">\r\n  <em>\r\n'+(null!=(i=n.if.call(a,null!=(i=null!=t?t.options:t)?i.recommendedDimensions:i,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:"")+'  </em>\r\n</div>\r\n<div class="my-1 '+u(s(null!=(i=null!=(i=null!=t?t.options:t)?i.styles:i)?i.imageContainer:i,t))+'">\r\n  <div class="'+u(s(null!=(i=null!=(i=null!=t?t.options:t)?i.styles:i)?i.imageElement:i,t))+'" style="background-image: url(\''+u(s(null!=(i=null!=t?t.options:t)?i.imageUrl:i,t))+'\')"></div>\r\n</div>\r\n<button class="btn btn-light my-1">'+u((n.lang||t&&t.lang||l).call(a,"upload",{name:"lang",hash:{},data:o}))+" "+u(s(null!=(i=null!=t?t.options:t)?i.imageTypeText:i,t))+"</button>\r\n"+(null!=(i=n.if.call(a,null!=(i=null!=t?t.options:t)?i.hasImage:i,{name:"if",hash:{},fn:e.program(5,o,0),inverse:e.noop,data:o}))?i:"")},useData:!0})},923:function(e,t,n){e.exports={removeImage:"_3OmsX",imageElement:"_3kJ8m",banner:"uFWnL",thumbnail:"_3_b6l",imageContainer:"_1mYjS"}},924:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){return'<div class="thumbnail-region"></div>\r\n<div class="dropdown-divider"></div>\r\n<div class="banner-region"></div>'},useData:!0})},925:function(e,t,n){e.exports={hide:"_5hYaK"}},926:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({1:function(e,t,n,r,o){return'<div class="content-region"></div>\r\n'},3:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return(null!=(i=e.lambda(null!=(i=null!=t?t.options:t)?i.spinnerEl:i,t))?i:"")+"\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return null!=(i=n.if.call(null!=t?t:e.nullContext||{},null!=(i=null!=t?t.options:t)?i.dataFetched:i,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:""},useData:!0})}}]);
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[36],{1090:function(e,t,n){"use strict";n.r(t);var r=n(1),o=n(7),i=n(2),a=n(5),l=n(24),u=n(4),s=n(31),c=n(175),f=n(184),p=n(654),h=n(11),m=n(0),d=n(6),g=n(708),y=n(159),b=n(119),v=n(3),I=n(924),w=n.n(I),k=n(925),C=n.n(k);function T(e){return(T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function O(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function R(e,t){return(R=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_(e);if(t){var o=_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return E(this,n)}}function E(e,t){return!t||"object"!==T(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var x=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&R(e,t)}(u,e);var t,n,r,a=S(u);function u(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),a.call(this,e)}return t=u,(n=[{key:"initialize",value:function(){this.viewModel=l.a.get("edit:folder:images")}},{key:"events",value:function(){return e={},t="click .".concat(C.a.removeImage),n="onClickRemoveImage",t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;var e,t,n}},{key:"onClickRemoveImage",value:function(){o.Radio.channel(this.options.channelName).trigger("show:dialog",this.options.imageType)}},{key:"getImageUrl",value:function(){var e=this.options.imageType===d.f.Banners?"createBannerUrl":"createFolderThumbnailUrl";return h.g[e](this.options.originalImage,{fallbackBaseUrl:this.options.imageCdnUrl,fallbackCategoryName:this.options.folderName,type:this.options.imageType})}},{key:"getImageTypeText",value:function(){switch(this.options.imageType){case d.f.Banners:return v.a.getPhrase(this.lang,"banner");case d.f.Thumbnails:return v.a.getPhrase(this.lang,"thumbnail")}}},{key:"viewOptions",value:function(){return{styles:C.a,imageUrl:this.getImageUrl(),hasImage:this.options.originalImage&&this.options.originalImage.get("id"),imageTypeText:this.getImageTypeText(),dimensions:m.k[this.options.imageType],recommendedDimensions:m.m[this.options.imageType]}}},{key:"name",get:function(){return"EditImageComponent"}},{key:"template",get:function(){return w.a}},{key:"lang",get:function(){return"libraryEditor.editImage"}},{key:"className",get:function(){return this.options.imageType===d.f.Thumbnails?"".concat(C.a.thumbnail," mb-2"):"".concat(C.a.banner," mt-2")}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:c.c,channelName:this.options.channelName,buttonSelector:".btn-light",imageType:this.options.imageType,saveImage:function(t,n){n?(e.viewModel.set({dataUrl:t,type:e.options.imageType}),i.a.AppLinkHelper.trigger({application:m.b.LIBRARY_EDITOR,action:m.a.LibraryEditor.EDIT_FOLDER_IMAGES,args:[e.options.folderId]})):o.Radio.channel(e.options.channelName).trigger("select:image",t,e.options.imageType)}}]}}])&&O(t.prototype,n),r&&O(t,r),u}(i.a.Component),B=n(926),U=n.n(B);function D(e){return(D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function P(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function j(e,t){return(j=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function M(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=L(e);if(t){var o=L(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return N(this,n)}}function N(e,t){return!t||"object"!==D(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function L(e){return(L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var A,W=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&j(e,t)}(i,e);var t,n,r,o=M(i);function i(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),o.call(this,e)}return t=i,(n=[{key:"regions",value:function(){return{banner:{el:".banner-region",replaceElement:!0},thumbnail:{el:".thumbnail-region",replaceElement:!0}}}},{key:"renderBanner",value:function(){this.showChildView("banner",new x({channelName:this.options.bannerChannel,imageCdnUrl:this.options.imageCdnUrl,imageType:d.f.Banners,folderName:this.options.folderName,originalImage:this.options.bannerImage,folderId:this.options.folderId}))}},{key:"renderThumbnail",value:function(){this.showChildView("thumbnail",new x({channelName:this.options.thumbnailChannel,imageCdnUrl:this.options.imageCdnUrl,imageType:d.f.Thumbnails,folderName:this.options.folderName,originalImage:this.options.thumbnailImage,folderId:this.options.folderId}))}},{key:"onRender",value:function(){this.renderBanner(),this.renderThumbnail()}},{key:"name",get:function(){return"EditImagesWrapperComponent"}},{key:"template",get:function(){return U.a}}])&&P(t.prototype,n),r&&P(t,r),i}(i.a.Component),F=n(927),V=n.n(F),H=n(928),z=n.n(H);function q(e){return(q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function J(e,t){return(J=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function G(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=K(e);if(t){var o=K(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return Z(this,n)}}function Z(e,t){return!t||"object"!==q(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function K(e){return(K=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n.d(t,"EditFolderImagesView",(function(){return X})),function(e){e[e.Upload=0]="Upload",e[e.Crop=1]="Crop"}(A||(A={}));var X=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&J(e,t)}(w,e);var t,n,v,I=G(w);function w(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,w),I.call(this,e)}return t=w,(n=[{key:"initialize",value:function(){this.popupContentState=A.Upload,this.viewModel=l.a.get("edit:folder:images"),this.viewModel.get("dataUrl")&&(this.selectedImageType=this.viewModel.get("type"),this.newImageEl=new Image,this.newImageEl.src=this.viewModel.get("dataUrl"),this.spinnerModel.set(y.c.Disabled,!1),this.popupContentState=A.Crop),this.libraryDataService=a.a.getInstance(m.g.Library,this),this.imageUploadDataService=a.a.getInstance(m.g.ImageUpload,this),this.bindListeners()}},{key:"regions",value:function(){return{content:{el:".content-region",replaceElement:!0}}}},{key:"events",value:function(){return{"click .back-btn":"onClickBackButton","shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(m.e.LIBRARY,"".concat(m.f.FOLDER,":").concat(this.options.folderId,":sync"),this.render);var t="".concat(this.channelName,":").concat(d.f.Banners),n="".concat(this.channelName,":").concat(d.f.Thumbnails);this.listenTo(t,"select:image",(function(t){return e.onSelectImage(t,d.f.Banners)})),this.listenTo(n,"select:image",(function(t){return e.onSelectImage(t,d.f.Thumbnails)})),this.listenTo(t,"show:dialog",(function(){return e.onShowDialog(d.f.Banners)})),this.listenTo(n,"show:dialog",(function(){return e.onShowDialog(d.f.Thumbnails)})),this.listenTo(t,"image:error",(function(){return e.triggerMethod("hide")})),this.listenTo(n,"image:error",(function(){return e.triggerMethod("hide")})),this.listenTo(this.channelName,g.a.ImageCropped,this.onImageCropped)}},{key:"onClickBackButton",value:function(){this.popupContentState!==A.Upload&&(this.popupContentState=A.Upload,this.selectedImageType=null,this.newImageEl=null,this.spinnerModel.set(y.c.Disabled,!0),this.renderContent())}},{key:"onClickCrop",value:function(){o.Radio.channel(this.channelName).trigger(g.a.CropImage).trigger(y.b.ShowSpinner)}},{key:"onSelectImage",value:function(e,t){this.selectedImageType=t,this.newImageEl=new Image,this.newImageEl.src=e,this.popupContentState=A.Crop,this.spinnerModel.set(y.c.Disabled,!1),this.renderCropper()}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,this.selectedImageType,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this;this.triggerMethod("hide");var n={libraryId:this.libraryId,folderId:this.options.folderId,currentImageId:this.getCurrentImageId(),imageModel:e},r=this.selectedImageType===d.f.Banners?u.e.Banner:u.e.Thumbnail,o=this.selectedImageType===d.f.Banners?"addOrUpdateBanner":"addOrUpdateThumbnail";this.libraryDataService[o](n,(function(e){s.a.logUserAction({libraryId:t.libraryId,folderId:t.options.folderId,id:e.get("id")},{actionType:u.q.Upload,entity:r,workflowPhase:u.r.Complete,location:u.k.Popup}),t.reloadPage()}))}},{key:"onShowDialog",value:function(e){var t=this,n=new h.d({title:"Remove image?",text:"Are you sure you want to remove this image?",buttons:[{text:"Remove",className:"btn btn-danger",success:!0},{text:"Cancel",className:"btn btn-secondary",close:!0}],channelName:this.options.channelName});setTimeout((function(){return n.render().done((function(){return t.removeImage(e)}))}),200),this.triggerMethod("hide")}},{key:"removeImage",value:function(e){var t=this,n=e===d.f.Banners?"deleteBanner":"deleteThumbnail",r=e===d.f.Banners?this.currentBanner:this.currentThumbnail,o={libraryId:this.libraryId,folderId:this.model.get("id"),imageId:r.get("id")},i=e===d.f.Banners?u.e.Banner:u.e.Thumbnail;this.libraryDataService[n](o,(function(){s.a.logUserAction({libraryId:t.libraryId,folderId:t.model.get("id"),id:r.get("id")},{actionType:u.q.Delete,entity:i,workflowPhase:u.r.Complete,location:u.k.Popup}),t.reloadPage()}))}},{key:"reloadPage",value:function(){var e=this,t=i.a.LocationUtils.GetCurrentPath().includes("folders");setTimeout((function(){return i.a.AppLinkHelper.trigger({application:m.b.LIBRARY_EDITOR,action:t?m.a.LibraryEditor.FOLDER:m.a.LibraryEditor.HOME,args:t?[e.options.folderId]:void 0})}),0)}},{key:"getCurrentImageId",value:function(){return this.selectedImageType===d.f.Banners&&this.currentBanner?this.currentBanner.get("id"):this.selectedImageType===d.f.Thumbnails&&this.currentThumbnail?this.currentThumbnail.get("id"):void 0}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"getImageModel",value:function(){return new f.a({dataUrl:this.newImageEl.src,width:this.newImageEl.width,height:this.newImageEl.height})}},{key:"renderContent",value:function(){this.popupContentState===A.Upload&&(this.getUI("backBtn").addClass(V.a.hide),this.showChildView("content",new W({imageCdnUrl:this.config.get("imageCdnUrl"),folderName:this.model.get("name"),bannerImage:this.currentBanner,thumbnailImage:this.currentThumbnail,bannerChannel:"".concat(this.channelName,":").concat(d.f.Banners),thumbnailChannel:"".concat(this.channelName,":").concat(d.f.Thumbnails),folderId:this.options.folderId})))}},{key:"renderCropper",value:function(){this.popupContentState===A.Crop&&(this.getUI("backBtn").removeClass(V.a.hide),this.showChildView("content",new g.b({model:this.getImageModel(),channelName:this.channelName,imageType:this.selectedImageType,minWidth:m.k[this.selectedImageType].width,minHeight:m.k[this.selectedImageType].height,getCropRegionWidth:r.bind(this.getCropRegionWidth,this)})))}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model&&!!this.libraryId,spinnerEl:h.q.getSpinner({size:h.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeRender",value:function(){var e=this;this.model&&this.libraryId||(this.model=this.libraryDataService.getFolder(this.options.folderId),this.libraryDataService.getLibraries((function(t){return e.libraryId=t.first().id})))}},{key:"onRender",value:function(){this.model&&this.libraryId&&(this.currentBanner=this.model.get("banner"),this.currentThumbnail=this.model.get("thumbnail"),this.renderContent())}},{key:"onBeforeDestroy",value:function(){this.viewModel.clear()}},{key:"name",get:function(){return"EditFolderImagesView"}},{key:"title",get:function(){return"Edit Folder Images"}},{key:"template",get:function(){return z.a}},{key:"channelName",get:function(){return h.k.generateUniqueChannelName(this)}},{key:"elements",get:function(){return{backBtn:".back-btn"}}},{key:"behaviors",get:function(){return[{title:"Edit folder images",behaviorClass:c.f,size:"modal-lg",buttons:[{text:"Back",className:"btn btn-light back-btn ".concat(V.a.hide)}],spinnerButtonOptions:{model:this.spinnerModel=new p.a,channelName:this.channelName,buttonText:"Continue",onClick:this.onClickCrop}}]}},{key:"requiredResources",get:function(){return{config:b.b.config}}}])&&Y(t.prototype,n),v&&Y(t,v),w}(i.a.View)},654:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n(2),o=n(159);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f(e);if(t){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}(c,e);var t,n,r,i=s(c);function c(){return a(this,c),i.apply(this,arguments)}return t=c,(n=[{key:"defaults",value:function(){return e={},t=o.c.Disabled,n=!0,t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;var e,t,n}}])&&l(t.prototype,n),r&&l(t,r),c}(r.a.Model)},708:function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return g}));var r,o=n(7),i=n(2),a=n(751),l=n.n(a),u=n(709),s=n.n(u);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=d(e);if(t){var o=d(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m(this,n)}}function m(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(r||(r={}));var g=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}(u,e);var t,n,i,a=h(u);function u(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),a.call(this,e)}return t=u,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,r.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());o.Radio.channel(this.options.channelName).trigger(r.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new l.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return s.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&f(t.prototype,n),i&&f(t,i),u}(i.a.Component)},709:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(i=null!=(i=n.dataUrl||(null!=t?t.dataUrl:t))?i:e.hooks.helperMissing)?i.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:o}):i)+'" class="img img-fluid" />'},useData:!0})},924:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({1:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return"  "+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"minimumRecommended",{name:"lang",hash:{height:null!=(i=null!=(i=null!=t?t.options:t)?i.recommendedDimensions:i)?i.height:i,width:null!=(i=null!=(i=null!=t?t.options:t)?i.recommendedDimensions:i)?i.width:i},data:o}))+"\r\n"},3:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return"  "+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"minimumActual",{name:"lang",hash:{height:null!=(i=null!=(i=null!=t?t.options:t)?i.dimensions:i)?i.height:i,width:null!=(i=null!=(i=null!=t?t.options:t)?i.dimensions:i)?i.width:i},data:o}))+"\r\n"},5:function(e,t,n,r,o){e.propertyIsEnumerable;var i,a=e.lambda,l=e.escapeExpression;return'<button class="'+l(a(null!=(i=null!=(i=null!=t?t.options:t)?i.styles:i)?i.removeImage:i,t))+'">'+l((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"remove",{name:"lang",hash:{},data:o}))+" "+l(a(null!=(i=null!=t?t.options:t)?i.imageTypeText:i,t))+"</button>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){e.propertyIsEnumerable;var i,a=null!=t?t:e.nullContext||{},l=e.hooks.helperMissing,u=e.escapeExpression,s=e.lambda;return'<h6 class="mb-0">'+u((n.lang||t&&t.lang||l).call(a,"edit",{name:"lang",hash:{},data:o}))+" "+u(s(null!=(i=null!=t?t.options:t)?i.imageTypeText:i,t))+'</h6>\r\n<div class="text-muted mb-1">\r\n  <em>\r\n'+(null!=(i=n.if.call(a,null!=(i=null!=t?t.options:t)?i.recommendedDimensions:i,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:"")+'  </em>\r\n</div>\r\n<div class="my-1 '+u(s(null!=(i=null!=(i=null!=t?t.options:t)?i.styles:i)?i.imageContainer:i,t))+'">\r\n  <div class="'+u(s(null!=(i=null!=(i=null!=t?t.options:t)?i.styles:i)?i.imageElement:i,t))+'" style="background-image: url(\''+u(s(null!=(i=null!=t?t.options:t)?i.imageUrl:i,t))+'\')"></div>\r\n</div>\r\n<button class="btn btn-light my-1">'+u((n.lang||t&&t.lang||l).call(a,"upload",{name:"lang",hash:{},data:o}))+" "+u(s(null!=(i=null!=t?t.options:t)?i.imageTypeText:i,t))+"</button>\r\n"+(null!=(i=n.if.call(a,null!=(i=null!=t?t.options:t)?i.hasImage:i,{name:"if",hash:{},fn:e.program(5,o,0),inverse:e.noop,data:o}))?i:"")},useData:!0})},925:function(e,t,n){e.exports={removeImage:"_3OmsX",imageElement:"_3kJ8m",banner:"uFWnL",thumbnail:"_3_b6l",imageContainer:"_1mYjS"}},926:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){return'<div class="thumbnail-region"></div>\r\n<div class="dropdown-divider"></div>\r\n<div class="banner-region"></div>'},useData:!0})},927:function(e,t,n){e.exports={hide:"_5hYaK"}},928:function(e,t,n){var r=n(8);e.exports=(r.default||r).template({1:function(e,t,n,r,o){return'<div class="content-region"></div>\r\n'},3:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return(null!=(i=e.lambda(null!=(i=null!=t?t.options:t)?i.spinnerEl:i,t))?i:"")+"\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return null!=(i=n.if.call(null!=t?t:e.nullContext||{},null!=(i=null!=t?t.options:t)?i.dataFetched:i,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:""},useData:!0})}}]);

package/dist/scripts/36.chunk.js

@@ -0,0 +1,335 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[36],{
+
+/***/ "./src/apps/library-editor/components/library-actions/LibraryActions.hbs":
+/*!*******************************************************************************!*\
+  !*** ./src/apps/library-editor/components/library-actions/LibraryActions.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 stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda;
+
+  return "<span data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\""
+    + container.escapeExpression(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dropdownClass : stack1), depth0))
+    + " d-inline-block ui-dropdown-toggle\">\r\n  "
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n</span>\r\n<div class=\"items-region\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/library-actions/LibraryActionsComponent.ts":
+/*!***************************************************************************************!*\
+  !*** ./src/apps/library-editor/components/library-actions/LibraryActionsComponent.ts ***!
+  \***************************************************************************************/
+/*! exports provided: LibraryActionsComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LibraryActionsComponent", function() { return LibraryActionsComponent; });
+/* 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 _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _shared_components_dropdown_DropdownComponentCollection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../shared/components/dropdown/DropdownComponentCollection */ "./src/shared/components/dropdown/DropdownComponentCollection.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _LibraryActions_hbs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./LibraryActions.hbs */ "./src/apps/library-editor/components/library-actions/LibraryActions.hbs");
+/* harmony import */ var _LibraryActions_hbs__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_LibraryActions_hbs__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _library_actions_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./library-actions.scss */ "./src/apps/library-editor/components/library-actions/library-actions.scss");
+/* harmony import */ var _library_actions_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_library_actions_scss__WEBPACK_IMPORTED_MODULE_8__);
+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 LibraryActionsComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(LibraryActionsComponent, _Core$Component);
+
+  var _super = _createSuper(LibraryActionsComponent);
+
+  function LibraryActionsComponent(options) {
+    _classCallCheck(this, LibraryActionsComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(LibraryActionsComponent, [{
+    key: "events",
+    value: function events() {
+      return {
+        'click @ui.dropdownToggle': 'onClickDropdownToggle',
+        'click @ui.dropdownItem': 'onClickDropdownItem'
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        dropdownItems: {
+          replaceElement: true,
+          el: '.items-region'
+        }
+      };
+    }
+  }, {
+    key: "onClickDropdownToggle",
+    value: function onClickDropdownToggle() {
+      this.showChildView('dropdownItems', new _shared_components_dropdown_DropdownComponentCollection__WEBPACK_IMPORTED_MODULE_4__["DropdownComponentCollection"]({
+        analyticsHelper: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"],
+        displayOptions: {
+          alignment: 'right'
+        },
+        channelName: this.channelName,
+        collection: new _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Collection([{
+          title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(this.lang, 'addFolder'),
+          analyticsOptions: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].mergeOptions(this.options.analyticsOptions, {
+            actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Create,
+            entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].Folder,
+            workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["WorkflowPhase"].Start
+          }),
+          appLink: {
+            application: _shared_constants__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].LIBRARY_EDITOR,
+            action: _shared_constants__WEBPACK_IMPORTED_MODULE_5__["Actions"].Shared.NEW_FOLDER,
+            args: [this.model.get('id')]
+          }
+        }, {
+          title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(this.lang, 'rename'),
+          analyticsOptions: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].mergeOptions(this.options.analyticsOptions, {
+            actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Rename,
+            entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].Library,
+            workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["WorkflowPhase"].Start
+          }),
+          appLink: {
+            application: _shared_constants__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].LIBRARY_EDITOR,
+            action: _shared_constants__WEBPACK_IMPORTED_MODULE_5__["Actions"].LibraryEditor.RENAME_LIBRARY,
+            args: [this.model.get('id')]
+          }
+        }, {
+          title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(this.lang, 'remove'),
+          analyticsOptions: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].mergeOptions(this.options.analyticsOptions, {
+            actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Delete,
+            entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].Library,
+            workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["WorkflowPhase"].Start
+          }),
+          appLink: {
+            application: _shared_constants__WEBPACK_IMPORTED_MODULE_5__["AppChannels"].LIBRARY_EDITOR,
+            action: _shared_constants__WEBPACK_IMPORTED_MODULE_5__["Actions"].LibraryEditor.DELETE_LIBRARY,
+            args: [this.model.get('id')]
+          },
+          classes: 'text-danger'
+        }])
+      }));
+    }
+  }, {
+    key: "onClickDropdownItem",
+    value: function onClickDropdownItem(event) {
+      event.stopPropagation();
+      event.preventDefault();
+      this.getUI('dropdownToggle').dropdown('toggle');
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        dropdownClass: "".concat(_library_actions_scss__WEBPACK_IMPORTED_MODULE_8___default.a.dropdownButton, " ").concat(this.options.buttonClass),
+        svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].More)
+      };
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'LibraryActionsComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _LibraryActions_hbs__WEBPACK_IMPORTED_MODULE_7___default.a;
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return "".concat(this.name).concat(this.cid);
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.libraryActions';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "position-absolute ".concat(_library_actions_scss__WEBPACK_IMPORTED_MODULE_8___default.a.dropdownContainer, " ").concat(this.options.extraClasses, " ");
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        dropdownToggle: '.ui-dropdown-toggle',
+        dropdownItem: '.dropdown-item'
+      };
+    }
+  }]);
+
+  return LibraryActionsComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/library-actions/library-actions.scss":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/library-editor/components/library-actions/library-actions.scss ***!
+  \*********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dropdownContainer":"cv--dropdownContainer--293SV","dropdownButton":"cv--dropdownButton--23YxG"};
+
+/***/ }),
+
+/***/ "./src/shared/components/dropdown/DropdownComponentCollection.ts":
+/*!***********************************************************************!*\
+  !*** ./src/shared/components/dropdown/DropdownComponentCollection.ts ***!
+  \***********************************************************************/
+/*! exports provided: DropdownComponentCollection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropdownComponentCollection", function() { return DropdownComponentCollection; });
+/* 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 _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _DropdownItemComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DropdownItemComponent */ "./src/shared/components/dropdown/DropdownItemComponent.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 _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 DropdownComponentCollection = /*#__PURE__*/function (_Core$ComponentCollec) {
+  _inherits(DropdownComponentCollection, _Core$ComponentCollec);
+
+  var _super = _createSuper(DropdownComponentCollection);
+
+  function DropdownComponentCollection(options) {
+    _classCallCheck(this, DropdownComponentCollection);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(DropdownComponentCollection, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, 'center:dropdown', this.centerSelectedItem);
+    }
+  }, {
+    key: "getExtraClasses",
+    value: function getExtraClasses() {
+      var displayOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _displayOptions$align = displayOptions.alignment,
+          alignment = _displayOptions$align === void 0 ? 'left' : _displayOptions$align,
+          extraClasses = displayOptions.extraClasses;
+      var className = "dropdown-menu-".concat(alignment);
+      if (extraClasses) className = "".concat(className, " ").concat(extraClasses);
+      return className;
+    }
+  }, {
+    key: "centerSelectedItem",
+    value: function centerSelectedItem() {
+      var active = this.$el.find('.active');
+      if (!active.length) return;
+      var halfRatio = 0.5;
+      var top = this.$el.scrollTop() + active.position().top;
+      var distance = this.$el.height() * halfRatio + active.height() * halfRatio;
+      this.$el.scrollTop(top - distance);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'DropdownCollectionComponent';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "dropdown-menu items-viewpart ".concat(this.getExtraClasses(this.options.displayOptions));
+    }
+  }, {
+    key: "attributes",
+    get: function get() {
+      return {
+        'aria-labelledby': 'dropdownSelector'
+      };
+    }
+  }, {
+    key: "childView",
+    get: function get() {
+      return _DropdownItemComponent__WEBPACK_IMPORTED_MODULE_2__["DropdownItemComponent"];
+    }
+  }, {
+    key: "childViewOptions",
+    get: function get() {
+      var baseChildOptions = {
+        channelName: this.options.channelName,
+        analyticsHelper: this.options.analyticsHelper
+      };
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"](baseChildOptions, this.options.childOptions);
+    }
+  }]);
+
+  return DropdownComponentCollection;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ComponentCollection);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=36.chunk.js.map

package/dist/scripts/36.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/library-actions/LibraryActions.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/library-actions/LibraryActionsComponent.ts","webpack://@clickview/library-editor/./src/apps/library-editor/components/library-actions/library-actions.scss?3f2c","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/dropdown/DropdownComponentCollection.ts"],"names":[],"mappings":"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","file":"scripts/36.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda;\n\n  return \"<span data-toggle=\\\"dropdown\\\" aria-haspopup=\\\"true\\\" aria-expanded=\\\"false\\\" class=\\\"\"\n    + container.escapeExpression(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dropdownClass : stack1), depth0))\n    + \" d-inline-block ui-dropdown-toggle\\\">\\r\\n  \"\n    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : \"\")\n    + \"\\r\\n</span>\\r\\n<div class=\\\"items-region\\\"></div>\";\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { SvgHelper, cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { AnalyticsOptions, EntityType, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { DropdownComponentCollection } from 'shared/components/dropdown/DropdownComponentCollection';\r\nimport { Actions, AppChannels } from 'shared/constants';\r\nimport { Library } from 'shared/models/Library';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport LibraryActionsTemplate from './LibraryActions.hbs';\r\nimport styles from './library-actions.scss';\r\n\r\ninterface LibraryActionsComponentOptions extends Core.ComponentOptions<Library> {\r\n  model: Library;\r\n  extraClasses?: string;\r\n  buttonClass?: string;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport class LibraryActionsComponent extends Core.Component<Library> {\r\n  protected options: LibraryActionsComponentOptions;\r\n\r\n  constructor(options: LibraryActionsComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'LibraryActionsComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return LibraryActionsTemplate;\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return `${this.name}${this.cid}`;\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.libraryActions';\r\n  }\r\n\r\n  public get className(): string {\r\n    return `position-absolute ${styles.dropdownContainer} ${this.options.extraClasses} `;\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      dropdownToggle: '.ui-dropdown-toggle',\r\n      dropdownItem: '.dropdown-item'\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'click @ui.dropdownToggle': 'onClickDropdownToggle',\r\n      'click @ui.dropdownItem'  : 'onClickDropdownItem'\r\n    };\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      dropdownItems: {\r\n        replaceElement: true,\r\n        el: '.items-region'\r\n      }\r\n    };\r\n  }\r\n\r\n  private onClickDropdownToggle(): void {\r\n    this.showChildView('dropdownItems', new DropdownComponentCollection({\r\n      analyticsHelper: AnalyticsHelper,\r\n      displayOptions: {\r\n        alignment: 'right'\r\n      },\r\n      channelName: this.channelName,\r\n      collection: new Core.Collection([{\r\n        title: LanguageService.getPhrase(this.lang, 'addFolder'),\r\n        analyticsOptions: AnalyticsHelper.mergeOptions(this.options.analyticsOptions, {\r\n          actionType: UserAction.Create, entity: EntityType.Folder, workflowPhase: WorkflowPhase.Start\r\n        }),\r\n        appLink: {\r\n          application: AppChannels.LIBRARY_EDITOR,\r\n          action: Actions.Shared.NEW_FOLDER,\r\n          args: [this.model.get('id')]\r\n        }\r\n      }, {\r\n        title: LanguageService.getPhrase(this.lang, 'rename'),\r\n        analyticsOptions: AnalyticsHelper.mergeOptions(this.options.analyticsOptions, {\r\n          actionType: UserAction.Rename, entity: EntityType.Library, workflowPhase: WorkflowPhase.Start\r\n        }),\r\n        appLink: {\r\n          application: AppChannels.LIBRARY_EDITOR,\r\n          action: Actions.LibraryEditor.RENAME_LIBRARY,\r\n          args: [this.model.get('id')]\r\n        }\r\n      }, {\r\n        title: LanguageService.getPhrase(this.lang, 'remove'),\r\n        analyticsOptions: AnalyticsHelper.mergeOptions(this.options.analyticsOptions, {\r\n          actionType: UserAction.Delete, entity: EntityType.Library, workflowPhase: WorkflowPhase.Start\r\n        }),\r\n        appLink: {\r\n          application: AppChannels.LIBRARY_EDITOR,\r\n          action: Actions.LibraryEditor.DELETE_LIBRARY,\r\n          args: [this.model.get('id')]\r\n        },\r\n        classes: 'text-danger'\r\n      }])\r\n    }));\r\n  }\r\n\r\n  private onClickDropdownItem(event: JQuery.Event): void {\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n\r\n    this.getUI('dropdownToggle').dropdown('toggle');\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      dropdownClass: `${styles.dropdownButton} ${this.options.buttonClass}`,\r\n      svg: SvgHelper.getSvg(cvSvgLibrary.More)\r\n    };\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownContainer\":\"cv--dropdownContainer--293SV\",\"dropdownButton\":\"cv--dropdownButton--23YxG\"};","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { DropdownItemComponent } from 'shared/components/dropdown/DropdownItemComponent';\r\n\r\nexport interface DropdownDisplayOptions {\r\n  alignment?: string;\r\n  extraClasses?: string;\r\n}\r\n\r\nexport interface DropdownAnalyticsHelper {\r\n  logUserAction(data: ObjectHash | ObjectHash[], analyticsOptions: any): void;\r\n}\r\n\r\nexport interface DropdownChildOptions {\r\n  channelName?: string;\r\n  titleProperty?: string;\r\n  eventName?: string;\r\n  extraClasses?: string;\r\n  prefixHandler?: () => string;\r\n  currentSelectedMessage?: string;\r\n  isDisabled?: (model: Core.Model) => boolean;\r\n  getTooltip?: (model: Core.Model) => ObjectHash;\r\n  truncateOptionNames?: boolean;\r\n}\r\n\r\nexport interface DropdownComponentCollectionOptions extends Core.ComponentCollectionOptions {\r\n  channelName: string;\r\n  childOptions?: DropdownChildOptions;\r\n  displayOptions?: DropdownDisplayOptions;\r\n  analyticsHelper: DropdownAnalyticsHelper;\r\n}\r\n\r\nexport class DropdownComponentCollection extends Core.ComponentCollection {\r\n  public options: DropdownComponentCollectionOptions;\r\n\r\n  constructor(options?: DropdownComponentCollectionOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'DropdownCollectionComponent';\r\n  }\r\n\r\n  public get className(): string {\r\n    return `dropdown-menu items-viewpart ${this.getExtraClasses(this.options.displayOptions)}`;\r\n  }\r\n\r\n  public get attributes(): ObjectHash {\r\n    return {\r\n      'aria-labelledby': 'dropdownSelector'\r\n    };\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(this.options.channelName, 'center:dropdown', this.centerSelectedItem);\r\n  }\r\n\r\n  public get childView(): any {\r\n    return DropdownItemComponent;\r\n  }\r\n\r\n  public get childViewOptions(): ObjectHash {\r\n    const baseChildOptions: ObjectHash = {\r\n      channelName: this.options.channelName,\r\n      analyticsHelper: this.options.analyticsHelper\r\n    };\r\n\r\n    return _.extend(baseChildOptions, this.options.childOptions);\r\n  }\r\n\r\n  private getExtraClasses(displayOptions: DropdownDisplayOptions = {}): string {\r\n    const { alignment = 'left', extraClasses } = displayOptions;\r\n\r\n    let className = `dropdown-menu-${alignment}`;\r\n\r\n    if (extraClasses)\r\n      className = `${className} ${extraClasses}`;\r\n\r\n    return className;\r\n  }\r\n\r\n  private centerSelectedItem(): void {\r\n    const active = this.$el.find('.active');\r\n\r\n    if (!active.length)\r\n      return;\r\n\r\n    const halfRatio = 0.5;\r\n    const top = this.$el.scrollTop() + active.position().top;\r\n    const distance = this.$el.height() * halfRatio + active.height() * halfRatio;\r\n    this.$el.scrollTop(top - distance);\r\n  }\r\n}"],"sourceRoot":""}