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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/interfaces/LibraryFoldersIdentifier.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/interfaces/RecentVideoCollectionIdentifier.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/interfaces/RecentVideoSubjectCollectionIdentifier.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/interfaces/index.ts"],"names":[],"mappings":"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","file":"scripts/15.chunk.js","sourcesContent":["import { CollectionIdentifier } from 'libs/shared/legacy/interfaces';\r\nimport { SortType } from 'libs/shared/legacy/enums/SortType';\r\nimport { DataPrefixes } from 'shared/constants';\r\n\r\nexport class LibraryFoldersIdentifier extends CollectionIdentifier {\r\n  constructor(id: string, sort: SortType, cursor: string = '') {\r\n    super({ collectionPrefix: DataPrefixes.LIBRARY_FOLDERS, id, sort, cursor });\r\n  }\r\n}","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { CollectionIdentifier, CollectionIdentifierOptions } from 'libs/shared/legacy/interfaces';\r\n\r\nimport { DataPrefixes } from 'shared/constants';\r\nimport { Option } from 'apps/search/models';\r\nimport { DEFAULT_DATE_OPTION, ReleaseDateOptions } from 'apps/content-updates/utils';\r\n\r\ninterface RecentVideoCollectionIdentifierOptions extends CollectionIdentifierOptions {\r\n  libraryIds: string[];\r\n  subjects?: Option | Option[];\r\n  dateQueryString: string;\r\n  cursor?: string;\r\n}\r\n\r\nexport class RecentVideoCollectionIdentifier extends CollectionIdentifier {\r\n  public options: RecentVideoCollectionIdentifierOptions;\r\n\r\n  private libraryIds: string[];\r\n  public dateOption: Option;\r\n  public subjects: Option[];\r\n\r\n  constructor(options: RecentVideoCollectionIdentifierOptions) {\r\n    super({\r\n      collectionPrefix: `${DataPrefixes.RECENT_VIDEOS}:collection`,\r\n      cursor: options.cursor,\r\n      sort: options.sort\r\n    });\r\n\r\n    this.setAdditionalData(options);\r\n  }\r\n\r\n  private setAdditionalData(options: RecentVideoCollectionIdentifierOptions): void {\r\n    const { libraryIds, dateQueryString, subjects } = options;\r\n\r\n    if (libraryIds)\r\n      this.libraryIds = libraryIds;\r\n\r\n    if (subjects) {\r\n      if (_.isArray(subjects) && subjects.length)\r\n        this.subjects = subjects;\r\n\r\n      if (!_.isArray(subjects))\r\n        this.subjects = [subjects as Option];\r\n    }\r\n\r\n    const dateOptions = _.findWhere(ReleaseDateOptions, { queryString: dateQueryString }) || DEFAULT_DATE_OPTION;\r\n\r\n    this.dateOption = new Option(dateOptions);\r\n  }\r\n\r\n  public toString(): string {\r\n    const subjectNames = this.subjects && this.subjects.length && this.subjects.map(s => escape(s.get('name'))) || [];\r\n\r\n    let params = [\r\n      this.collectionPrefix,\r\n      this.libraryIds,\r\n      this.dateOption.get('from'),\r\n      this.dateOption.get('to'),\r\n      ...subjectNames,\r\n      this.cursor\r\n    ];\r\n\r\n    return params.filter(Boolean).join(':');\r\n  }\r\n\r\n  public toParams(): ObjectHash {\r\n    const params: ObjectHash = {};\r\n\r\n    if (this.libraryIds)\r\n      params.libraryIds = this.libraryIds;\r\n\r\n    if (this.dateOption) {\r\n      params.from = this.dateOption.get('from');\r\n      params.to = this.dateOption.get('to');\r\n    }\r\n\r\n    if (this.subjects)\r\n      params.subjectIds = _.flatten(this.subjects.map(s => s.get('subjectIds')));\r\n\r\n    if (this.cursor)\r\n      params.cursor = this.cursor;\r\n\r\n    return params;\r\n  }\r\n}","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\nimport { CollectionIdentifier, CollectionIdentifierOptions } from 'libs/shared/legacy/interfaces';\r\nimport { DataPrefixes } from 'shared/constants';\r\nimport { Option } from 'apps/search/models';\r\nimport { DEFAULT_DATE_OPTION, ReleaseDateOptions } from 'apps/content-updates/utils';\r\n\r\ninterface RecentVideoSubjectCollectionIdentifierOptions extends CollectionIdentifierOptions {\r\n  libraryIds: string[];\r\n  dateQueryString: string;\r\n}\r\n\r\nexport class RecentVideoSubjectCollectionIdentifier extends CollectionIdentifier {\r\n  private libraryIds: string[];\r\n  public dateOption: Option;\r\n\r\n  constructor(options: RecentVideoSubjectCollectionIdentifierOptions) {\r\n    super({\r\n      collectionPrefix: `${DataPrefixes.RECENT_SUBJECTS}:collection`,\r\n      sort: options.sort\r\n    });\r\n\r\n    this.setAdditionalData(options);\r\n  }\r\n\r\n  private setAdditionalData(options: RecentVideoSubjectCollectionIdentifierOptions): void {\r\n    const { libraryIds, dateQueryString } = options;\r\n\r\n    if (libraryIds)\r\n      this.libraryIds = libraryIds;\r\n\r\n    const dateOptions = _.findWhere(ReleaseDateOptions, { queryString: dateQueryString }) || DEFAULT_DATE_OPTION;\r\n\r\n    this.dateOption = new Option(dateOptions);\r\n  }\r\n\r\n  public toString(): string {\r\n    const params = [\r\n      this.collectionPrefix,\r\n      this.libraryIds,\r\n      this.dateOption.get('from'),\r\n      this.dateOption.get('to')\r\n    ];\r\n\r\n    return params.filter(Boolean).join(':');\r\n  }\r\n\r\n  public toParams(): ObjectHash {\r\n    const params: ObjectHash = {};\r\n\r\n    if (this.libraryIds)\r\n      params.libraryIds = this.libraryIds;\r\n\r\n    if (this.dateOption) {\r\n      params.from = this.dateOption.get('from');\r\n      params.to = this.dateOption.get('to');\r\n    }\r\n\r\n    return params;\r\n  }\r\n}","export * from './VideoCollectionIdentifier';\r\nexport * from './RecentVideoCollectionIdentifier';\r\nexport * from './RecentVideoSubjectCollectionIdentifier';\r\nexport * from './LibraryFoldersIdentifier';"],"sourceRoot":""}

package/dist/scripts/{16-68c900303f.chunk.js → 16-60b9a789b4.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[16],{787:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var o=n(7),i=n(2),r=n(24),a=n(13),l=n(173),s=n(11),c=n(658),u=n(118),p=n(855),h=n.n(p);function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(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 m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(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=b(e);if(t){var i=b(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"!==d(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var v=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&&m(e,t)}(d,e);var t,n,i,p=y(d);function d(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),p.call(this,e)}return t=d,(n=[{key:"initialize",value:function(){this.options.playerViewModelKey&&this.listenToPlayerViewModel(),this.initViewModel(),this.options.editing&&this.syncTime()}},{key:"events",value:function(){return{submit:"onSubmit","change .chapter-name":"validateName","keyup .chapter-name":"validateName","change .time-input":"onTimeInputUpdate","click .time-input":"onTimeInputUpdate","keyup .time-input":"onTimeInputUpdate","click .cancel":"destroyView"}}},{key:"initViewModel",value:function(){this.viewModel=r.a.get(this.viewModelName,this.model.toJSON())}},{key:"listenToPlayerViewModel",value:function(){var e=r.a.get(this.options.playerViewModelKey);this.listenTo(e,"change:currenttime",this.updateTime)}},{key:"updateTime",value:function(e){this.webPlayerTime=e.get("currenttime"),this.syncTime()}},{key:"syncTime",value:function(){var e=this.viewModel.get("startTime")||this.webPlayerTime;this.viewModel.set({hours:s.w.getHoursComponent(e),minutes:s.w.getMinutesComponent(e),seconds:s.w.getSecondsComponent(e)})}},{key:"getNewTime",value:function(){return this.enabled()?s.w.parseTime(this.viewModel.pick("hours","minutes","seconds")):0}},{key:"enabled",value:function(){return this.options.creating||0!==this.model.collection.indexOf(this.model)}},{key:"maxTimes",value:function(){var e=s.w.millisecondsToSeconds(this.options.duration),t=s.w.getHoursComponent(e),n=t>0?59:s.w.getMinutesComponent(e);return{maxHr:t,maxMin:n,maxSec:n>0?59:s.w.getSecondsComponent(e)}}},{key:"onTimeInputUpdate",value:function(){o.Radio.channel(this.options.channelName).trigger(u.d.UpdateChapterTime,this.getNewTime()),this.validateStartTime()}},{key:"destroyView",value:function(){o.Radio.channel(this.options.channelName).trigger(u.d.CancelChapterEdit),this.destroy()}},{key:"onSubmit",value:function(e){if(e.preventDefault(),!this.validate())return!1;var t={id:this.viewModel.get("id"),name:this.viewModel.get("name"),startTime:this.getNewTime()},n=o.Radio.channel(this.options.channelName),i=u.d.CreateChapter;this.options.editing&&(i=u.d.UpdateChapter),n.trigger(i,t),this.stopListening(this.viewModel),r.a.clear(this.viewModelName)}},{key:"validate",value:function(){this.viewModel.validate();var e=this.validateStartTime(),t=this.validateName();return this.viewModel.isValid()&&e&&t}},{key:"validateStartTime",value:function(){var e=this,t=o.Validation.callbacks,n=t.valid,i=t.invalid,r=this.model.collection||this.options.collection,a=this.getNewTime(),l=c.a.isValidChapterTime(this.model,a,this.options.duration,r),s=[],u=["seconds","minutes","hours"];return a<0?s=u:l&&(s.push("seconds"),a>59&&s.push("minutes"),a>3540&&s.push("hours")),u.forEach((function(t){return n(e,t,null)})),s.forEach((function(t){return i(e,t,l,null)})),!l}},{key:"validateName",value:function(e){if(!e||13!==e.keyCode){var t=o.Validation.callbacks,n=t.valid,i=t.invalid,r=this.model.collection||this.options.collection,a=c.a.isValidChapterName(this.model,this.viewModel.get("name"),r);return a?i(this,"name",a,null):n(this,"name",null),!a}}},{key:"viewOptions",value:function(){var e=this.maxTimes(),t=e.maxHr,n=e.maxMin,o=0===e.maxSec,i=0===n,r=0===t;return Object.assign(Object.assign({},this.options),{enabled:this.enabled(),timeId:"".concat(this.cid,"-time"),chapterId:"".concat(this.cid,"-chapter-name"),plusSvg:a.a.getSvg(a.b.Plus),secDisabled:o,minDisabled:i,hrDisabled:r})}},{key:"name",get:function(){return"ChapterFormComponent"}},{key:"lang",get:function(){return"libraryEditor.chapterForm"}},{key:"tagName",get:function(){return"form"}},{key:"viewModelName",get:function(){return"".concat(this.name,":").concat(this.cid)}},{key:"template",get:function(){return h.a}},{key:"className",get:function(){return this.options.creating?"py-3":"border-top p-2"}},{key:"behaviors",get:function(){return[{behaviorClass:l.a,bindViewModel:!0},{behaviorClass:l.g,bindViewModel:!0}]}},{key:"bindings",get:function(){return{"[name=name]":{observe:"name",setOptions:{validate:!0}},"[name=hours]":{observe:"hours",setOptions:{validate:!0}},"[name=minutes]":{observe:"minutes",setOptions:{validate:!0}},"[name=seconds]":{observe:"seconds",setOptions:{validate:!0}}}}}])&&f(t.prototype,n),i&&f(t,i),d}(i.a.Component)},794:function(e,t,n){"use strict";var o=n(2),i=n(7),r=n(13),a=n(87),l=n(11),s=n(787),c=n(118),u=n(856),p=n.n(u),h=n(857),d=n.n(h);function f(e){return(f="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 m(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 y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=v(e);if(t){var i=v(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return b(this,n)}}function b(e,t){return!t||"object"!==f(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 v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(h,e);var t,n,o,u=g(h);function h(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),u.call(this,e)}return t=h,(n=[{key:"initialize",value:function(){this.bindListeners()}},{key:"regions",value:function(){return{editForm:{replaceElement:!1,el:".edit-form-region"}}}},{key:"events",value:function(){return{"click @ui.editChapter":"onEditChapter","click @ui.deleteChapter":"onDeleteChapter","click .clickable-seek":"onClick"}}},{key:"bindListeners",value:function(){this.listenTo(this.instanceChannelName,c.d.CancelChapterEdit,this.onCancelEdit),this.listenTo(this.instanceChannelName,c.d.UpdateChapter,this.onUpdateChapter),this.listenTo(this.instanceChannelName,c.d.UpdateChapterTime,this.onUpdateChapterTime),this.listenTo(this.model,"change:showEditor",this.onShowEditorChange),this.listenTo(this.model,"change:loading",this.onLoadingChange);var e=this.model.collection.first();this.model!==e?this.listenTo(this.model.collection,"sort",this.render):this.listenTo(this.model.collection,"add remove sort",this.render)}},{key:"onClick",value:function(e){var t=i.Radio.channel(this.options.channelName);this.model.get("isPhysicalChapter")?t.trigger(c.d.SeekToChapter,this.model.get("index")):t.trigger(c.d.UpdateChapterTime,this.model.get("startTime"))}},{key:"onLoadingChange",value:function(){var e=this.model.get("loading")?"disable":"enable";this.getUI("editChapter").tooltip(e),this.getUI("deleteChapter").tooltip(e),this.model.set("showEditor",!1,{silent:!0}),this.render()}},{key:"onShowEditorChange",value:function(){this.model.get("loading")||(this.model.get("showEditor")?this.showEditView():this.hideEditView())}},{key:"showEditView",value:function(){this.renderEditForm(),this.getUI("chapterItem").addClass(d.a.darkBackground)}},{key:"hideEditView",value:function(){this.model.set("showEditor",!1,{silent:!0}),this.getUI("chapterItem").removeClass(d.a.darkBackground),this.detachChildView("editForm")}},{key:"onCancelEdit",value:function(){this.hideEditView()}},{key:"onDeleteChapter",value:function(){this.model.get("loading")||i.Radio.channel(this.options.channelName).trigger(c.d.DeleteChapter,this.model)}},{key:"onUpdateChapter",value:function(e){i.Radio.channel(this.options.channelName).trigger(c.d.UpdateChapter,e),this.render()}},{key:"onUpdateChapterTime",value:function(e){i.Radio.channel(this.options.channelName).trigger(c.d.UpdateChapterTime,e)}},{key:"onEditChapter",value:function(){i.Radio.channel(this.options.channelName).trigger(c.d.ToggleEdit,this.model)}},{key:"canDelete",value:function(e){var t=this.model.collection.length;return 1===e&&1===t||!(1===e&&t>1)}},{key:"viewOptions",value:function(){var e=this.model.collection.indexOf(this.model)+1,t=l.w.trimToMinutes(l.w.secondsToHoursFormatted(this.model.get("startTime")));return Object.assign(Object.assign({},this.options),{styles:d.a,time:t,index:e,loading:this.model.get("loading"),allowDelete:this.canDelete(e),editSvg:r.a.getSvg(r.b.Edit),deleteSvg:r.a.getSvg(r.b.Delete)})}},{key:"renderEditForm",value:function(){this.showChildView("editForm",new s.a({model:this.model,editing:!0,channelName:this.instanceChannelName,duration:this.options.duration}))}},{key:"onBeforeDetach",value:function(){$(".tooltip").remove()}},{key:"name",get:function(){return"ChapterItemComponent"}},{key:"lang",get:function(){return"libraryEditor.chapterItem"}},{key:"instanceChannelName",get:function(){return"".concat(this.name).concat(this.cid)}},{key:"template",get:function(){return p.a}},{key:"className",get:function(){return"chapter ".concat(d.a.chapterItem)}},{key:"behaviors",get:function(){return[{behaviorClass:a.a,selector:".action"}]}},{key:"elements",get:function(){return{chapterItem:".chapter-item",editChapter:".edit-chapter",deleteChapter:".delete-chapter"}}}])&&m(t.prototype,n),o&&m(t,o),h}(o.a.Component);function k(e){return(k="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 C(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 E(e,t){return(E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function T(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=S(e);if(t){var i=S(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return O(this,n)}}function O(e,t){return!t||"object"!==k(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 S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var x=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&E(e,t)}(r,e);var t,n,o,i=T(r);function r(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,e)}return t=r,(n=[{key:"initialize",value:function(){this.bindEditorListeners()}},{key:"bindEditorListeners",value:function(){this.options.editable&&this.listenTo(this.options.channelName,c.d.ToggleEdit,this.toggleEditForm)}},{key:"toggleEditForm",value:function(e){this.collection.each((function(t){return t!==e&&t.set("showEditor",!1)})),e.set("showEditor",!e.get("showEditor"))}},{key:"name",get:function(){return"ChapterComponentCollection"}},{key:"className",get:function(){return"chapters"}},{key:"childView",get:function(){return w}},{key:"childViewOptions",get:function(){return{showActions:this.options.showActions,duration:this.options.duration,channelName:this.options.channelName}}}])&&C(t.prototype,n),o&&C(t,o),r}(o.a.ComponentCollection),_=n(858),N=n.n(_);function M(e){return(M="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 j(e,t){return(j=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function R(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 I(this,n)}}function I(e,t){return!t||"object"!==M(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)}n.d(t,"a",(function(){return V}));var V=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&j(e,t)}(r,e);var t,n,o,i=R(r);function r(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,e)}return t=r,(n=[{key:"regions",value:function(){return{chapterList:{replaceElement:!0,el:".chapter-list-region"}}}},{key:"viewOptions",value:function(){return{showHeader:this.options.showHeader}}},{key:"onRender",value:function(){this.showChildView("chapterList",new x({collection:this.collection,duration:this.options.duration,channelName:this.options.channelName,showActions:this.options.showActions,editable:this.options.editable}))}},{key:"name",get:function(){return"ChaptersComponent"}},{key:"template",get:function(){return N.a}},{key:"lang",get:function(){return"libraryEditor.chapters"}},{key:"className",get:function(){return"chapters ".concat(!this.options.editable&&"py-3 border-top")}}])&&P(t.prototype,n),o&&P(t,o),r}(o.a.Component)},855:function(e,t,n){var o=n(8);e.exports=(o.default||o).template({1:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression,s=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'    <div class="col-6 form-group">\r\n      <label class="d-block" for="'+l(a(null!=(r=null!=t?t.options:t)?r.timeId:r,t))+'">'+l((n.lang||t&&t.lang||c).call(s,"startTimeLabel",{name:"lang",hash:{},data:i}))+'</label>\r\n      <input\r\n        class="form-control d-inline-block col-3 time-input hour-input"\r\n        type="number"\r\n        placeholder="'+l((n.lang||t&&t.lang||c).call(s,"hoursPlaceholder",{name:"lang",hash:{},data:i}))+'"\r\n        name="hours"\r\n        autocomplete="off"\r\n        '+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.hrDisabled:r,{name:"if",hash:{},fn:e.program(2,i,0),inverse:e.noop,data:i}))?r:"")+'> <b>:</b>\r\n      <input\r\n        class="form-control d-inline-block col-3 time-input minute-input"\r\n        type="number"\r\n        placeholder="'+l((n.lang||t&&t.lang||c).call(s,"minutesPlaceholder",{name:"lang",hash:{},data:i}))+'"\r\n        name="minutes"\r\n        autocomplete="off"\r\n        '+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.minDisabled:r,{name:"if",hash:{},fn:e.program(2,i,0),inverse:e.noop,data:i}))?r:"")+'> <b>:</b>\r\n      <input\r\n        class="form-control d-inline-block col-3 time-input second-input"\r\n        type="number"\r\n        placeholder="'+l((n.lang||t&&t.lang||c).call(s,"secondsPlaceholder",{name:"lang",hash:{},data:i}))+'"\r\n        name="seconds"\r\n        id="'+l(a(null!=(r=null!=t?t.options:t)?r.timeId:r,t))+'"\r\n        autocomplete="off"\r\n        '+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.secDisabled:r,{name:"if",hash:{},fn:e.program(2,i,0),inverse:e.noop,data:i}))?r:"")+'>\r\n      <div class="form-feedback"></div>\r\n    </div>\r\n'},2:function(e,t,n,o,i){return"disabled"},4:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'    <button type="submit" class="btn btn-primary btn-sm ml-2">\r\n      <span class="d-inline-block align-middle svg-container">'+(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.plusSvg:r,t))?r:"")+'</span>\r\n      <span class="align-middle">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"add",{name:"lang",hash:{},data:i}))+"</span>\r\n    </button>\r\n"},6:function(e,t,n,o,i){e.propertyIsEnumerable;var r=null!=t?t:e.nullContext||{},a=e.hooks.helperMissing,l=e.escapeExpression;return'    <button type="submit" class="btn btn-primary btn-sm ml-2">'+l((n.lang||t&&t.lang||a).call(r,"save",{name:"lang",hash:{},data:i}))+'</button>\r\n    <button type="button" class="btn btn-secondary btn-sm cancel ml-2">'+l((n.lang||t&&t.lang||a).call(r,"cancel",{name:"lang",hash:{},data:i}))+"</button>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression,s=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'<div class="row">\r\n  <div class="col-6 form-group">\r\n    <label for="'+l(a(null!=(r=null!=t?t.options:t)?r.chapterId:r,t))+'">'+l((n.lang||t&&t.lang||c).call(s,"nameLabel",{name:"lang",hash:{},data:i}))+'</label>\r\n    <input type="text" class="form-control chapter-name" name="name" id="'+l(a(null!=(r=null!=t?t.options:t)?r.chapterId:r,t))+'" placeholder="'+l((n.lang||t&&t.lang||c).call(s,"namePlaceholder",{name:"lang",hash:{},data:i}))+'" autofocus autocomplete="off">\r\n    <div class="form-feedback"></div>\r\n  </div>\r\n'+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.enabled:r,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?r:"")+'</div>\r\n\r\n<div class="row">\r\n'+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.creating:r,{name:"if",hash:{},fn:e.program(4,i,0),inverse:e.noop,data:i}))?r:"")+"\r\n"+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.editing:r,{name:"if",hash:{},fn:e.program(6,i,0),inverse:e.noop,data:i}))?r:"")+"</div>"},useData:!0})},856:function(e,t,n){var o=n(8);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return e.escapeExpression(e.lambda(null!=(r=null!=(r=null!=t?t.options:t)?r.styles:r)?r.loading:r,t))},3:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression,s=null!=t?t:e.nullContext||{};return'    <div class="col-2 text-right">\r\n      <a class="action edit-chapter my-2 svg-container '+l(a(null!=(r=null!=(r=null!=t?t.options:t)?r.styles:r)?r.svgContainer:r,t))+' d-inline-block text-muted"\r\n        title="'+l((n.lang||t&&t.lang||e.hooks.helperMissing).call(s,"edit",{name:"lang",hash:{},data:i}))+'">'+(null!=(r=a(null!=(r=null!=t?t.options:t)?r.editSvg:r,t))?r:"")+"</a>\r\n"+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.allowDelete:r,{name:"if",hash:{},fn:e.program(4,i,0),inverse:e.noop,data:i}))?r:"")+"    </div>\r\n"},4:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression;return'        <a class="action delete-chapter my-2 svg-container '+l(a(null!=(r=null!=(r=null!=t?t.options:t)?r.styles:r)?r.svgContainer:r,t))+' d-inline-block text-muted"\r\n          title="'+l((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"delete",{name:"lang",hash:{},data:i}))+'">'+(null!=(r=a(null!=(r=null!=t?t.options:t)?r.deleteSvg:r,t))?r:"")+"</a>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a,l=null!=t?t:e.nullContext||{},s=e.lambda,c=e.escapeExpression;return'<div class="row mx-0 border-top chapter-item '+(null!=(r=n.if.call(l,null!=(r=null!=t?t.options:t)?r.loading:r,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?r:"")+'">\r\n  <div class="clickable-seek col-1">\r\n    <p class="m-0 py-2">'+c(s(null!=(r=null!=t?t.options:t)?r.index:r,t))+'</p>\r\n  </div>\r\n  <div class="clickable-seek col-6">\r\n    <p class="m-0 py-2">'+c("function"==typeof(a=null!=(a=n.name||(null!=t?t.name:t))?a:e.hooks.helperMissing)?a.call(l,{name:"name",hash:{},data:i}):a)+'</p>\r\n  </div>\r\n  <div class="clickable-seek col-3 text-right">\r\n    <p class="m-0 py-2">'+c(s(null!=(r=null!=t?t.options:t)?r.time:r,t))+"</p>\r\n  </div>\r\n"+(null!=(r=n.if.call(l,null!=(r=null!=t?t.options:t)?r.showActions:r,{name:"if",hash:{},fn:e.program(3,i,0),inverse:e.noop,data:i}))?r:"")+'</div>\r\n<div class="edit-form-region"></div>\r\n'},useData:!0})},857:function(e,t,n){e.exports={darkBackground:"_2jtQl",loading:"_152ia",svgContainer:"xdD5o",chapterItem:"_3G38c"}},858:function(e,t,n){var o=n(8);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){e.propertyIsEnumerable;var r=null!=t?t:e.nullContext||{},a=e.hooks.helperMissing,l=e.escapeExpression;return"<h5>"+l((n.lang||t&&t.lang||a).call(r,"chapters",{name:"lang",hash:{},data:i}))+'</h5>\r\n<div class="row mt-3 m-0 border-bottom">\r\n  <div class="col-1">\r\n    <label>#</label>\r\n  </div>\r\n  <div class="col-6">\r\n    <label>'+l((n.lang||t&&t.lang||a).call(r,"nameLabel",{name:"lang",hash:{},data:i}))+'</label>\r\n  </div>\r\n  <div class="col-3 text-right">\r\n    <label>'+l((n.lang||t&&t.lang||a).call(r,"startLabel",{name:"lang",hash:{},data:i}))+'</>\r\n  </div>\r\n</div>\r\n<div class="chapter-list-region"></div>'},useData:!0})}}]);
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[16],{789:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var o=n(7),i=n(2),r=n(24),a=n(13),l=n(175),s=n(11),c=n(660),u=n(118),p=n(857),h=n.n(p);function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(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 m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(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=b(e);if(t){var i=b(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"!==d(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var v=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&&m(e,t)}(d,e);var t,n,i,p=y(d);function d(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d),p.call(this,e)}return t=d,(n=[{key:"initialize",value:function(){this.options.playerViewModelKey&&this.listenToPlayerViewModel(),this.initViewModel(),this.options.editing&&this.syncTime()}},{key:"events",value:function(){return{submit:"onSubmit","change .chapter-name":"validateName","keyup .chapter-name":"validateName","change .time-input":"onTimeInputUpdate","click .time-input":"onTimeInputUpdate","keyup .time-input":"onTimeInputUpdate","click .cancel":"destroyView"}}},{key:"initViewModel",value:function(){this.viewModel=r.a.get(this.viewModelName,this.model.toJSON())}},{key:"listenToPlayerViewModel",value:function(){var e=r.a.get(this.options.playerViewModelKey);this.listenTo(e,"change:currenttime",this.updateTime)}},{key:"updateTime",value:function(e){this.webPlayerTime=e.get("currenttime"),this.syncTime()}},{key:"syncTime",value:function(){var e=this.viewModel.get("startTime")||this.webPlayerTime;this.viewModel.set({hours:s.w.getHoursComponent(e),minutes:s.w.getMinutesComponent(e),seconds:s.w.getSecondsComponent(e)})}},{key:"getNewTime",value:function(){return this.enabled()?s.w.parseTime(this.viewModel.pick("hours","minutes","seconds")):0}},{key:"enabled",value:function(){return this.options.creating||0!==this.model.collection.indexOf(this.model)}},{key:"maxTimes",value:function(){var e=s.w.millisecondsToSeconds(this.options.duration),t=s.w.getHoursComponent(e),n=t>0?59:s.w.getMinutesComponent(e);return{maxHr:t,maxMin:n,maxSec:n>0?59:s.w.getSecondsComponent(e)}}},{key:"onTimeInputUpdate",value:function(){o.Radio.channel(this.options.channelName).trigger(u.d.UpdateChapterTime,this.getNewTime()),this.validateStartTime()}},{key:"destroyView",value:function(){o.Radio.channel(this.options.channelName).trigger(u.d.CancelChapterEdit),this.destroy()}},{key:"onSubmit",value:function(e){if(e.preventDefault(),!this.validate())return!1;var t={id:this.viewModel.get("id"),name:this.viewModel.get("name"),startTime:this.getNewTime()},n=o.Radio.channel(this.options.channelName),i=u.d.CreateChapter;this.options.editing&&(i=u.d.UpdateChapter),n.trigger(i,t),this.stopListening(this.viewModel),r.a.clear(this.viewModelName)}},{key:"validate",value:function(){this.viewModel.validate();var e=this.validateStartTime(),t=this.validateName();return this.viewModel.isValid()&&e&&t}},{key:"validateStartTime",value:function(){var e=this,t=o.Validation.callbacks,n=t.valid,i=t.invalid,r=this.model.collection||this.options.collection,a=this.getNewTime(),l=c.a.isValidChapterTime(this.model,a,this.options.duration,r),s=[],u=["seconds","minutes","hours"];return a<0?s=u:l&&(s.push("seconds"),a>59&&s.push("minutes"),a>3540&&s.push("hours")),u.forEach((function(t){return n(e,t,null)})),s.forEach((function(t){return i(e,t,l,null)})),!l}},{key:"validateName",value:function(e){if(!e||13!==e.keyCode){var t=o.Validation.callbacks,n=t.valid,i=t.invalid,r=this.model.collection||this.options.collection,a=c.a.isValidChapterName(this.model,this.viewModel.get("name"),r);return a?i(this,"name",a,null):n(this,"name",null),!a}}},{key:"viewOptions",value:function(){var e=this.maxTimes(),t=e.maxHr,n=e.maxMin,o=0===e.maxSec,i=0===n,r=0===t;return Object.assign(Object.assign({},this.options),{enabled:this.enabled(),timeId:"".concat(this.cid,"-time"),chapterId:"".concat(this.cid,"-chapter-name"),plusSvg:a.a.getSvg(a.b.Plus),secDisabled:o,minDisabled:i,hrDisabled:r})}},{key:"name",get:function(){return"ChapterFormComponent"}},{key:"lang",get:function(){return"libraryEditor.chapterForm"}},{key:"tagName",get:function(){return"form"}},{key:"viewModelName",get:function(){return"".concat(this.name,":").concat(this.cid)}},{key:"template",get:function(){return h.a}},{key:"className",get:function(){return this.options.creating?"py-3":"border-top p-2"}},{key:"behaviors",get:function(){return[{behaviorClass:l.a,bindViewModel:!0},{behaviorClass:l.g,bindViewModel:!0}]}},{key:"bindings",get:function(){return{"[name=name]":{observe:"name",setOptions:{validate:!0}},"[name=hours]":{observe:"hours",setOptions:{validate:!0}},"[name=minutes]":{observe:"minutes",setOptions:{validate:!0}},"[name=seconds]":{observe:"seconds",setOptions:{validate:!0}}}}}])&&f(t.prototype,n),i&&f(t,i),d}(i.a.Component)},795:function(e,t,n){"use strict";var o=n(2),i=n(7),r=n(13),a=n(87),l=n(11),s=n(789),c=n(118),u=n(858),p=n.n(u),h=n(859),d=n.n(h);function f(e){return(f="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 m(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 y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=v(e);if(t){var i=v(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return b(this,n)}}function b(e,t){return!t||"object"!==f(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 v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var w=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(h,e);var t,n,o,u=g(h);function h(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h),u.call(this,e)}return t=h,(n=[{key:"initialize",value:function(){this.bindListeners()}},{key:"regions",value:function(){return{editForm:{replaceElement:!1,el:".edit-form-region"}}}},{key:"events",value:function(){return{"click @ui.editChapter":"onEditChapter","click @ui.deleteChapter":"onDeleteChapter","click .clickable-seek":"onClick"}}},{key:"bindListeners",value:function(){this.listenTo(this.instanceChannelName,c.d.CancelChapterEdit,this.onCancelEdit),this.listenTo(this.instanceChannelName,c.d.UpdateChapter,this.onUpdateChapter),this.listenTo(this.instanceChannelName,c.d.UpdateChapterTime,this.onUpdateChapterTime),this.listenTo(this.model,"change:showEditor",this.onShowEditorChange),this.listenTo(this.model,"change:loading",this.onLoadingChange);var e=this.model.collection.first();this.model!==e?this.listenTo(this.model.collection,"sort",this.render):this.listenTo(this.model.collection,"add remove sort",this.render)}},{key:"onClick",value:function(e){var t=i.Radio.channel(this.options.channelName);this.model.get("isPhysicalChapter")?t.trigger(c.d.SeekToChapter,this.model.get("index")):t.trigger(c.d.UpdateChapterTime,this.model.get("startTime"))}},{key:"onLoadingChange",value:function(){var e=this.model.get("loading")?"disable":"enable";this.getUI("editChapter").tooltip(e),this.getUI("deleteChapter").tooltip(e),this.model.set("showEditor",!1,{silent:!0}),this.render()}},{key:"onShowEditorChange",value:function(){this.model.get("loading")||(this.model.get("showEditor")?this.showEditView():this.hideEditView())}},{key:"showEditView",value:function(){this.renderEditForm(),this.getUI("chapterItem").addClass(d.a.darkBackground)}},{key:"hideEditView",value:function(){this.model.set("showEditor",!1,{silent:!0}),this.getUI("chapterItem").removeClass(d.a.darkBackground),this.detachChildView("editForm")}},{key:"onCancelEdit",value:function(){this.hideEditView()}},{key:"onDeleteChapter",value:function(){this.model.get("loading")||i.Radio.channel(this.options.channelName).trigger(c.d.DeleteChapter,this.model)}},{key:"onUpdateChapter",value:function(e){i.Radio.channel(this.options.channelName).trigger(c.d.UpdateChapter,e),this.render()}},{key:"onUpdateChapterTime",value:function(e){i.Radio.channel(this.options.channelName).trigger(c.d.UpdateChapterTime,e)}},{key:"onEditChapter",value:function(){i.Radio.channel(this.options.channelName).trigger(c.d.ToggleEdit,this.model)}},{key:"canDelete",value:function(e){var t=this.model.collection.length;return 1===e&&1===t||!(1===e&&t>1)}},{key:"viewOptions",value:function(){var e=this.model.collection.indexOf(this.model)+1,t=l.w.trimToMinutes(l.w.secondsToHoursFormatted(this.model.get("startTime")));return Object.assign(Object.assign({},this.options),{styles:d.a,time:t,index:e,loading:this.model.get("loading"),allowDelete:this.canDelete(e),editSvg:r.a.getSvg(r.b.Edit),deleteSvg:r.a.getSvg(r.b.Delete)})}},{key:"renderEditForm",value:function(){this.showChildView("editForm",new s.a({model:this.model,editing:!0,channelName:this.instanceChannelName,duration:this.options.duration}))}},{key:"onBeforeDetach",value:function(){$(".tooltip").remove()}},{key:"name",get:function(){return"ChapterItemComponent"}},{key:"lang",get:function(){return"libraryEditor.chapterItem"}},{key:"instanceChannelName",get:function(){return"".concat(this.name).concat(this.cid)}},{key:"template",get:function(){return p.a}},{key:"className",get:function(){return"chapter ".concat(d.a.chapterItem)}},{key:"behaviors",get:function(){return[{behaviorClass:a.a,selector:".action"}]}},{key:"elements",get:function(){return{chapterItem:".chapter-item",editChapter:".edit-chapter",deleteChapter:".delete-chapter"}}}])&&m(t.prototype,n),o&&m(t,o),h}(o.a.Component);function k(e){return(k="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 C(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 E(e,t){return(E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function T(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=S(e);if(t){var i=S(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return O(this,n)}}function O(e,t){return!t||"object"!==k(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 S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var x=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&E(e,t)}(r,e);var t,n,o,i=T(r);function r(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,e)}return t=r,(n=[{key:"initialize",value:function(){this.bindEditorListeners()}},{key:"bindEditorListeners",value:function(){this.options.editable&&this.listenTo(this.options.channelName,c.d.ToggleEdit,this.toggleEditForm)}},{key:"toggleEditForm",value:function(e){this.collection.each((function(t){return t!==e&&t.set("showEditor",!1)})),e.set("showEditor",!e.get("showEditor"))}},{key:"name",get:function(){return"ChapterComponentCollection"}},{key:"className",get:function(){return"chapters"}},{key:"childView",get:function(){return w}},{key:"childViewOptions",get:function(){return{showActions:this.options.showActions,duration:this.options.duration,channelName:this.options.channelName}}}])&&C(t.prototype,n),o&&C(t,o),r}(o.a.ComponentCollection),_=n(860),N=n.n(_);function M(e){return(M="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 j(e,t){return(j=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function R(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 I(this,n)}}function I(e,t){return!t||"object"!==M(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)}n.d(t,"a",(function(){return V}));var V=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&j(e,t)}(r,e);var t,n,o,i=R(r);function r(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,e)}return t=r,(n=[{key:"regions",value:function(){return{chapterList:{replaceElement:!0,el:".chapter-list-region"}}}},{key:"viewOptions",value:function(){return{showHeader:this.options.showHeader}}},{key:"onRender",value:function(){this.showChildView("chapterList",new x({collection:this.collection,duration:this.options.duration,channelName:this.options.channelName,showActions:this.options.showActions,editable:this.options.editable}))}},{key:"name",get:function(){return"ChaptersComponent"}},{key:"template",get:function(){return N.a}},{key:"lang",get:function(){return"libraryEditor.chapters"}},{key:"className",get:function(){return"chapters ".concat(!this.options.editable&&"py-3 border-top")}}])&&P(t.prototype,n),o&&P(t,o),r}(o.a.Component)},857:function(e,t,n){var o=n(8);e.exports=(o.default||o).template({1:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression,s=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'    <div class="col-6 form-group">\r\n      <label class="d-block" for="'+l(a(null!=(r=null!=t?t.options:t)?r.timeId:r,t))+'">'+l((n.lang||t&&t.lang||c).call(s,"startTimeLabel",{name:"lang",hash:{},data:i}))+'</label>\r\n      <input\r\n        class="form-control d-inline-block col-3 time-input hour-input"\r\n        type="number"\r\n        placeholder="'+l((n.lang||t&&t.lang||c).call(s,"hoursPlaceholder",{name:"lang",hash:{},data:i}))+'"\r\n        name="hours"\r\n        autocomplete="off"\r\n        '+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.hrDisabled:r,{name:"if",hash:{},fn:e.program(2,i,0),inverse:e.noop,data:i}))?r:"")+'> <b>:</b>\r\n      <input\r\n        class="form-control d-inline-block col-3 time-input minute-input"\r\n        type="number"\r\n        placeholder="'+l((n.lang||t&&t.lang||c).call(s,"minutesPlaceholder",{name:"lang",hash:{},data:i}))+'"\r\n        name="minutes"\r\n        autocomplete="off"\r\n        '+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.minDisabled:r,{name:"if",hash:{},fn:e.program(2,i,0),inverse:e.noop,data:i}))?r:"")+'> <b>:</b>\r\n      <input\r\n        class="form-control d-inline-block col-3 time-input second-input"\r\n        type="number"\r\n        placeholder="'+l((n.lang||t&&t.lang||c).call(s,"secondsPlaceholder",{name:"lang",hash:{},data:i}))+'"\r\n        name="seconds"\r\n        id="'+l(a(null!=(r=null!=t?t.options:t)?r.timeId:r,t))+'"\r\n        autocomplete="off"\r\n        '+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.secDisabled:r,{name:"if",hash:{},fn:e.program(2,i,0),inverse:e.noop,data:i}))?r:"")+'>\r\n      <div class="form-feedback"></div>\r\n    </div>\r\n'},2:function(e,t,n,o,i){return"disabled"},4:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'    <button type="submit" class="btn btn-primary btn-sm ml-2">\r\n      <span class="d-inline-block align-middle svg-container">'+(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.plusSvg:r,t))?r:"")+'</span>\r\n      <span class="align-middle">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"add",{name:"lang",hash:{},data:i}))+"</span>\r\n    </button>\r\n"},6:function(e,t,n,o,i){e.propertyIsEnumerable;var r=null!=t?t:e.nullContext||{},a=e.hooks.helperMissing,l=e.escapeExpression;return'    <button type="submit" class="btn btn-primary btn-sm ml-2">'+l((n.lang||t&&t.lang||a).call(r,"save",{name:"lang",hash:{},data:i}))+'</button>\r\n    <button type="button" class="btn btn-secondary btn-sm cancel ml-2">'+l((n.lang||t&&t.lang||a).call(r,"cancel",{name:"lang",hash:{},data:i}))+"</button>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression,s=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'<div class="row">\r\n  <div class="col-6 form-group">\r\n    <label for="'+l(a(null!=(r=null!=t?t.options:t)?r.chapterId:r,t))+'">'+l((n.lang||t&&t.lang||c).call(s,"nameLabel",{name:"lang",hash:{},data:i}))+'</label>\r\n    <input type="text" class="form-control chapter-name" name="name" id="'+l(a(null!=(r=null!=t?t.options:t)?r.chapterId:r,t))+'" placeholder="'+l((n.lang||t&&t.lang||c).call(s,"namePlaceholder",{name:"lang",hash:{},data:i}))+'" autofocus autocomplete="off">\r\n    <div class="form-feedback"></div>\r\n  </div>\r\n'+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.enabled:r,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?r:"")+'</div>\r\n\r\n<div class="row">\r\n'+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.creating:r,{name:"if",hash:{},fn:e.program(4,i,0),inverse:e.noop,data:i}))?r:"")+"\r\n"+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.editing:r,{name:"if",hash:{},fn:e.program(6,i,0),inverse:e.noop,data:i}))?r:"")+"</div>"},useData:!0})},858:function(e,t,n){var o=n(8);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return e.escapeExpression(e.lambda(null!=(r=null!=(r=null!=t?t.options:t)?r.styles:r)?r.loading:r,t))},3:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression,s=null!=t?t:e.nullContext||{};return'    <div class="col-2 text-right">\r\n      <a class="action edit-chapter my-2 svg-container '+l(a(null!=(r=null!=(r=null!=t?t.options:t)?r.styles:r)?r.svgContainer:r,t))+' d-inline-block text-muted"\r\n        title="'+l((n.lang||t&&t.lang||e.hooks.helperMissing).call(s,"edit",{name:"lang",hash:{},data:i}))+'">'+(null!=(r=a(null!=(r=null!=t?t.options:t)?r.editSvg:r,t))?r:"")+"</a>\r\n"+(null!=(r=n.if.call(s,null!=(r=null!=t?t.options:t)?r.allowDelete:r,{name:"if",hash:{},fn:e.program(4,i,0),inverse:e.noop,data:i}))?r:"")+"    </div>\r\n"},4:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a=e.lambda,l=e.escapeExpression;return'        <a class="action delete-chapter my-2 svg-container '+l(a(null!=(r=null!=(r=null!=t?t.options:t)?r.styles:r)?r.svgContainer:r,t))+' d-inline-block text-muted"\r\n          title="'+l((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"delete",{name:"lang",hash:{},data:i}))+'">'+(null!=(r=a(null!=(r=null!=t?t.options:t)?r.deleteSvg:r,t))?r:"")+"</a>\r\n"},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){e.propertyIsEnumerable;var r,a,l=null!=t?t:e.nullContext||{},s=e.lambda,c=e.escapeExpression;return'<div class="row mx-0 border-top chapter-item '+(null!=(r=n.if.call(l,null!=(r=null!=t?t.options:t)?r.loading:r,{name:"if",hash:{},fn:e.program(1,i,0),inverse:e.noop,data:i}))?r:"")+'">\r\n  <div class="clickable-seek col-1">\r\n    <p class="m-0 py-2">'+c(s(null!=(r=null!=t?t.options:t)?r.index:r,t))+'</p>\r\n  </div>\r\n  <div class="clickable-seek col-6">\r\n    <p class="m-0 py-2">'+c("function"==typeof(a=null!=(a=n.name||(null!=t?t.name:t))?a:e.hooks.helperMissing)?a.call(l,{name:"name",hash:{},data:i}):a)+'</p>\r\n  </div>\r\n  <div class="clickable-seek col-3 text-right">\r\n    <p class="m-0 py-2">'+c(s(null!=(r=null!=t?t.options:t)?r.time:r,t))+"</p>\r\n  </div>\r\n"+(null!=(r=n.if.call(l,null!=(r=null!=t?t.options:t)?r.showActions:r,{name:"if",hash:{},fn:e.program(3,i,0),inverse:e.noop,data:i}))?r:"")+'</div>\r\n<div class="edit-form-region"></div>\r\n'},useData:!0})},859:function(e,t,n){e.exports={darkBackground:"_2jtQl",loading:"_152ia",svgContainer:"xdD5o",chapterItem:"_3G38c"}},860:function(e,t,n){var o=n(8);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){e.propertyIsEnumerable;var r=null!=t?t:e.nullContext||{},a=e.hooks.helperMissing,l=e.escapeExpression;return"<h5>"+l((n.lang||t&&t.lang||a).call(r,"chapters",{name:"lang",hash:{},data:i}))+'</h5>\r\n<div class="row mt-3 m-0 border-bottom">\r\n  <div class="col-1">\r\n    <label>#</label>\r\n  </div>\r\n  <div class="col-6">\r\n    <label>'+l((n.lang||t&&t.lang||a).call(r,"nameLabel",{name:"lang",hash:{},data:i}))+'</label>\r\n  </div>\r\n  <div class="col-3 text-right">\r\n    <label>'+l((n.lang||t&&t.lang||a).call(r,"startLabel",{name:"lang",hash:{},data:i}))+'</>\r\n  </div>\r\n</div>\r\n<div class="chapter-list-region"></div>'},useData:!0})}}]);