@clickview/library-editor 1.1.27-dev.0 → 1.1.27-dev.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/apps/library-editor/views/move-video/MoveVideo.hbs","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/apps/library-editor/views/move-video/MoveVideoView.ts","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/components/dropdown/DropdownComponentCollection.ts","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/models/DisabledSpinnerModel.ts"],"names":[],"mappings":"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","file":"scripts/65.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 \"    <div class=\\\"alert alert-info\\\" role=\\\"alert\\\">\\r\\n        <p class=\\\"m-0\\\">\"\n    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),\"hiddenLibraryNames\",{\"name\":\"lang\",\"hash\":{\"smartCount\":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hiddenLibraryNamesLength : stack1),\"libraries\":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hiddenLibraryNames : stack1)},\"data\":data})) != null ? stack1 : \"\")\n    + \"</p>\\r\\n    </div>\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n    var alias1=container.propertyIsEnumerable;\n\n  return \"    <div class=\\\"form-group\\\">\\r\\n        <label class=\\\"control-label\\\">\"\n    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),\"library\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n        <div class=\\\"library-region\\\"></div>\\r\\n    </div>\\r\\n\";\n},\"5\":function(container,depth0,helpers,partials,data) {\n    return \"style=\\\"display: none;\\\"\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {});\n\n  return \"<form>\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hiddenLibraryNames : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hasMultipleLibraries : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n    <div class=\\\"form-group\\\">\\r\\n        <label class=\\\"control-label folder-label\\\" \"\n    + ((stack1 = helpers[\"if\"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hasMultipleLibraries : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \">\"\n    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias2,\"folder\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n        <div class=\\\"folder-region\\\"></div>\\r\\n    </div>\\r\\n</form>\";\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { Core } from 'libs/common/core';\r\nimport { TextHelper } from 'shared/utils/TextHelper';\r\nimport { TooltipOptions } from 'libs/shared/legacy/behaviors/tooltip/TooltipBehavior';\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { PopupBehavior } from 'shared/behaviors';\r\nimport { DataServices, DataChannels, DataPrefixes } from 'shared/constants';\r\nimport { VideoCollection } from 'shared/collections/VideoCollection';\r\nimport { LibraryCollection } from 'shared/collections/LibraryCollection';\r\nimport { Folder } from 'shared/models/Folder';\r\nimport { Video } from 'shared/models/Video';\r\nimport { DisabledSpinnerModel } from 'shared/models/DisabledSpinnerModel';\r\nimport { Library } from 'shared/models/Library';\r\nimport { VideoAlerts } from 'shared/alerts';\r\nimport { FolderTreeHelpers, RadioChannelHelper } from 'shared/utils';\r\nimport { TreeDropdownComponent } from 'shared/components/tree-dropdown/TreeDropdownComponent';\r\nimport { SpinnerButtonModelAttributes } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\n\r\nimport { VideoDataService } from 'apps/library-editor/services/VideoDataService';\r\nimport { LibraryDataService } from 'apps/library-editor/services/LibraryDataService';\r\nimport { LibrarySelectComponent } from 'apps/library-editor/components/library-select/LibrarySelectComponent';\r\n\r\nimport MoveVideoTemplate from './MoveVideo.hbs';\r\n\r\ninterface MoveVideoViewOptions extends Core.ViewOptions {\r\n  videoIds: string[];\r\n  folderId: string;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport class MoveVideoView extends Core.View {\r\n  private libraryDataService: LibraryDataService;\r\n  private videoDataService: VideoDataService;\r\n  private spinnerModel: DisabledSpinnerModel;\r\n  private hiddenLibraryNames: string[];\r\n\r\n  public options: MoveVideoViewOptions;\r\n  public collection: VideoCollection;\r\n  public libraries: LibraryCollection;\r\n\r\n  constructor(options: MoveVideoViewOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(DataChannels.LIBRARY, 'libraries:sync', this.render);\r\n    this.listenTo(DataChannels.VIDEO, `${DataPrefixes.VIDEOS_BY_ID}:${this.options.videoIds.join(',')}:sync`, this.render);\r\n\r\n    this.listenTo(this.channelName, 'library:selected', this.onLibrarySelected);\r\n    this.listenTo(this.channelName, 'folder:selected', this.onFolderSelected);\r\n\r\n    this.libraryDataService = InstanceManager.getInstance(DataServices.Library, this);\r\n    this.videoDataService = InstanceManager.getInstance(DataServices.Video, this);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'MoveVideoView';\r\n  }\r\n\r\n  public get title(): string {\r\n    return this.options.videoIds && LanguageService.getPhrase(this.lang, 'title', {\r\n      smartCount:  this.options.videoIds.length\r\n    });\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.moveVideo';\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return RadioChannelHelper.generateUniqueChannelName(this);\r\n  }\r\n\r\n  public get libraryTreeKey(): string {\r\n    return `libraryselect:${this.cid}`;\r\n  }\r\n\r\n  public get folderTreeKey(): string {\r\n    return `folderselect:${this.cid}`;\r\n  }\r\n\r\n  public get template(): any {\r\n    return MoveVideoTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      folder: '.folder-region',\r\n      library: '.library-region'\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'submit':        'onSubmit',\r\n      'click .submit': 'onSubmit',\r\n    };\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      folderLabel: '.folder-label'\r\n    };\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    return [\r\n      {\r\n        title: LanguageService.getPhrase(this.lang, 'heading'),\r\n        behaviorClass: PopupBehavior,\r\n        closeOnRoute: false,\r\n        spinnerButtonOptions: {\r\n          channelName: this.channelName,\r\n          model: this.spinnerModel = new DisabledSpinnerModel(),\r\n          buttonText: LanguageService.getPhrase(this.lang, 'submit'),\r\n          tooltip: () => this.getSubmitBtnTooltipOptions(),\r\n          onClick: () => this.onSubmit()\r\n        }\r\n      }\r\n    ];\r\n  }\r\n\r\n  /**\r\n   * Used for admins with multiple libraries only:\r\n   * If a video the user is moving is already in another library, filter it out\r\n   */\r\n  private filterLibrariesWithVideo(): void {\r\n    if (!this.libraries || !this.collection || !this.hasMultipleLibraries())\r\n      return;\r\n\r\n    // Library ids that the videos already exist in. These libraries will not be selectable\r\n    const videoLibraryIds = this.collection.map(video => {\r\n      return video.get('libraries').map((lib: Library) => lib.get('id'));\r\n    });\r\n    const uniqueVideoLibraryIds = _.uniq(_.flatten(videoLibraryIds));\r\n\r\n    const filteredLibraries: Library[] = []; // the libraries that will appears in the library dropdown\r\n    const filteredOutLibraries: Library[] = [];\r\n\r\n    this.libraries.forEach(lib => {\r\n      const isLibraryWithSourceFolder = FolderTreeHelpers.getModelFromCollection(this.options.folderId, lib.get('children'));\r\n\r\n      if (!_.contains(uniqueVideoLibraryIds, +lib.get('id')) || isLibraryWithSourceFolder) {\r\n        filteredLibraries.push(lib);\r\n      } else {\r\n        filteredOutLibraries.push(lib);\r\n      }\r\n    });\r\n\r\n    this.libraries = new LibraryCollection(filteredLibraries);\r\n    this.hiddenLibraryNames = filteredOutLibraries.map(lib => lib.get('name'));\r\n\r\n    if (this.libraries.length === 1) {\r\n      this.onLibrarySelected(this.libraries.first());\r\n    }\r\n  }\r\n\r\n  private getSubmitBtnTooltipOptions(): TooltipOptions {\r\n    if (!this.spinnerModel.get(SpinnerButtonModelAttributes.Disabled))\r\n      return;\r\n\r\n    return {\r\n      title: LanguageService.getPhrase(this.lang, 'btnTooltip')\r\n    };\r\n  }\r\n\r\n  private onLibrarySelected(library: Library): void {\r\n    const previouslySelectedLibrary = FolderTreeHelpers.getSelected(this.libraryTreeKey, this.libraries);\r\n    if (previouslySelectedLibrary)\r\n      FolderTreeHelpers.deselectAll(this.folderTreeKey, previouslySelectedLibrary.get('children'));\r\n\r\n    FolderTreeHelpers.setSelected(this.libraryTreeKey, library, this.libraries);\r\n\r\n    if (this.hasMultipleLibraries())\r\n      this.getUI('folderLabel').show();\r\n\r\n    this.spinnerModel.set(SpinnerButtonModelAttributes.Disabled, true);\r\n\r\n    this.render();\r\n  }\r\n\r\n  private onFolderSelected(folder: Folder, isDisabled: boolean): void {\r\n    const folders = FolderTreeHelpers.getSelected(this.libraryTreeKey, this.libraries).get('children');\r\n    FolderTreeHelpers.setSelected(this.folderTreeKey, folder, folders, isDisabled);\r\n\r\n    if (!isDisabled)\r\n      this.spinnerModel.set(SpinnerButtonModelAttributes.Disabled, false);\r\n  }\r\n\r\n  private onSubmit(): void {\r\n    this.spinnerModel.set(SpinnerButtonModelAttributes.ShowSpinner, true);\r\n\r\n    const selected = FolderTreeHelpers.getSelected(this.folderTreeKey, this.libraries);\r\n    const selectedId = selected.get('id');\r\n\r\n    const videosToMove = this.collection.map(c => c.get('id'));\r\n\r\n    let currentFolder: Folder;\r\n    let currentVideo: Video;\r\n\r\n    this.collection.each(v => {\r\n      if (currentFolder)\r\n        return;\r\n\r\n      currentFolder = v.categories.find(f => f.get('id') === +this.options.folderId);\r\n      currentVideo = v;\r\n    });\r\n\r\n    const videoName = videosToMove.length === 1 ? currentVideo.get('name') : '';\r\n    const successAlert = VideoAlerts.moveVideoAlert(\r\n      currentFolder.get('name'),\r\n      selected.get('name'),\r\n      selected.get('id'),\r\n      videosToMove.length,\r\n      videoName);\r\n\r\n    this.videoDataService.moveVideos(videosToMove, selectedId, this.options.folderId, () => {\r\n      this.triggerMethod('hide');\r\n    }, successAlert);\r\n\r\n    this.logAction(videosToMove, selectedId);\r\n  }\r\n\r\n  private hasMultipleLibraries(): boolean {\r\n    return this.libraries && this.libraries.length > 1;\r\n  }\r\n\r\n  private getFormattedHiddenLibraryNames(): string {\r\n    const folders = _.map(this.hiddenLibraryNames, lib =>\r\n      `<strong>${TextHelper.escapeExpression(lib)}</strong>`\r\n    );\r\n\r\n    if (folders.length === 1)\r\n      return folders[0];\r\n\r\n    const and = LanguageService.getPhrase(this.lang, 'and');\r\n    return `${folders.slice(0, -1).join(', ')} ${and} ${folders.slice(-1)}`;\r\n  }\r\n\r\n  private logAction(videoIds: string[], newParentId: string): void {\r\n    const data: ObjectHash = {\r\n      newParentId,\r\n      oldParentId: this.options.folderId,\r\n      count: videoIds.length\r\n    };\r\n\r\n    // When only moving a single video, capture the video id\r\n    if (videoIds.length === 1)\r\n      data.id = _.first(videoIds);\r\n\r\n    AnalyticsHelper.logUserAction(data, this.options.analyticsOptions);\r\n  }\r\n\r\n  private renderLibrarySelect(): void {\r\n    if (!this.libraries || this.libraries.length === 1)\r\n      return;\r\n\r\n    const selectedLibrary = FolderTreeHelpers.getSelected(this.libraryTreeKey, this.libraries);\r\n\r\n    this.showChildView('library', new LibrarySelectComponent({\r\n      collection: this.libraries,\r\n      channelName: this.channelName,\r\n      currentLibraryId: selectedLibrary ? selectedLibrary.get('id') : null\r\n    }));\r\n  }\r\n\r\n  private renderFolderSelect(): void {\r\n    const selectedLibrary = FolderTreeHelpers.getSelected(this.libraryTreeKey, this.libraries);\r\n\r\n    this.showChildView('folder', new TreeDropdownComponent({\r\n      collection: selectedLibrary.get('children'),\r\n      channelName: this.channelName,\r\n      folderTreeKey: this.folderTreeKey,\r\n      disabledIds: [this.options.folderId]\r\n    }));\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      hasMultipleLibraries: this.hasMultipleLibraries(),\r\n      hiddenLibraryNames: this.hiddenLibraryNames?.length ? this.getFormattedHiddenLibraryNames() : '',\r\n      hiddenLibraryNamesLength: this.hiddenLibraryNames?.length\r\n    };\r\n  }\r\n\r\n  public onBeforeRender(): boolean {\r\n    if (!this.libraries) {\r\n      this.libraryDataService.getLibraries(libraries => {\r\n        // Filter our empty libraries\r\n        this.libraries = new LibraryCollection(libraries.filter(l => !!l.get('children').length));\r\n\r\n        if (!this.hasMultipleLibraries())\r\n          this.onLibrarySelected(this.libraries.first());\r\n\r\n        this.filterLibrariesWithVideo();\r\n        this.render();\r\n      });\r\n    }\r\n\r\n    if (!this.collection)\r\n      this.videoDataService.getVideos(this.options.videoIds, videos => {\r\n        this.collection = videos;\r\n        this.filterLibrariesWithVideo();\r\n        this.render();\r\n      });\r\n\r\n    return !!this.collection && !!this.libraries;\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderLibrarySelect();\r\n\r\n    const selectedLibrary = FolderTreeHelpers.getSelected(this.libraryTreeKey, this.libraries);\r\n    if (selectedLibrary)\r\n      this.renderFolderSelect();\r\n  }\r\n}","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}","import { ObjectHash } from 'backbone';\r\nimport { Core } from 'libs/common/core';\r\nimport { SpinnerButtonModelAttributes } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\n\r\nexport class DisabledSpinnerModel extends Core.Model {\r\n  public defaults(): ObjectHash {\r\n    return {\r\n      [SpinnerButtonModelAttributes.Disabled]: true\r\n    };\r\n  }\r\n}"],"sourceRoot":""}

package/dist/scripts/{66-34c241cba2.chunk.js → 66-bc274df13a.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[66],{1051:function(t,e,n){"use strict";n.d(e,"a",(function(){return p}));var r=n(2),o=n(244);function i(t){return(i="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 a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u(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 l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(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=f(t);if(e){var o=f(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"!==i(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 f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p=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&&l(t,e)}(s,t);var e,n,r,i=c(s);function s(){return a(this,s),i.apply(this,arguments)}return e=s,(n=[{key:"defaults",value:function(){return t={},e=o.c.Disabled,n=!0,e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t;var t,e,n}}])&&u(e.prototype,n),r&&u(e,r),s}(r.a.Model)},1252:function(t,e,n){var r=n(10);t.exports=(r.default||r).template({1:function(t,e,n,r,o){var i;t.propertyIsEnumerable;return(null!=(i=t.lambda(null!=(i=null!=e?e.options:e)?i.spinnerEl:i,e))?i:"")+"\r\n"},3: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:{smartCount:null!=(i=null!=e?e.options:e)?i.videoCount:i},data:o}))?i:"")+"\r\n"},compiler:[8,">= 4.3.0"],main:function(t,e,n,r,o){var i;t.propertyIsEnumerable;return null!=(i=n.unless.call(null!=e?e:t.nullContext||{},null!=(i=null!=e?e.options:e)?i.libraryFetched:i,{name:"unless",hash:{},fn:t.program(1,o,0),inverse:t.program(3,o,0),data:o}))?i:""},useData:!0})},1442:function(t,e,n){"use strict";n.r(e),n.d(e,"DeleteVideosView",(function(){return k}));var r=n(1),o=n(6),i=n(2),a=n(5),u=n(42),l=n(282),c=n(1051),s=n(12),f=n(244),p=n(0),y=n(3),h=n(1252),b=n.n(h);function d(t){return(d="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 g(t,e){return(g=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(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=O(t);if(e){var o=O(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return w(this,n)}}function w(t,e){return!e||"object"!==d(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 O(t){return(O=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var k=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)}(w,t);var e,n,h,d=m(w);function w(t){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,w),d.call(this,t)}return e=w,(n=[{key:"initialize",value:function(){this.libraryDataService=a.a.getInstance(p.g.Library,this),this.videoDataService=a.a.getInstance(p.g.Video,this)}},{key:"onClickDelete",value:function(){var t=this;this.library&&(o.Radio.channel(this.channelName).trigger(f.b.ShowSpinner),this.videoDataService.deleteVideosFromLibrary(this.library.id,this.options.folderId,this.options.videoIds,(function(){t.options.routeToFolderOnDelete?i.a.AppLinkHelper.trigger({application:p.b.LIBRARY_EDITOR,action:p.a.LibraryEditor.FOLDER,args:[t.options.folderId]}):t.triggerMethod("hide")})),this.logAction())}},{key:"logAction",value:function(){var t=this.options.videoIds,e={libraryId:this.library.id,folderId:this.options.folderId,count:t.length};1===t.length&&(e.id=r.first(t)),u.a.logUserAction(e,this.options.analyticsOptions)}},{key:"onBeforeRender",value:function(){var t=this;this.library?this.spinnerModel.set(f.c.Disabled,!1):this.libraryDataService.getLibraries((function(e){t.library=s.f.getLibrary(t.options.folderId,e),t.render()}))}},{key:"viewOptions",value:function(){return{count:this.options.videoIds.length,libraryFetched:!!this.library,spinnerEl:s.q.getSpinner({size:s.r.Large,extraClasses:"mx-auto"}),videoCount:this.options.videoIds.length}}},{key:"name",get:function(){return"DeleteVideoView"}},{key:"lang",get:function(){return"libraryEditor.deleteVideos"}},{key:"title",get:function(){return this.options.videoIds&&y.a.getPhrase(this.lang,"title",{smartCount:this.options.videoIds.length})}},{key:"template",get:function(){return b.a}},{key:"channelName",get:function(){return s.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var t=this;return[{title:y.a.getPhrase(this.lang,"removeVideos"),behaviorClass:l.e,spinnerButtonOptions:{channelName:this.channelName,model:this.spinnerModel=new c.a,buttonText:y.a.getPhrase(this.lang,"remove"),extraButtonClass:"btn-danger",onClick:function(){return t.onClickDelete()}}}]}}])&&v(e.prototype,n),h&&v(e,h),w}(i.a.View)}}]);
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[66],{1051:function(t,e,n){"use strict";n.d(e,"a",(function(){return p}));var r=n(2),o=n(243);function i(t){return(i="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 a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u(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 l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(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=f(t);if(e){var o=f(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"!==i(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 f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p=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&&l(t,e)}(s,t);var e,n,r,i=c(s);function s(){return a(this,s),i.apply(this,arguments)}return e=s,(n=[{key:"defaults",value:function(){return t={},e=o.c.Disabled,n=!0,e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t;var t,e,n}}])&&u(e.prototype,n),r&&u(e,r),s}(r.a.Model)},1253:function(t,e,n){var r=n(10);t.exports=(r.default||r).template({1:function(t,e,n,r,o){var i;t.propertyIsEnumerable;return(null!=(i=t.lambda(null!=(i=null!=e?e.options:e)?i.spinnerEl:i,e))?i:"")+"\r\n"},3: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:{smartCount:null!=(i=null!=e?e.options:e)?i.videoCount:i},data:o}))?i:"")+"\r\n"},compiler:[8,">= 4.3.0"],main:function(t,e,n,r,o){var i;t.propertyIsEnumerable;return null!=(i=n.unless.call(null!=e?e:t.nullContext||{},null!=(i=null!=e?e.options:e)?i.libraryFetched:i,{name:"unless",hash:{},fn:t.program(1,o,0),inverse:t.program(3,o,0),data:o}))?i:""},useData:!0})},1443:function(t,e,n){"use strict";n.r(e),n.d(e,"DeleteVideosView",(function(){return k}));var r=n(1),o=n(6),i=n(2),a=n(5),u=n(42),l=n(282),c=n(1051),s=n(12),f=n(243),p=n(0),y=n(3),h=n(1253),b=n.n(h);function d(t){return(d="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 g(t,e){return(g=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(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=O(t);if(e){var o=O(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return w(this,n)}}function w(t,e){return!e||"object"!==d(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 O(t){return(O=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var k=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)}(w,t);var e,n,h,d=m(w);function w(t){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,w),d.call(this,t)}return e=w,(n=[{key:"initialize",value:function(){this.libraryDataService=a.a.getInstance(p.g.Library,this),this.videoDataService=a.a.getInstance(p.g.Video,this)}},{key:"onClickDelete",value:function(){var t=this;this.library&&(o.Radio.channel(this.channelName).trigger(f.b.ShowSpinner),this.videoDataService.deleteVideosFromLibrary(this.library.id,this.options.folderId,this.options.videoIds,(function(){t.options.routeToFolderOnDelete?i.a.AppLinkHelper.trigger({application:p.b.LIBRARY_EDITOR,action:p.a.LibraryEditor.FOLDER,args:[t.options.folderId]}):t.triggerMethod("hide")})),this.logAction())}},{key:"logAction",value:function(){var t=this.options.videoIds,e={libraryId:this.library.id,folderId:this.options.folderId,count:t.length};1===t.length&&(e.id=r.first(t)),u.a.logUserAction(e,this.options.analyticsOptions)}},{key:"onBeforeRender",value:function(){var t=this;this.library?this.spinnerModel.set(f.c.Disabled,!1):this.libraryDataService.getLibraries((function(e){t.library=s.f.getLibrary(t.options.folderId,e),t.render()}))}},{key:"viewOptions",value:function(){return{count:this.options.videoIds.length,libraryFetched:!!this.library,spinnerEl:s.q.getSpinner({size:s.r.Large,extraClasses:"mx-auto"}),videoCount:this.options.videoIds.length}}},{key:"name",get:function(){return"DeleteVideoView"}},{key:"lang",get:function(){return"libraryEditor.deleteVideos"}},{key:"title",get:function(){return this.options.videoIds&&y.a.getPhrase(this.lang,"title",{smartCount:this.options.videoIds.length})}},{key:"template",get:function(){return b.a}},{key:"channelName",get:function(){return s.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var t=this;return[{title:y.a.getPhrase(this.lang,"removeVideos"),behaviorClass:l.e,spinnerButtonOptions:{channelName:this.channelName,model:this.spinnerModel=new c.a,buttonText:y.a.getPhrase(this.lang,"remove"),extraButtonClass:"btn-danger",onClick:function(){return t.onClickDelete()}}}]}}])&&v(e.prototype,n),h&&v(e,h),w}(i.a.View)}}]);

package/dist/scripts/66.chunk.js

@@ -0,0 +1,442 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[66],{
+
+/***/ "./src/apps/library-editor/views/thumbnail-upload/ThumbnailUpload.hbs":
+/*!****************************************************************************!*\
+  !*** ./src/apps/library-editor/views/thumbnail-upload/ThumbnailUpload.hbs ***!
+  \****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"cropper-region\"></div>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  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 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/views/thumbnail-upload/ThumbnailUploadView.ts":
+/*!*******************************************************************************!*\
+  !*** ./src/apps/library-editor/views/thumbnail-upload/ThumbnailUploadView.ts ***!
+  \*******************************************************************************/
+/*! exports provided: ThumbnailUploadView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailUploadView", function() { return ThumbnailUploadView; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
+/* harmony import */ var _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
+/* harmony import */ var _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/InstanceManager */ "../../libs/common/src/backbone/services/InstanceManager.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 _shared_behaviors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _shared_models_Image__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/models/Image */ "./src/shared/models/Image.ts");
+/* harmony import */ var _shared_enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../shared/enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../shared/components/image-cropper/ImageCropperComponent */ "./src/shared/components/image-cropper/ImageCropperComponent.ts");
+/* harmony import */ var _ThumbnailUpload_hbs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ThumbnailUpload.hbs */ "./src/apps/library-editor/views/thumbnail-upload/ThumbnailUpload.hbs");
+/* harmony import */ var _ThumbnailUpload_hbs__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_ThumbnailUpload_hbs__WEBPACK_IMPORTED_MODULE_14__);
+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 ThumbnailUploadView = /*#__PURE__*/function (_Core$View) {
+  _inherits(ThumbnailUploadView, _Core$View);
+
+  var _super = _createSuper(ThumbnailUploadView);
+
+  function ThumbnailUploadView(options) {
+    _classCallCheck(this, ThumbnailUploadView);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ThumbnailUploadView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.videoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_5__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataServices"].Video, this);
+      this.imageUploadDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_5__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataServices"].ImageUpload, this);
+      this.navLockService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_5__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["Services"].NavLock, this);
+      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_3__["ViewModelService"].get('image:storage');
+      this.bindListeners();
+      this.initImageEl();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        cropper: {
+          el: '.cropper-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      /**
+       * When rendering cropper into a modal,
+       * it must be initialized after the modal
+       *  has be shown completely.
+       */
+      return {
+        'shown.bs.modal': 'renderCropper'
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      var _this = this;
+
+      this.listenTo(this.channelName, _shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__["CropEventNames"].ImageCropped, this.onImageCropped);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].VIDEO, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataPrefixes"].VIDEOS, ":").concat(this.options.videoId, ":sync"), this.render);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].VIDEO, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataPrefixes"].UPDATE_VIDEO_THUMBNAIL, ":").concat(this.options.videoId, ":sync"), function () {
+        return _this.triggerMethod('hide');
+      });
+    }
+  }, {
+    key: "initImageEl",
+    value: function initImageEl() {
+      if (!this.viewModel.get('dataUrl')) _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].ErrorHelper.throw(new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_4__["DevError"]('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 getCropRegionWidth() {
+      return this.$el.find('.modal-body').width();
+    }
+  }, {
+    key: "onClickCrop",
+    value: function onClickCrop() {
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.channelName).trigger(_shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__["CropEventNames"].CropImage);
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.channelName).trigger(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_9__["SpinnerButtonEvents"].ShowSpinner);
+    }
+  }, {
+    key: "onImageCropped",
+    value: function onImageCropped(dataUrl) {
+      var _this2 = this;
+
+      this.imageUploadDataService.uploadBase64Image(dataUrl, _shared_enums__WEBPACK_IMPORTED_MODULE_11__["ImageType"].Thumbnails, function (data) {
+        return _this2.onImageUploaded(data);
+      });
+    }
+  }, {
+    key: "onImageUploaded",
+    value: function onImageUploaded(image) {
+      var _this3 = this;
+
+      var callback = function callback() {
+        return _this3.triggerMethod('hide');
+      };
+
+      var currentThumbnailId = this.model.thumbnail && this.model.thumbnail.id;
+      this.videoDataService.addOrUpdateThumbnail(this.options.videoId, image, currentThumbnailId, callback);
+    }
+  }, {
+    key: "renderCropper",
+    value: function renderCropper() {
+      var model = new _shared_models_Image__WEBPACK_IMPORTED_MODULE_10__["Image"]({
+        dataUrl: this.imageEl.src,
+        width: this.imageEl.width,
+        height: this.imageEl.height
+      });
+      this.showChildView('cropper', new _shared_components_image_cropper_ImageCropperComponent__WEBPACK_IMPORTED_MODULE_13__["ImageCropperComponent"]({
+        model: model,
+        channelName: this.channelName,
+        imageType: _shared_enums__WEBPACK_IMPORTED_MODULE_11__["ImageType"].Thumbnails,
+        minWidth: _shared_constants__WEBPACK_IMPORTED_MODULE_8__["ImageMinDimensions"][_shared_enums__WEBPACK_IMPORTED_MODULE_11__["ImageType"].Thumbnails].width,
+        minHeight: _shared_constants__WEBPACK_IMPORTED_MODULE_8__["ImageMinDimensions"][_shared_enums__WEBPACK_IMPORTED_MODULE_11__["ImageType"].Thumbnails].height,
+        getCropRegionWidth: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.getCropRegionWidth, this)
+      }));
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      this.model = this.videoDataService.getVideo(this.options.videoId);
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        dataFetched: !!this.model,
+        spinnerEl: _shared_utils__WEBPACK_IMPORTED_MODULE_12__["SpinnerHelper"].getSpinner({
+          size: _shared_utils__WEBPACK_IMPORTED_MODULE_12__["SpinnerSize"].Large,
+          extraClasses: 'mx-auto'
+        })
+      };
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      var viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_3__["ViewModelService"].get('upload:thumbnail:options');
+      if (viewModel.get('lockNav')) this.navLockService.lock();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ThumbnailUploadView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(this.lang, 'title');
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.thumbnailUpload';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ThumbnailUpload_hbs__WEBPACK_IMPORTED_MODULE_14___default.a;
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return _shared_utils__WEBPACK_IMPORTED_MODULE_12__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      var _this4 = this;
+
+      return [{
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_7__["PopupBehavior"],
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(this.lang, 'resizeAndCrop'),
+        size: 'modal-lg',
+        spinnerButtonOptions: {
+          channelName: this.channelName,
+          buttonText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(this.lang, 'crop'),
+          onClick: function onClick() {
+            return _this4.onClickCrop();
+          }
+        }
+      }];
+    }
+  }]);
+
+  return ThumbnailUploadView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/shared/components/image-cropper/ImageCropper.hbs":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/image-cropper/ImageCropper.hbs ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var helper, alias1=container.propertyIsEnumerable;
+
+  return "<img src=\""
+    + container.escapeExpression(((helper = (helper = helpers.dataUrl || (depth0 != null ? depth0.dataUrl : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"dataUrl","hash":{},"data":data}) : helper)))
+    + "\" class=\"img img-fluid\" />";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/image-cropper/ImageCropperComponent.ts":
+/*!**********************************************************************!*\
+  !*** ./src/shared/components/image-cropper/ImageCropperComponent.ts ***!
+  \**********************************************************************/
+/*! exports provided: CropEventNames, ImageCropperComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CropEventNames", function() { return CropEventNames; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImageCropperComponent", function() { return ImageCropperComponent; });
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var cropperjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! cropperjs */ "../../../node_modules/cropperjs/dist/cropper.js");
+/* harmony import */ var cropperjs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(cropperjs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ImageCropper.hbs */ "./src/shared/components/image-cropper/ImageCropper.hbs");
+/* harmony import */ var _ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var CropEventNames;
+
+(function (CropEventNames) {
+  CropEventNames["ClickCrop"] = "click:crop";
+  CropEventNames["CropImage"] = "crop:image";
+  CropEventNames["ImageCropped"] = "image:cropped";
+})(CropEventNames || (CropEventNames = {}));
+
+var ImageCropperComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(ImageCropperComponent, _Core$Component);
+
+  var _super = _createSuper(ImageCropperComponent);
+
+  function ImageCropperComponent(options) {
+    _classCallCheck(this, ImageCropperComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ImageCropperComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, CropEventNames.CropImage, this.crop);
+    }
+  }, {
+    key: "getMinCropBoxWidth",
+    value: function getMinCropBoxWidth() {
+      return this.options.minWidth * this.getViewportToImageRatio();
+    }
+  }, {
+    key: "getMinCropBoxHeight",
+    value: function getMinCropBoxHeight() {
+      return this.options.minHeight * this.getViewportToImageRatio();
+    }
+  }, {
+    key: "getViewportToImageRatio",
+    value: function getViewportToImageRatio() {
+      return this.options.getCropRegionWidth() / this.model.get('width');
+    }
+  }, {
+    key: "crop",
+    value: function crop() {
+      var dataUrl = this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger(CropEventNames.ImageCropped, dataUrl);
+    }
+  }, {
+    key: "getImageMimeType",
+    value: function getImageMimeType() {
+      var dataUrl = this.model.get('dataUrl');
+      var mime = dataUrl.match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);
+      if (!mime) return;
+      return mime[1];
+    }
+  }, {
+    key: "renderCropper",
+    value: function renderCropper() {
+      this.getMinCropBoxWidth();
+      var image = this.getUI('image').get(0);
+      this.cropper = new cropperjs__WEBPACK_IMPORTED_MODULE_2___default.a(image, {
+        viewMode: 1,
+        aspectRatio: this.options.minWidth / this.options.minHeight,
+        minCropBoxWidth: this.getMinCropBoxWidth(),
+        minCropBoxHeight: this.getMinCropBoxHeight(),
+        autoCropArea: 1
+      });
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderCropper();
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      this.cropper.destroy();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ImageCropperComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ImageCropper_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'text-center';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        image: '.img'
+      };
+    }
+  }]);
+
+  return ImageCropperComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=66.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/apps/library-editor/views/thumbnail-upload/ThumbnailUpload.hbs","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/apps/library-editor/views/thumbnail-upload/ThumbnailUploadView.ts","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/components/image-cropper/ImageCropper.hbs","file://C:/ClickView/front-end/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;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAMA;AAMO,IAAM,mBAAb;AAAA;;AAAA;;AAOE,+BAAY,OAAZ,EAA+C;AAAA;;AAAA,6BACvC,OADuC;AAE9C;;AATH;AAAA;AAAA,iCAWmB;AACf,WAAK,gBAAL,GAAwB,kGAAe,CAAC,WAAhB,CAA4B,8DAAY,CAAC,KAAzC,EAAgD,IAAhD,CAAxB;AACA,WAAK,sBAAL,GAA8B,kGAAe,CAAC,WAAhB,CAA4B,8DAAY,CAAC,WAAzC,EAAsD,IAAtD,CAA9B;AACA,WAAK,cAAL,GAAsB,kGAAe,CAAC,WAAhB,CAA4B,0DAAQ,CAAC,OAArC,EAA8C,IAA9C,CAAtB;AAEA,WAAK,SAAL,GAAiB,oGAAgB,CAAC,GAAjB,CAAqB,eAArB,CAAjB;AAEA,WAAK,aAAL;AACA,WAAK,WAAL;AACD;AApBH;AAAA;AAAA,8BA0DgB;AACZ,aAAO;AACL,eAAO,EAAE;AACP,YAAE,EAAE,iBADG;AAEP,wBAAc,EAAE;AAFT;AADJ,OAAP;AAMD;AAjEH;AAAA;AAAA,6BAmEe;AACX;;;;AAIG;AACH,aAAO;AACL,0BAAkB;AADb,OAAP;AAGD;AA5EH;AAAA;AAAA,oCA8EuB;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,OAAzE,YAAyF,KAAK,MAA9F;AACA,WAAK,QAAL,CAAc,8DAAY,CAAC,KAA3B,YAAqC,8DAAY,CAAC,sBAAlD,cAA4E,KAAK,OAAL,CAAa,OAAzF,YAAyG;AAAA,eAAM,KAAI,CAAC,aAAL,CAAmB,MAAnB,CAAN;AAAA,OAAzG;AACD;AAnFH;AAAA;AAAA,kCAqFqB;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;AA5FH;AAAA;AAAA,yCA8F4B;AACxB,aAAO,KAAK,GAAL,CAAS,IAAT,CAAc,aAAd,EAA6B,KAA7B,EAAP;AACD;AAhGH;AAAA;AAAA,kCAkGqB;AACjB,oDAAK,CAAC,OAAN,CAAc,KAAK,WAAnB,EAAgC,OAAhC,CAAwC,sGAAc,CAAC,SAAvD;AACA,oDAAK,CAAC,OAAN,CAAc,KAAK,WAAnB,EAAgC,OAAhC,CAAwC,4GAAmB,CAAC,WAA5D;AACD;AArGH;AAAA;AAAA,mCAuGyB,OAvGzB,EAuGwC;AAAA;;AACpC,WAAK,sBAAL,CAA4B,iBAA5B,CAA8C,OAA9C,EACE,wDAAS,CAAC,UADZ,EAEE,UAAC,IAAD;AAAA,eAAsB,MAAI,CAAC,eAAL,CAAqB,IAArB,CAAtB;AAAA,OAFF;AAID;AA5GH;AAAA;AAAA,oCA8G0B,KA9G1B,EA8G2C;AAAA;;AACvC,UAAM,QAAQ,GAAG,SAAX,QAAW;AAAA,eAAM,MAAI,CAAC,aAAL,CAAmB,MAAnB,CAAN;AAAA,OAAjB;;AACA,UAAM,kBAAkB,GAAG,KAAK,KAAL,CAAW,SAAX,IAAwB,KAAK,KAAL,CAAW,SAAX,CAAqB,EAAxE;AACA,WAAK,gBAAL,CAAsB,oBAAtB,CAA2C,KAAK,OAAL,CAAa,OAAxD,EAAiE,KAAjE,EAAwE,kBAAxE,EAA4F,QAA5F;AACD;AAlHH;AAAA;AAAA,oCAoHuB;AACnB,UAAM,KAAK,GAAG,IAAI,2DAAJ,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,wDAAS,CAAC,UAHiC;AAItD,gBAAQ,EAAE,oEAAkB,CAAC,wDAAS,CAAC,UAAX,CAAlB,CAAyC,KAJG;AAKtD,iBAAS,EAAE,oEAAkB,CAAC,wDAAS,CAAC,UAAX,CAAlB,CAAyC,MALE;AAMtD,0BAAkB,EAAE,gDAAO,KAAK,kBAAZ,EAAgC,IAAhC;AANkC,OAA1B,CAA9B;AAQD;AAnIH;AAAA;AAAA,qCAqIuB;AACnB,WAAK,KAAL,GAAa,KAAK,gBAAL,CAAsB,QAAtB,CAA+B,KAAK,OAAL,CAAa,OAA5C,CAAb;AACD;AAvIH;AAAA;AAAA,kCAyIoB;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;AA9IH;AAAA;AAAA,sCAgJwB;AACpB,UAAM,SAAS,GAAG,oGAAgB,CAAC,GAAjB,CAAiC,0BAAjC,CAAlB;AACA,UAAI,SAAS,CAAC,GAAV,CAAc,SAAd,CAAJ,EACE,KAAK,cAAL,CAAoB,IAApB;AACH;AApJH;AAAA;AAAA,wBAsBiB;AACb,aAAO,qBAAP;AACD;AAxBH;AAAA;AAAA,wBA0BkB;AACd,aAAO,kGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,OAArC,CAAP;AACD;AA5BH;AAAA;AAAA,wBA8BiB;AACb,aAAO,+BAAP;AACD;AAhCH;AAAA;AAAA,wBAkCqB;AACjB,aAAO,4DAAP;AACD;AApCH;AAAA;AAAA,wBAsCwB;AACpB,aAAO,iEAAkB,CAAC,yBAAnB,CAA6C,IAA7C,CAAP;AACD;AAxCH;AAAA;AAAA,wBA0CsB;AAAA;;AAClB,aAAO,CACL;AACE,qBAAa,EAAE,+DADjB;AAEE,aAAK,EAAE,kGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,eAArC,CAFT;AAGE,YAAI,EAAE,UAHR;AAKE,4BAAoB,EAAE;AACpB,qBAAW,EAAE,KAAK,WADE;AAEpB,oBAAU,EAAE,kGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,MAArC,CAFQ;AAGpB,iBAAO,EAAE;AAAA,mBAAM,MAAI,CAAC,WAAL,EAAN;AAAA;AAHW;AALxB,OADK,CAAP;AAaD;AAxDH;;AAAA;AAAA,EAAyC,8DAAI,CAAC,IAA9C,E;;;;;;;;;;;AC3BA,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/66.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\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\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { PopupBehavior } from 'shared/behaviors';\r\nimport { DataServices, DataPrefixes, ImageMinDimensions, DataChannels, Services } from 'shared/constants';\r\nimport { SpinnerButtonEvents } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\nimport { Image as ImageModel } from 'shared/models/Image';\r\nimport { Video } from 'shared/models/Video';\r\nimport { ImageType } from 'shared/enums';\r\nimport { SpinnerSize, SpinnerHelper, RadioChannelHelper } from 'shared/utils';\r\nimport { CropEventNames, ImageCropperComponent } from 'shared/components/image-cropper/ImageCropperComponent';\r\nimport { NavLockService } from 'shared/services/NavigationLockService';\r\n\r\nimport { VideoDataService } from 'apps/library-editor/services/VideoDataService';\r\nimport { ImageUploadDataService } from 'apps/upload/services';\r\n\r\nimport ThumbnailUploadTemplate from './ThumbnailUpload.hbs';\r\n\r\ninterface ThumbnailUploadViewOptions extends Core.ViewOptions<Video> {\r\n  videoId: string;\r\n}\r\n\r\nexport class ThumbnailUploadView extends Core.View<Video> {\r\n  public options: ThumbnailUploadViewOptions;\r\n  private videoDataService: VideoDataService;\r\n  private imageUploadDataService: ImageUploadDataService;\r\n  private navLockService: NavLockService;\r\n  private imageEl: HTMLImageElement;\r\n\r\n  constructor(options: ThumbnailUploadViewOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.videoDataService = InstanceManager.getInstance(DataServices.Video, this);\r\n    this.imageUploadDataService = InstanceManager.getInstance(DataServices.ImageUpload, this);\r\n    this.navLockService = InstanceManager.getInstance(Services.NavLock, 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 'ThumbnailUploadView';\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.thumbnailUpload';\r\n  }\r\n\r\n  public get template(): string {\r\n    return ThumbnailUploadTemplate;\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\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.VIDEOS}:${this.options.videoId}:sync`, this.render);\r\n    this.listenTo(DataChannels.VIDEO, `${DataPrefixes.UPDATE_VIDEO_THUMBNAIL}:${this.options.videoId}: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.Thumbnails,\r\n      (data: ImageModel) => this.onImageUploaded(data)\r\n    );\r\n  }\r\n\r\n  private onImageUploaded(image: ImageModel): void {\r\n    const callback = () => this.triggerMethod('hide');\r\n    const currentThumbnailId = this.model.thumbnail && this.model.thumbnail.id;\r\n    this.videoDataService.addOrUpdateThumbnail(this.options.videoId, image, currentThumbnailId, 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.Thumbnails,\r\n      minWidth: ImageMinDimensions[ImageType.Thumbnails].width,\r\n      minHeight: ImageMinDimensions[ImageType.Thumbnails].height,\r\n      getCropRegionWidth: _.bind(this.getCropRegionWidth, this)\r\n    }));\r\n  }\r\n\r\n  public onBeforeRender(): void {\r\n    this.model = this.videoDataService.getVideo(this.options.videoId);\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\r\n  public onBeforeDestroy(): void {\r\n    const viewModel = ViewModelService.get<Core.Model>('upload:thumbnail:options');\r\n    if (viewModel.get('lockNav'))\r\n      this.navLockService.lock();\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: (...args: any) => any;\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":""}