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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/components/progress-circle/ProgressCircle.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/components/progress-circle/ProgressCircleComponent.ts","webpack://@clickview/library-editor/./src/apps/migration-wizard/components/progress-circle/progress-circle.scss?a04f","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgress.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgressView.ts","webpack://@clickview/library-editor/./src/apps/migration-wizard/views/publisher-backup-progress/publisher-backup-progress.scss?7931"],"names":[],"mappings":"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","file":"scripts/52.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, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return \"      <span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.extraText : stack1), depth0))\n    + \"\\\">\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))\n    + \"</span>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});\n\n  return \"<div class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.circle : stack1), depth0))\n    + \" \"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1[\"class\"] : stack1), depth0))\n    + \"\\\">\\r\\n  <span>\\r\\n    <span class=\\\"progress-circle-text\\\">\"\n    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias4,\"progress\",{\"name\":\"lang\",\"hash\":{\"percentage\":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.percentage : stack1)},\"data\":data}))\n    + \"</span>\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"  </span>\\r\\n\\r\\n  <svg class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.progressCircleContainer : stack1), depth0))\n    + \"\\\">\\r\\n    <circle class=\\\"progress-circle \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.progressCircle : stack1), depth0))\n    + \"\\\" transform='rotate(270 160 0)' stroke-width=\\\"28\\\" fill=\\\"transparent\\\" r=\\\"150\\\">\\r\\n  </svg>\\r\\n</div>\";\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport styles from './progress-circle.scss';\r\nimport ProgressCircleTemplate from './ProgressCircle.hbs';\r\n\r\ninterface ProgressCircleComponentOption extends Core.ComponentOptions {\r\n  text?: string;\r\n  class?: string;\r\n  percentage?: number;\r\n}\r\n\r\nexport class ProgressCircleComponent extends Core.Component {\r\n  protected options: ProgressCircleComponentOption;\r\n\r\n  constructor(options: ProgressCircleComponentOption) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(this.model, 'change:percentage', this.update);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'ProgressCircleComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return ProgressCircleTemplate;\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'migrationWizard.progressCircle';\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      circle: '.progress-circle',\r\n      text: '.progress-circle-text',\r\n    };\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      text: this.options.text,\r\n      class: this.options.class,\r\n      percentage: this.options.percentage\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.update();\r\n  }\r\n\r\n  public update(): void {\r\n    const percentage = this.model.get('percentage') || 0;\r\n    const circle = this.getUI('circle').get(0) as any;\r\n    const radius = circle.r.baseVal.value;\r\n    const circumference = radius * 2 * Math.PI;\r\n\r\n    circle.style.strokeDasharray = `${circumference} ${circumference}`;\r\n    circle.style.strokeDashoffset = circumference;\r\n\r\n    const offset = circumference - percentage / 100 * circumference;\r\n    circle.style.strokeDashoffset = offset;\r\n\r\n    const text = this.getUI('text');\r\n\r\n    if (text)\r\n      text.text(`${percentage}%`);\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"circle\":\"cv--circle--3iX0l\",\"extraText\":\"cv--extraText--1nYnx\",\"progressCircleContainer\":\"cv--progressCircleContainer--2l1Al\",\"progressCircle\":\"cv--progressCircle--1RbA5\"};","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=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;\n\n  return \"<h4 class=\\\"pb-4\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"heading\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</h4>\\r\\n<div class=\\\"progress-circle-region\\\"></div>\\r\\n<p class=\\\"\"\n    + alias4(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.info : stack1), depth0))\n    + \" pt-4\\\">\\r\\n  \"\n    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"info\",{\"name\":\"lang\",\"hash\":{},\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n</p>\";\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { ViewModelService } from 'libs/common/backbone/services/ViewModelService';\r\n\r\nimport styles from './publisher-backup-progress.scss';\r\nimport PublisherBackupProgressTemplate from './PublisherBackupProgress.hbs';\r\nimport { BackupProgressError } from 'apps/migration-wizard/errors';\r\nimport { VideoCount, CustomerMetadata } from 'apps/migration-wizard/models';\r\nimport { DataServices, DataPrefixes, Actions, DataChannels, AppChannels } from 'shared/constants';\r\nimport { MigrationVideoDataService } from 'apps/migration-wizard/services/MigrationVideoDataService';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ProgressCircleComponent } from 'apps/migration-wizard/components/progress-circle/ProgressCircleComponent';\r\nimport { MigrationHelper } from 'apps/migration-wizard/utils/MigrationHelper';\r\n\r\n/**\r\n * Interval in ms to poll\r\n */\r\nconst pollingInterval = 5000;\r\n\r\nexport class PublisherBackupProgressView extends Core.View {\r\n  private videoCount: VideoCount;\r\n  private customerMetadata: CustomerMetadata;\r\n  private migrationVideoDataService: MigrationVideoDataService;\r\n  private pollingStarted: boolean;\r\n\r\n  public initialize(): void {\r\n    this.viewModel = ViewModelService.get('backup:progress', { percentage: 0 });\r\n\r\n    this.migrationVideoDataService = InstanceManager.getInstance(DataServices.MigrationVideo, this);\r\n\r\n    this.bindMigrationDataListeners();\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'PublisherBackupProgressView';\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 'migrationWizard.publisherBackupProgress';\r\n  }\r\n\r\n  public get className(): string {\r\n    return `container text-center p-5 bg-white ${styles.migrationBackupContainer} ${styles.backupProgress}`;\r\n  }\r\n\r\n  public get template(): any {\r\n    return PublisherBackupProgressTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      progressCircle: {\r\n        replaceElement: true,\r\n        el: '.progress-circle-region',\r\n      },\r\n    };\r\n  }\r\n\r\n  private bindMigrationDataListeners(): void {\r\n    this.listenTo(DataChannels.MIGRATION, `${DataPrefixes.CUSTOMER_METADATA}:sync`, this.render);\r\n    this.listenTo(DataChannels.MIGRATION, `${DataPrefixes.CUSTOMER_VIDEO}:count:error`, this.onError);\r\n  }\r\n\r\n  private onError(): void {\r\n    Core.ErrorHelper.throw(new BackupProgressError());\r\n  }\r\n\r\n  private poll(): void {\r\n    this.migrationVideoDataService.getCustomerVideoCount((videoCount: VideoCount) => {\r\n      /**\r\n       * This prevents the polling from returning and redirecting back to this view\r\n       * if the user has already been directed to backup_complete and is trying\r\n       * to progress onto the start view\r\n       */\r\n      if (this.isDestroyed())\r\n        return;\r\n\r\n      this.videoCount = videoCount;\r\n\r\n      this.setPercentage();\r\n\r\n      if (this.viewModel.get('percentage') >= 100) {\r\n        this.migrationVideoDataService.clearCacheAndGetCustomerMetadata(() => {\r\n          Core.AppLinkHelper.trigger({\r\n            application: AppChannels.MIGRATION_WIZARD,\r\n            action: Actions.MigrationWizard.BACKUP_COMPLETE,\r\n          });\r\n        });\r\n        return;\r\n      }\r\n\r\n      setTimeout(() => this.poll(), pollingInterval);\r\n\r\n      this.render();\r\n    });\r\n  }\r\n\r\n  private setPercentage(): void {\r\n    if (!this.videoCount) return;\r\n\r\n    let percentage = this.videoCount.get('progressPercentage') * 100;\r\n\r\n    if (percentage > 100)\r\n      percentage = 100;\r\n\r\n    this.viewModel.set({ percentage: Math.round(percentage) });\r\n  }\r\n\r\n  private renderProgressCircle(): void {\r\n    this.showChildView('progressCircle', new ProgressCircleComponent({\r\n      model: this.viewModel,\r\n      text: LanguageService.getPhrase(this.lang, 'hasBeenBackedUp'),\r\n      class: styles.progress,\r\n    }));\r\n  }\r\n\r\n  public onBeforeRender(): boolean {\r\n    this.customerMetadata = this.migrationVideoDataService.getCustomerMetadata();\r\n\r\n    return !!this.customerMetadata;\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      timeRemaining: '30 minutes', // TODO: replace\r\n    };\r\n  }\r\n\r\n\r\n  public onRender(): void {\r\n    if (!this.pollingStarted) {\r\n      this.poll();\r\n      this.pollingStarted = true;\r\n    }\r\n\r\n    this.renderProgressCircle();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"backupProgress\":\"cv--backupProgress--15jUh\",\"info\":\"cv--info--1NjZL\",\"progress\":\"cv--progress--fp9FZ\",\"migrationBackupContainer\":\"cv--migrationBackupContainer--28z_5\"};"],"sourceRoot":""}

package/dist/scripts/{53-595b1efa1a.chunk.js → 53-bb4f37ee25.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1105:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(7),r=n(2),a=n(1145),u=n.n(a),c=n(1106),l=n.n(c);function s(e){return(s="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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(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,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(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"}(o||(o={}));var m=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&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.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());i.Radio.channel(this.options.channelName).trigger(o.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 u.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 l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1106:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1286:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1419:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(7),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(281),p=n(0),h=n(244),f=n(291),g=n(6),d=n(13),m=n(1105),y=n(1286),v=n.n(y);function b(e){return(b="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 k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(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,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(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(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=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&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1101:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(7),r=n(2),a=n(1141),u=n.n(a),c=n(1102),l=n.n(c);function s(e){return(s="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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(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,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(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"}(o||(o={}));var m=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&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.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());i.Radio.channel(this.options.channelName).trigger(o.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 u.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 l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1102:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1282:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1415:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(7),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(281),p=n(0),h=n(244),f=n(291),g=n(6),d=n(13),m=n(1101),y=n(1282),v=n.n(y);function b(e){return(b="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 k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(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,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(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(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=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&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);

package/dist/scripts/53-c6807d4e0b.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1093:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(7),r=n(2),a=n(1133),u=n.n(a),c=n(1094),l=n.n(c);function s(e){return(s="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 o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(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,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(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"}(o||(o={}));var m=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&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.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());i.Radio.channel(this.options.channelName).trigger(o.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 u.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 l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1094:function(e,t,n){var o=n(9);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1274:function(e,t,n){var o=n(9);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1407:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(7),r=n(2),a=n(28),u=n(18),c=n(5),l=n(3),s=n(274),p=n(0),h=n(238),f=n(284),g=n(6),d=n(12),m=n(1093),y=n(1274),v=n.n(y);function b(e){return(b="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 k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(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,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(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(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=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&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);