@clickview/library-editor 1.1.23 → 1.1.24-rc.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/views/banner-upload/BannerUpload.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/views/banner-upload/BannerUploadView.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/image-cropper/ImageCropper.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/image-cropper/ImageCropperComponent.ts"],"names":[],"mappings":";;;;;;;;;AAAA,iBAAiB,mBAAO,CAAC,8BAAY;AACrC,iEAAiE;AACjE;;AAEA;AACA;AACA,CAAC;AACD;AACA,CAAC;AACD;;AAEA,8FAA8F,iGAAiG,yBAAyB,wFAAwF;AAChT,CAAC,gBAAgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACZjB;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AAOO,IAAM,gBAAb;AAAA;;AAAA;;AAME,4BAAY,OAAZ,EAA4C;AAAA;;AAAA,6BACpC,OADoC;AAE3C;;AARH;AAAA;AAAA,iCAUmB;AACf,WAAK,kBAAL,GAA0B,kGAAe,CAAC,WAAhB,CAA4B,8DAAY,CAAC,OAAzC,EAAkD,IAAlD,CAA1B;AACA,WAAK,sBAAL,GAA8B,kGAAe,CAAC,WAAhB,CAA4B,8DAAY,CAAC,WAAzC,EAAsD,IAAtD,CAA9B;AAEA,WAAK,SAAL,GAAiB,oGAAgB,CAAC,GAAjB,CAAqB,eAArB,CAAjB;AAEA,WAAK,aAAL;AACA,WAAK,WAAL;AACD;AAlBH;AAAA;AAAA,8BAuDgB;AACZ,aAAO;AACL,eAAO,EAAE;AACP,YAAE,EAAE,iBADG;AAEP,wBAAc,EAAE;AAFT;AADJ,OAAP;AAMD;AA9DH;AAAA;AAAA,6BAgEe;AACX;;;;;AAKA,aAAO;AACL,0BAAkB;AADb,OAAP;AAGD;AAzEH;AAAA;AAAA,oCA2EuB;AAAA;;AACnB,WAAK,QAAL,CAAc,KAAK,WAAnB,EAAgC,sGAAc,CAAC,YAA/C,EAA6D,KAAK,cAAlE;AAEA,WAAK,QAAL,CAAc,8DAAY,CAAC,KAA3B,YAAqC,8DAAY,CAAC,MAAlD,cAA4D,KAAK,OAAL,CAAa,QAAzE,YAA0F,KAAK,MAA/F;AACA,WAAK,QAAL,CAAc,8DAAY,CAAC,KAA3B,YAAqC,8DAAY,CAAC,oBAAlD,cAA0E,KAAK,OAAL,CAAa,QAAvF,YAAwG;AAAA,eAAM,KAAI,CAAC,aAAL,CAAmB,MAAnB,CAAN;AAAA,OAAxG;AACD;AAhFH;AAAA;AAAA,kCAkFqB;AACjB,UAAI,CAAC,KAAK,SAAL,CAAe,GAAf,CAAmB,SAAnB,CAAL,EACE,8DAAI,CAAC,WAAL,CAAiB,KAAjB,CAAuB,IAAI,kFAAJ,CAAa,oDAAb,CAAvB;AAEF,WAAK,OAAL,GAAe,IAAI,KAAJ,EAAf;AACA,WAAK,OAAL,CAAa,GAAb,GAAmB,KAAK,SAAL,CAAe,GAAf,CAAmB,SAAnB,CAAnB;AACA,WAAK,SAAL,CAAe,KAAf,CAAqB,SAArB;AACD;AAzFH;AAAA;AAAA,yCA2F4B;AACxB,aAAO,KAAK,GAAL,CAAS,IAAT,CAAc,aAAd,EAA6B,KAA7B,EAAP;AACD;AA7FH;AAAA;AAAA,kCA+FqB;AACjB,oDAAK,CAAC,OAAN,CAAc,KAAK,WAAnB,EAAgC,OAAhC,CAAwC,sGAAc,CAAC,SAAvD;AACA,oDAAK,CAAC,OAAN,CAAc,KAAK,WAAnB,EAAgC,OAAhC,CAAwC,6GAAmB,CAAC,WAA5D;AACD;AAlGH;AAAA;AAAA,mCAoGyB,OApGzB,EAoGwC;AAAA;;AACpC,WAAK,sBAAL,CAA4B,iBAA5B,CAA8C,OAA9C,EACE,uDAAS,CAAC,OADZ,EAEE,UAAC,IAAD;AAAA,eAAsB,MAAI,CAAC,eAAL,CAAqB,IAArB,CAAtB;AAAA,OAFF;AAID;AAzGH;AAAA;AAAA,oCA2G0B,UA3G1B,EA2GgD;AAAA;;AAC5C,UAAM,QAAQ,GAAG,SAAX,QAAW;AAAA,eAAM,MAAI,CAAC,aAAL,CAAmB,MAAnB,CAAN;AAAA,OAAjB;;AACA,UAAM,IAAI,GAAG;AACX,gBAAQ,EAAE,KAAK,OAAL,CAAa,QADZ;AAEX,kBAAU,EAAV,UAFW;AAGX,sBAAc,EAAE,KAAK,KAAL,CAAW,MAAX,IAAqB,KAAK,KAAL,CAAW,MAAX,CAAkB;AAH5C,OAAb;AAKA,WAAK,kBAAL,CAAwB,iBAAxB,CAA0C,IAA1C,EAAgD,QAAhD;AACD;AAnHH;AAAA;AAAA,oCAqHuB;AACnB,UAAM,KAAK,GAAG,IAAI,0DAAJ,CAAe;AAC3B,eAAO,EAAE,KAAK,OAAL,CAAa,GADK;AAE3B,aAAK,EAAE,KAAK,OAAL,CAAa,KAFO;AAG3B,cAAM,EAAE,KAAK,OAAL,CAAa;AAHM,OAAf,CAAd;AAMA,WAAK,aAAL,CAAmB,SAAnB,EAA8B,IAAI,6GAAJ,CAA0B;AACtD,aAAK,EAAL,KADsD;AAEtD,mBAAW,EAAE,KAAK,WAFoC;AAGtD,iBAAS,EAAE,uDAAS,CAAC,OAHiC;AAItD,gBAAQ,EAAE,oEAAkB,CAAC,uDAAS,CAAC,OAAX,CAAlB,CAAsC,KAJM;AAKtD,iBAAS,EAAE,oEAAkB,CAAC,uDAAS,CAAC,OAAX,CAAlB,CAAsC,MALK;AAMtD,0BAAkB,EAAE,gDAAO,KAAK,kBAAZ,EAAgC,IAAhC;AANkC,OAA1B,CAA9B;AAQD;AApIH;AAAA;AAAA,qCAsIuB;AACnB,WAAK,KAAL,GAAa,KAAK,kBAAL,CAAwB,SAAxB,CAAkC,KAAK,OAAL,CAAa,QAA/C,CAAb;AACD;AAxIH;AAAA;AAAA,kCA0IoB;AAChB,aAAO;AACL,mBAAW,EAAE,CAAC,CAAC,KAAK,KADf;AAEL,iBAAS,EAAE,4DAAa,CAAC,UAAd,CAAyB;AAAE,cAAI,EAAE,0DAAW,CAAC,KAApB;AAA2B,sBAAY,EAAE;AAAzC,SAAzB;AAFN,OAAP;AAID;AA/IH;AAAA;AAAA,wBAoBiB;AACb,aAAO,kBAAP;AACD;AAtBH;AAAA;AAAA,wBAwBkB;AACd,aAAO,mGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,OAArC,CAAP;AACD;AA1BH;AAAA;AAAA,wBA4BiB;AACb,aAAO,4BAAP;AACD;AA9BH;AAAA;AAAA,wBAgCqB;AACjB,aAAO,yDAAP;AACD;AAlCH;AAAA;AAAA,wBAoCwB;AACpB,aAAO,iEAAkB,CAAC,yBAAnB,CAA6C,IAA7C,CAAP;AACD;AAtCH;AAAA;AAAA,wBAwCsB;AAAA;;AAClB,aAAO,CACL;AACE,qBAAa,EAAE,+DADjB;AAEE,aAAK,EAAE,mGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,eAArC,CAFT;AAGE,YAAI,EAAE,UAHR;AAIE,4BAAoB,EAAE;AACpB,qBAAW,EAAE,KAAK,WADE;AAEpB,oBAAU,EAAE,mGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,MAArC,CAFQ;AAGpB,iBAAO,EAAE;AAAA,mBAAM,MAAI,CAAC,WAAL,EAAN;AAAA;AAHW;AAJxB,OADK,CAAP;AAYD;AArDH;;AAAA;AAAA,EAAsC,8DAAI,CAAC,IAA3C,E;;;;;;;;;;;AC5BA,iBAAiB,mBAAO,CAAC,8BAAY;AACrC,iEAAiE;AACjE;;AAEA;AACA,yQAAyQ,GAAG,0BAA0B,aAAa;AACnT;AACA,CAAC,gBAAgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPjB;AACA;AACA;AAKA;AAEA,IAAY,cAAZ;;AAAA,WAAY,cAAZ,EAA0B;AACxB;AACA;AACA;AACD,CAJD,EAAY,cAAc,KAAd,cAAc,MAA1B;;AAcO,IAAM,qBAAb;AAAA;;AAAA;;AAIE,iCAAmB,OAAnB,EAAwD;AAAA;;AAAA,6BAChD,OADgD;AAEvD;;AANH;AAAA;AAAA,iCAQmB;AACf,WAAK,QAAL,CAAc,KAAK,OAAL,CAAa,WAA3B,EAAwC,cAAc,CAAC,SAAvD,EAAkE,KAAK,IAAvE;AACD;AAVH;AAAA;AAAA,yCA8B4B;AACxB,aAAO,KAAK,OAAL,CAAa,QAAb,GAAwB,KAAK,uBAAL,EAA/B;AACD;AAhCH;AAAA;AAAA,0CAkC6B;AACzB,aAAO,KAAK,OAAL,CAAa,SAAb,GAAyB,KAAK,uBAAL,EAAhC;AACD;AApCH;AAAA;AAAA,8CAsCiC;AAC7B,aAAO,KAAK,OAAL,CAAa,kBAAb,KAAoC,KAAK,KAAL,CAAW,GAAX,CAAe,OAAf,CAA3C;AACD;AAxCH;AAAA;AAAA,2BA0Cc;AACV,UAAM,OAAO,GAAG,KAAK,OAAL,CAAa,gBAAb,GAAgC,SAAhC,CAA0C,KAAK,gBAAL,EAA1C,CAAhB;AACA,oDAAK,CAAC,OAAN,CAAc,KAAK,OAAL,CAAa,WAA3B,EAAwC,OAAxC,CAAgD,cAAc,CAAC,YAA/D,EAA6E,OAA7E;AACD;AA7CH;AAAA;AAAA,uCA+C0B;AACtB,UAAM,OAAO,GAAG,KAAK,KAAL,CAAW,GAAX,CAAe,SAAf,CAAhB;AAEA,UAAM,IAAI,GAAG,OAAO,CAAC,KAAR,CAAc,2CAAd,CAAb;AAEA,UAAI,CAAC,IAAL,EAAW;AAEX,aAAO,IAAI,CAAC,CAAD,CAAX;AACD;AAvDH;AAAA;AAAA,oCAyDuB;AACnB,WAAK,kBAAL;AACA,UAAM,KAAK,GAAG,KAAK,KAAL,CAAW,OAAX,EAAoB,GAApB,CAAwB,CAAxB,CAAd;AAEA,WAAK,OAAL,GAAe,IAAI,gDAAJ,CAAY,KAAZ,EAAmB;AAChC,gBAAQ,EAAE,CADsB;AAEhC,mBAAW,EAAE,KAAK,OAAL,CAAa,QAAb,GAAwB,KAAK,OAAL,CAAa,SAFlB;AAGhC,uBAAe,EAAE,KAAK,kBAAL,EAHe;AAIhC,wBAAgB,EAAE,KAAK,mBAAL,EAJc;AAKhC,oBAAY,EAAE;AALkB,OAAnB,CAAf;AAOD;AApEH;AAAA;AAAA,+BAsEiB;AACb,WAAK,aAAL;AACD;AAxEH;AAAA;AAAA,sCA0EwB;AACpB,WAAK,OAAL,CAAa,OAAb;AACD;AA5EH;AAAA;AAAA,wBAYiB;AACb,aAAO,uBAAP;AACD;AAdH;AAAA;AAAA,wBAgBqB;AACjB,aAAO,wDAAP;AACD;AAlBH;AAAA;AAAA,wBAoBsB;AAClB,aAAO,aAAP;AACD;AAtBH;AAAA;AAAA,wBAwBqB;AACjB,aAAO;AACL,aAAK,EAAE;AADF,OAAP;AAGD;AA5BH;;AAAA;AAAA,EAA2C,8DAAI,CAAC,SAAhD,E","file":"scripts/64.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : \"\")\n    + \"\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n    return \"<div class=\\\"cropper-region\\\"></div>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dataFetched : stack1),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.program(3, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash, Radio } from 'backbone';\r\n\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { Core } from 'libs/common/core';\r\nimport { ViewModelService } from 'libs/common/backbone/services/ViewModelService';\r\nimport { DevError } from 'libs/common/backbone/errors/DevError';\r\n\r\nimport { Image as ImageModel } from 'shared/models/Image';\r\nimport { Folder } from 'shared/models/Folder';\r\nimport { DataServices, DataPrefixes, ImageMinDimensions, DataChannels } from 'shared/constants';\r\nimport { ImageType } from 'shared/enums';\r\nimport { PopupBehavior } from 'shared/behaviors';\r\nimport { RadioChannelHelper, SpinnerSize, SpinnerHelper } from 'shared/utils';\r\nimport { CropEventNames, ImageCropperComponent } from 'shared/components/image-cropper/ImageCropperComponent';\r\nimport { SpinnerButtonEvents } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\n\r\nimport { LibraryDataService } from 'apps/library-editor/services/LibraryDataService';\r\nimport { ImageUploadDataService } from 'apps/upload/services';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport BannerUploadTemplate from './BannerUpload.hbs';\r\n\r\n\r\ninterface BannerUploadViewOptions extends Core.ViewOptions<Folder> {\r\n  folderId: string;\r\n}\r\n\r\nexport class BannerUploadView extends Core.View<Folder> {\r\n  public options: BannerUploadViewOptions;\r\n  private libraryDataService: LibraryDataService;\r\n  private imageUploadDataService: ImageUploadDataService;\r\n  private imageEl: HTMLImageElement;\r\n\r\n  constructor(options: BannerUploadViewOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.libraryDataService = InstanceManager.getInstance(DataServices.Library, this);\r\n    this.imageUploadDataService = InstanceManager.getInstance(DataServices.ImageUpload, this);\r\n\r\n    this.viewModel = ViewModelService.get('image:storage');\r\n\r\n    this.bindListeners();\r\n    this.initImageEl();\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'BannerUploadView';\r\n  }\r\n\r\n  public get title(): string {\r\n    return LanguageService.getPhrase(this.lang, 'title');\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.bannerUpload';\r\n  }\r\n\r\n  public get template(): string {\r\n    return BannerUploadTemplate;\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return RadioChannelHelper.generateUniqueChannelName(this);\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    return [\r\n      {\r\n        behaviorClass: PopupBehavior,\r\n        title: LanguageService.getPhrase(this.lang, 'resizeAndCrop'),\r\n        size: 'modal-lg',\r\n        spinnerButtonOptions: {\r\n          channelName: this.channelName,\r\n          buttonText: LanguageService.getPhrase(this.lang, 'crop'),\r\n          onClick: () => this.onClickCrop()\r\n        }\r\n      }\r\n    ];\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      cropper: {\r\n        el: '.cropper-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    /**\r\n     * When rendering cropper into a modal,\r\n     * it must be initialized after the modal\r\n     *  has be shown completely.\r\n     */\r\n    return {\r\n      'shown.bs.modal': 'renderCropper',\r\n    };\r\n  }\r\n\r\n  private bindListeners(): void {\r\n    this.listenTo(this.channelName, CropEventNames.ImageCropped, this.onImageCropped);\r\n\r\n    this.listenTo(DataChannels.VIDEO, `${DataPrefixes.FOLDER}:${this.options.folderId}:sync`, this.render);\r\n    this.listenTo(DataChannels.VIDEO, `${DataPrefixes.UPDATE_FOLDER_BANNER}:${this.options.folderId}:sync`, () => this.triggerMethod('hide'));\r\n  }\r\n\r\n  private initImageEl(): void {\r\n    if (!this.viewModel.get('dataUrl'))\r\n      Core.ErrorHelper.throw(new DevError('DataUrl must be set on the image:storage ViewModel'));\r\n\r\n    this.imageEl = new Image();\r\n    this.imageEl.src = this.viewModel.get('dataUrl');\r\n    this.viewModel.unset('dataUrl');\r\n  }\r\n\r\n  private getCropRegionWidth(): number {\r\n    return this.$el.find('.modal-body').width();\r\n  }\r\n\r\n  private onClickCrop(): void {\r\n    Radio.channel(this.channelName).trigger(CropEventNames.CropImage);\r\n    Radio.channel(this.channelName).trigger(SpinnerButtonEvents.ShowSpinner);\r\n  }\r\n\r\n  private onImageCropped(dataUrl: string): void {\r\n    this.imageUploadDataService.uploadBase64Image(dataUrl,\r\n      ImageType.Banners,\r\n      (data: ImageModel) => this.onImageUploaded(data)\r\n    );\r\n  }\r\n\r\n  private onImageUploaded(imageModel: ImageModel): void {\r\n    const callback = () => this.triggerMethod('hide');\r\n    const data = {\r\n      folderId: this.options.folderId,\r\n      imageModel,\r\n      currentImageId: this.model.banner && this.model.banner.id\r\n    };\r\n    this.libraryDataService.addOrUpdateBanner(data, callback);\r\n  }\r\n\r\n  private renderCropper(): void {\r\n    const model = new ImageModel({\r\n      dataUrl: this.imageEl.src,\r\n      width: this.imageEl.width,\r\n      height: this.imageEl.height\r\n    });\r\n\r\n    this.showChildView('cropper', new ImageCropperComponent({\r\n      model,\r\n      channelName: this.channelName,\r\n      imageType: ImageType.Banners,\r\n      minWidth: ImageMinDimensions[ImageType.Banners].width,\r\n      minHeight: ImageMinDimensions[ImageType.Banners].height,\r\n      getCropRegionWidth: _.bind(this.getCropRegionWidth, this)\r\n    }));\r\n  }\r\n\r\n  public onBeforeRender(): void {\r\n    this.model = this.libraryDataService.getFolder(this.options.folderId);\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      dataFetched: !!this.model,\r\n      spinnerEl: SpinnerHelper.getSpinner({ size: SpinnerSize.Large, extraClasses: 'mx-auto' })\r\n    };\r\n  }\r\n}","var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var helper, alias1=container.propertyIsEnumerable;\n\n  return \"<img src=\\\"\"\n    + 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)))\n    + \"\\\" class=\\\"img img-fluid\\\" />\";\n},\"useData\":true});","import { ObjectHash, Radio } from 'backbone';\r\nimport { Core } from 'libs/common/core';\r\nimport Cropper from 'cropperjs';\r\n\r\nimport { Image } from 'shared/models/Image';\r\nimport { ImageType } from 'shared/enums';\r\n\r\nimport ImageCropperTemplate from './ImageCropper.hbs';\r\n\r\nexport enum CropEventNames {\r\n  ClickCrop = 'click:crop',\r\n  CropImage = 'crop:image',\r\n  ImageCropped = 'image:cropped'\r\n}\r\n\r\nexport interface ImageCropperComponentOptions extends Core.ComponentOptions {\r\n  channelName: string;\r\n  imageType: ImageType;\r\n  minHeight: number;\r\n  minWidth: number;\r\n  getCropRegionWidth: Function;\r\n}\r\n\r\nexport class ImageCropperComponent extends Core.Component<Image> {\r\n  public options: ImageCropperComponentOptions;\r\n  private cropper: Cropper;\r\n\r\n  public constructor(options: ImageCropperComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(this.options.channelName, CropEventNames.CropImage, this.crop);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'ImageCropperComponent';\r\n  }\r\n\r\n  public get template(): string {\r\n    return ImageCropperTemplate;\r\n  }\r\n\r\n  public get className(): string {\r\n    return 'text-center';\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      image: '.img',\r\n    };\r\n  }\r\n\r\n  private getMinCropBoxWidth(): number {\r\n    return this.options.minWidth * this.getViewportToImageRatio();\r\n  }\r\n\r\n  private getMinCropBoxHeight(): number {\r\n    return this.options.minHeight * this.getViewportToImageRatio();\r\n  }\r\n\r\n  private getViewportToImageRatio(): number {\r\n    return this.options.getCropRegionWidth() / this.model.get('width');\r\n  }\r\n\r\n  private crop(): void {\r\n    const dataUrl = this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());\r\n    Radio.channel(this.options.channelName).trigger(CropEventNames.ImageCropped, dataUrl);\r\n  }\r\n\r\n  private getImageMimeType(): string {\r\n    const dataUrl = this.model.get('dataUrl');\r\n\r\n    const mime = dataUrl.match(/data:([a-zA-Z0-9]+\\/[a-zA-Z0-9-.+]+).*,.*/);\r\n\r\n    if (!mime) return;\r\n\r\n    return mime[1];\r\n  }\r\n\r\n  private renderCropper(): void {\r\n    this.getMinCropBoxWidth();\r\n    const image = this.getUI('image').get(0) as HTMLImageElement;\r\n\r\n    this.cropper = new Cropper(image, {\r\n      viewMode: 1,\r\n      aspectRatio: this.options.minWidth / this.options.minHeight,\r\n      minCropBoxWidth: this.getMinCropBoxWidth(),\r\n      minCropBoxHeight: this.getMinCropBoxHeight(),\r\n      autoCropArea: 1\r\n    });\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderCropper();\r\n  }\r\n\r\n  public onBeforeDestroy(): void {\r\n    this.cropper.destroy();\r\n  }\r\n}"],"sourceRoot":""}

package/dist/scripts/65-c8a9aae545.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[65],{1071:function(t,e,n){"use strict";var r=n(183),o=n(1),i=n(181),c=n(0),u=n(130),a=n(275);function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t){return function(t){if(Array.isArray(t))return f(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function y(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function p(t,e){return(p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h(t){var e=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(t){return!1}}();return function(){var n,r=b(t);if(e){var o=b(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return d(this,n)}}function d(t,e){return!e||"object"!==l(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function b(t){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var m=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)}(l,t);var e,n,r,i=h(l);function l(t){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,l),(e=i.call(this,{collectionPrefix:"".concat(c.f.RECENT_VIDEOS,":collection"),cursor:t.cursor,sort:t.sort})).setAdditionalData(t),e}return e=l,(n=[{key:"setAdditionalData",value:function(t){var e=t.libraryIds,n=t.dateQueryString,r=t.subjects;e&&(this.libraryIds=e),r&&(o.isArray(r)&&r.length&&(this.subjects=r),o.isArray(r)||(this.subjects=[r]));var i=o.findWhere(a.g,{queryString:n})||a.e;this.dateOption=new u.b(i)}},{key:"toString",value:function(){var t=this.subjects&&this.subjects.length&&this.subjects.map((function(t){return escape(t.get("name"))}))||[];return[this.collectionPrefix,this.libraryIds,this.dateOption.get("from"),this.dateOption.get("to")].concat(s(t),[this.cursor]).filter(Boolean).join(":")}},{key:"toParams",value:function(){var t={};return this.libraryIds&&(t.libraryIds=this.libraryIds),this.dateOption&&(t.from=this.dateOption.get("from"),t.to=this.dateOption.get("to")),this.subjects&&(t.subjectIds=o.flatten(this.subjects.map((function(t){return t.get("subjectIds")})))),this.cursor&&(t.cursor=this.cursor),t}}])&&y(e.prototype,n),r&&y(e,r),l}(i.a);function g(t){return(g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O(t,e){return(O=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function w(t){var e=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(t){return!1}}();return function(){var n,r=_(t);if(e){var o=_(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return S(this,n)}}function S(t,e){return!e||"object"!==g(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _(t){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var j=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O(t,e)}(l,t);var e,n,r,i=w(l);function l(t){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,l),(e=i.call(this,{collectionPrefix:"".concat(c.f.RECENT_SUBJECTS,":collection"),sort:t.sort})).setAdditionalData(t),e}return e=l,(n=[{key:"setAdditionalData",value:function(t){var e=t.libraryIds,n=t.dateQueryString;e&&(this.libraryIds=e);var r=o.findWhere(a.g,{queryString:n})||a.e;this.dateOption=new u.b(r)}},{key:"toString",value:function(){return[this.collectionPrefix,this.libraryIds,this.dateOption.get("from"),this.dateOption.get("to")].filter(Boolean).join(":")}},{key:"toParams",value:function(){var t={};return this.libraryIds&&(t.libraryIds=this.libraryIds),this.dateOption&&(t.from=this.dateOption.get("from"),t.to=this.dateOption.get("to")),t}}])&&v(e.prototype,n),r&&v(e,r),l}(i.a);function R(t){return(R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function P(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function I(t,e){return(I=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function k(t){var e=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(t){return!1}}();return function(){var n,r=E(t);if(e){var o=E(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return D(this,n)}}function D(t,e){return!e||"object"!==R(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function E(t){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var A=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&I(t,e)}(n,t);var e=k(n);function n(t,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return P(this,n),e.call(this,{collectionPrefix:c.f.LIBRARY_FOLDERS,id:t,sort:r,cursor:o})}return n}(i.a);n.d(e,"d",(function(){return r.a})),n.d(e,"b",(function(){return m})),n.d(e,"c",(function(){return j})),n.d(e,"a",(function(){return A}))},1210:function(t,e,n){var r=n(9);t.exports=(r.default||r).template({compiler:[8,">= 4.3.0"],main:function(t,e,n,r,o){var i;t.propertyIsEnumerable;return null!=(i=(n.lang||e&&e.lang||t.hooks.helperMissing).call(null!=e?e:t.nullContext||{},"check",{name:"lang",hash:{name:null!=e?e.name:e},data:o}))?i:""},useData:!0})},1398:function(t,e,n){"use strict";n.r(e),n.d(e,"DeleteFolderView",(function(){return S}));var r=n(7),o=n(5),i=n(2),c=n(40),u=n(0),a=n(274),l=n(12),s=n(238),f=n(1071),y=n(3),p=n(185),h=n(1210),d=n.n(h);function b(t){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function m(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function g(t,e){return(g=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function v(t){var e=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(t){return!1}}();return function(){var n,r=w(t);if(e){var o=w(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return O(this,n)}}function O(t,e){return!e||"object"!==b(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var S=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g(t,e)}(O,t);var e,n,h,b=v(O);function O(t){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,O),b.call(this,t)}return e=O,(n=[{key:"initialize",value:function(){this.listenTo(u.e.LIBRARY,"libraries:sync",this.render),this.collectionIdentifier=new f.d(this.options.folderId,l.p.GetCurrentSortType()),this.listenTo(u.e.VIDEO,"".concat(this.collectionIdentifier,":sync"),this.render),this.libraryDataService=o.a.getInstance(u.g.Library,this),this.videoDataService=o.a.getInstance(u.g.Video,this)}},{key:"getParentId",value:function(){if(l.f.isSubFolder(this.model)&&this.model&&this.model.collection&&this.model.collection.parent&&this.model.collection.parent instanceof i.a.Model)return this.model.collection.parent.get("id");var t=l.f.getLibrary(this.model.get("id"),this.model.collection);return t&&t.id||null}},{key:"onClickDelete",value:function(t){t&&t.preventDefault(),r.Radio.channel(this.channelName).trigger(s.b.ShowSpinner);var e=this.getParentId(),n=l.f.isSubFolder(this.model)?u.a.LibraryEditor.FOLDER:u.a.LibraryEditor.LIBRARY;this.libraryDataService.deleteFolder(this.options.folderId,(function(){i.a.AppLinkHelper.trigger({application:u.b.LIBRARY_EDITOR,action:n,args:[e]},{replace:!0})})),this.logAction()}},{key:"logAction",value:function(){var t={id:this.options.folderId,name:this.model.get("name")};c.a.logUserAction(t,this.options.analyticsOptions)}},{key:"canDelete",value:function(){return!(this.model.children&&this.model.children.length||this.videos&&this.videos.length)}},{key:"onBeforeRender",value:function(){var t=this;return this.libraryDataService.getFolderFromLibraries(this.options.folderId,(function(e){t.model=e})),this.videos=this.videoDataService.getCollectionVideos(this.collectionIdentifier),!(!this.model||!this.videos||!this.canDelete()&&(window.setTimeout((function(){t.triggerMethod("hide"),i.a.ErrorHelper.throw(new p.c)}),u.s.POPUP_FADE_TIMEOUT),1))}},{key:"name",get:function(){return"DeleteFolderView"}},{key:"title",get:function(){return!!this.model&&y.a.getPhrase(this.lang,"title",{folderName:this.model.get("name")})}},{key:"lang",get:function(){return"libraryEditor.deleteFolder"}},{key:"template",get:function(){return d.a}},{key:"channelName",get:function(){return l.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var t=this;return[{behaviorClass:a.f,title:y.a.getPhrase(this.lang,"removeFolder"),spinnerButtonOptions:{channelName:this.channelName,buttonText:y.a.getPhrase(this.lang,"remove"),extraButtonClass:"btn-danger",onClick:function(e){return t.onClickDelete(e)}}}]}}])&&m(e.prototype,n),h&&m(e,h),O}(i.a.View)}}]);