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

package/dist/scripts/34.chunk.js

@@ -1,990 +0,0 @@
-(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[34],{
-
-/***/ "./src/apps/library-editor/components/chapter-form/ChapterForm.hbs":
-/*!*************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapter-form/ChapterForm.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, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {}), alias5=container.hooks.helperMissing;
-
-  return "    <div class=\"col-6 form-group\">\r\n      <label class=\"d-block\" for=\""
-    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.timeId : stack1), depth0))
-    + "\">"
-    + alias3((helpers.lang||(depth0 && depth0.lang)||alias5).call(alias4,"startTimeLabel",{"name":"lang","hash":{},"data":data}))
-    + "</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=\""
-    + alias3((helpers.lang||(depth0 && depth0.lang)||alias5).call(alias4,"hoursPlaceholder",{"name":"lang","hash":{},"data":data}))
-    + "\"\r\n        name=\"hours\"\r\n        autocomplete=\"off\"\r\n        "
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hrDisabled : stack1),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "> <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=\""
-    + alias3((helpers.lang||(depth0 && depth0.lang)||alias5).call(alias4,"minutesPlaceholder",{"name":"lang","hash":{},"data":data}))
-    + "\"\r\n        name=\"minutes\"\r\n        autocomplete=\"off\"\r\n        "
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.minDisabled : stack1),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "> <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=\""
-    + alias3((helpers.lang||(depth0 && depth0.lang)||alias5).call(alias4,"secondsPlaceholder",{"name":"lang","hash":{},"data":data}))
-    + "\"\r\n        name=\"seconds\"\r\n        id=\""
-    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.timeId : stack1), depth0))
-    + "\"\r\n        autocomplete=\"off\"\r\n        "
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.secDisabled : stack1),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + ">\r\n      <div class=\"form-feedback\"></div>\r\n    </div>\r\n";
-},"2":function(container,depth0,helpers,partials,data) {
-    return "disabled";
-},"4":function(container,depth0,helpers,partials,data) {
-    var stack1, alias1=container.propertyIsEnumerable;
-
-  return "    <button type=\"submit\" class=\"btn btn-primary btn-sm ml-2\">\r\n      <span class=\"d-inline-block align-middle svg-container\">"
-    + ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.plusSvg : stack1), depth0)) != null ? stack1 : "")
-    + "</span>\r\n      <span class=\"align-middle\">"
-    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"add",{"name":"lang","hash":{},"data":data}))
-    + "</span>\r\n    </button>\r\n";
-},"6":function(container,depth0,helpers,partials,data) {
-    var alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
-
-  return "    <button type=\"submit\" class=\"btn btn-primary btn-sm ml-2\">"
-    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"save",{"name":"lang","hash":{},"data":data}))
-    + "</button>\r\n    <button type=\"button\" class=\"btn btn-secondary btn-sm cancel ml-2\">"
-    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"cancel",{"name":"lang","hash":{},"data":data}))
-    + "</button>\r\n";
-},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
-    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {}), alias5=container.hooks.helperMissing;
-
-  return "<div class=\"row\">\r\n  <div class=\"col-6 form-group\">\r\n    <label for=\""
-    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.chapterId : stack1), depth0))
-    + "\">"
-    + alias3((helpers.lang||(depth0 && depth0.lang)||alias5).call(alias4,"nameLabel",{"name":"lang","hash":{},"data":data}))
-    + "</label>\r\n    <input type=\"text\" class=\"form-control chapter-name\" name=\"name\" id=\""
-    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.chapterId : stack1), depth0))
-    + "\" placeholder=\""
-    + alias3((helpers.lang||(depth0 && depth0.lang)||alias5).call(alias4,"namePlaceholder",{"name":"lang","hash":{},"data":data}))
-    + "\" autofocus autocomplete=\"off\">\r\n    <div class=\"form-feedback\"></div>\r\n  </div>\r\n"
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.enabled : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "</div>\r\n\r\n<div class=\"row\">\r\n"
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.creating : stack1),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "\r\n"
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editing : stack1),{"name":"if","hash":{},"fn":container.program(6, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "</div>";
-},"useData":true});
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapter-form/ChapterFormComponent.ts":
-/*!*********************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapter-form/ChapterFormComponent.ts ***!
-  \*********************************************************************************/
-/*! exports provided: ChapterFormComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChapterFormComponent", function() { return ChapterFormComponent; });
-/* 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 _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _shared_behaviors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
-/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
-/* harmony import */ var _utils_ChapterHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/ChapterHelper */ "./src/apps/library-editor/utils/ChapterHelper.ts");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../constants */ "./src/apps/library-editor/constants/index.ts");
-/* harmony import */ var _ChapterForm_hbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ChapterForm.hbs */ "./src/apps/library-editor/components/chapter-form/ChapterForm.hbs");
-/* harmony import */ var _ChapterForm_hbs__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_ChapterForm_hbs__WEBPACK_IMPORTED_MODULE_8__);
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-
-
-
-
-
-
-
-
-
-
-var ENTER_KEYCODE = 13;
-var ChapterFormComponent = /*#__PURE__*/function (_Core$Component) {
-  _inherits(ChapterFormComponent, _Core$Component);
-
-  var _super = _createSuper(ChapterFormComponent);
-
-  function ChapterFormComponent(options) {
-    _classCallCheck(this, ChapterFormComponent);
-
-    return _super.call(this, options);
-  }
-
-  _createClass(ChapterFormComponent, [{
-    key: "initialize",
-    value: function initialize() {
-      if (this.options.playerViewModelKey) this.listenToPlayerViewModel();
-      this.initViewModel();
-      if (this.options.editing) this.syncTime();
-    }
-  }, {
-    key: "events",
-    value: function events() {
-      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 initViewModel() {
-      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__["ViewModelService"].get(this.viewModelName, this.model.toJSON());
-    }
-    /**
-     * Synchronise start time based on current player's playback position
-     */
-
-  }, {
-    key: "listenToPlayerViewModel",
-    value: function listenToPlayerViewModel() {
-      var playerViewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__["ViewModelService"].get(this.options.playerViewModelKey);
-      this.listenTo(playerViewModel, 'change:currenttime', this.updateTime);
-    }
-    /**
-     * Set the value of each time input, syncing with the webplayer current time
-     */
-
-  }, {
-    key: "updateTime",
-    value: function updateTime(player) {
-      this.webPlayerTime = player.get('currenttime');
-      this.syncTime();
-    }
-  }, {
-    key: "syncTime",
-    value: function syncTime() {
-      // The start time of the chapter, or the current webplayer time
-      var time = this.viewModel.get('startTime') || this.webPlayerTime;
-      this.viewModel.set({
-        hours: _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].getHoursComponent(time),
-        minutes: _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].getMinutesComponent(time),
-        seconds: _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].getSecondsComponent(time)
-      });
-    }
-    /**
-     * The time constructed from each time input in seconds
-     * Returns -1 if any time component is negative, or all time components are undefined
-     */
-
-  }, {
-    key: "getNewTime",
-    value: function getNewTime() {
-      if (!this.enabled()) return 0;
-      return _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].parseTime(this.viewModel.pick('hours', 'minutes', 'seconds'));
-    }
-    /**
-     * Whether the time input's are enabled
-     * Is true for all chapters except for the first existing chapter
-     */
-
-  }, {
-    key: "enabled",
-    value: function enabled() {
-      return this.options.creating || this.model.collection.indexOf(this.model) !== 0;
-    }
-    /**
-     * Returns the maximum values for hours, minutes and seconds
-     * based on the duration of the video
-     */
-
-  }, {
-    key: "maxTimes",
-    value: function maxTimes() {
-      var duration = _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].millisecondsToSeconds(this.options.duration);
-      var maxHr = _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].getHoursComponent(duration);
-      var maxMin = maxHr > 0 ? 59 : _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].getMinutesComponent(duration);
-      var maxSec = maxMin > 0 ? 59 : _shared_utils__WEBPACK_IMPORTED_MODULE_5__["TimeHelpers"].getSecondsComponent(duration);
-      return {
-        maxHr: maxHr,
-        maxMin: maxMin,
-        maxSec: maxSec
-      };
-    }
-    /**
-     * Called when any of the 3 time inputs are updated
-     * If we are creating a chapter, the webplayer time is also updated
-     */
-
-  }, {
-    key: "onTimeInputUpdate",
-    value: function onTimeInputUpdate() {
-      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName);
-      channel.trigger(_constants__WEBPACK_IMPORTED_MODULE_7__["LibraryEditorActions"].UpdateChapterTime, this.getNewTime());
-      this.validateStartTime();
-    }
-  }, {
-    key: "destroyView",
-    value: function destroyView() {
-      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName);
-      channel.trigger(_constants__WEBPACK_IMPORTED_MODULE_7__["LibraryEditorActions"].CancelChapterEdit);
-      this.destroy();
-    }
-    /**
-     * When a chapter is added or saved, validate the new values
-     * and trigger appropriate event to update the chapter list
-     */
-
-  }, {
-    key: "onSubmit",
-    value: function onSubmit(e) {
-      e.preventDefault();
-      if (!this.validate()) return false;
-      var newChapter = {
-        id: this.viewModel.get('id'),
-        name: this.viewModel.get('name'),
-        startTime: this.getNewTime()
-      };
-      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName); // Update or create chapter depending on where the component is being rendered
-
-      var chapterChangeEvent = _constants__WEBPACK_IMPORTED_MODULE_7__["LibraryEditorActions"].CreateChapter;
-      if (this.options.editing) chapterChangeEvent = _constants__WEBPACK_IMPORTED_MODULE_7__["LibraryEditorActions"].UpdateChapter;
-      channel.trigger(chapterChangeEvent, newChapter);
-      this.stopListening(this.viewModel);
-      _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__["ViewModelService"].clear(this.viewModelName);
-    }
-  }, {
-    key: "validate",
-    value: function validate() {
-      this.viewModel.validate();
-      var validStartTime = this.validateStartTime();
-      var validateName = this.validateName();
-      return this.viewModel.isValid() && validStartTime && validateName;
-    }
-  }, {
-    key: "validateStartTime",
-    value: function validateStartTime() {
-      var _this = this;
-
-      var _Backbone$Validation$ = backbone__WEBPACK_IMPORTED_MODULE_0__["Validation"].callbacks,
-          valid = _Backbone$Validation$.valid,
-          invalid = _Backbone$Validation$.invalid;
-      var parentCollection = this.model.collection || this.options.collection;
-      var newTime = this.getNewTime();
-      var invalidTimeMessage = _utils_ChapterHelper__WEBPACK_IMPORTED_MODULE_6__["ChapterHelpers"].isValidChapterTime(this.model, newTime, this.options.duration, parentCollection);
-      var invalidTimeProps = [];
-      var validTimeProps = ['seconds', 'minutes', 'hours'];
-
-      if (newTime < 0) {
-        invalidTimeProps = validTimeProps;
-      } else if (invalidTimeMessage) {
-        invalidTimeProps.push('seconds');
-        if (newTime > 59) invalidTimeProps.push('minutes');
-        if (newTime > 59 * 60) invalidTimeProps.push('hours');
-      }
-
-      validTimeProps.forEach(function (prop) {
-        return valid(_this, prop, null);
-      });
-      invalidTimeProps.forEach(function (prop) {
-        return invalid(_this, prop, invalidTimeMessage, null);
-      });
-      return !invalidTimeMessage;
-    }
-  }, {
-    key: "validateName",
-    value: function validateName(e) {
-      if (e && e.keyCode === ENTER_KEYCODE) return;
-      var _Backbone$Validation$2 = backbone__WEBPACK_IMPORTED_MODULE_0__["Validation"].callbacks,
-          valid = _Backbone$Validation$2.valid,
-          invalid = _Backbone$Validation$2.invalid;
-      var parentCollection = this.model.collection || this.options.collection;
-      var invalidNameMessage = _utils_ChapterHelper__WEBPACK_IMPORTED_MODULE_6__["ChapterHelpers"].isValidChapterName(this.model, this.viewModel.get('name'), parentCollection);
-      if (!invalidNameMessage) valid(this, 'name', null);else invalid(this, 'name', invalidNameMessage, null);
-      return !invalidNameMessage;
-    }
-  }, {
-    key: "viewOptions",
-    value: function viewOptions() {
-      var _this$maxTimes = this.maxTimes(),
-          maxHr = _this$maxTimes.maxHr,
-          maxMin = _this$maxTimes.maxMin,
-          maxSec = _this$maxTimes.maxSec;
-
-      var secDisabled = maxSec === 0;
-      var minDisabled = maxMin === 0;
-      var hrDisabled = maxHr === 0;
-      return Object.assign(Object.assign({}, this.options), {
-        enabled: this.enabled(),
-        timeId: "".concat(this.cid, "-time"),
-        chapterId: "".concat(this.cid, "-chapter-name"),
-        plusSvg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Plus),
-        secDisabled: secDisabled,
-        minDisabled: minDisabled,
-        hrDisabled: hrDisabled
-      });
-    }
-  }, {
-    key: "name",
-    get: function get() {
-      return 'ChapterFormComponent';
-    }
-  }, {
-    key: "lang",
-    get: function get() {
-      return 'libraryEditor.chapterForm';
-    }
-  }, {
-    key: "tagName",
-    get: function get() {
-      return 'form';
-    }
-  }, {
-    key: "viewModelName",
-    get: function get() {
-      return "".concat(this.name, ":").concat(this.cid);
-    }
-  }, {
-    key: "template",
-    get: function get() {
-      return _ChapterForm_hbs__WEBPACK_IMPORTED_MODULE_8___default.a;
-    }
-  }, {
-    key: "className",
-    get: function get() {
-      return this.options.creating ? 'py-3' : 'border-top p-2';
-    }
-  }, {
-    key: "behaviors",
-    get: function get() {
-      return [{
-        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_4__["BackboneValidationBehavior"],
-        bindViewModel: true
-      }, {
-        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_4__["StickitBehavior"],
-        bindViewModel: true
-      }];
-    }
-  }, {
-    key: "bindings",
-    get: function get() {
-      return {
-        '[name=name]': {
-          observe: 'name',
-          setOptions: {
-            validate: true
-          }
-        },
-        '[name=hours]': {
-          observe: 'hours',
-          setOptions: {
-            validate: true
-          }
-        },
-        '[name=minutes]': {
-          observe: 'minutes',
-          setOptions: {
-            validate: true
-          }
-        },
-        '[name=seconds]': {
-          observe: 'seconds',
-          setOptions: {
-            validate: true
-          }
-        }
-      };
-    }
-  }]);
-
-  return ChapterFormComponent;
-}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapter-list/ChapterComponentCollection.ts":
-/*!***************************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapter-list/ChapterComponentCollection.ts ***!
-  \***************************************************************************************/
-/*! exports provided: ChapterComponentCollection */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChapterComponentCollection", function() { return ChapterComponentCollection; });
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _ChapterItemComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ChapterItemComponent */ "./src/apps/library-editor/components/chapter-list/ChapterItemComponent.ts");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ "./src/apps/library-editor/constants/index.ts");
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-
-
-
-var ChapterComponentCollection = /*#__PURE__*/function (_Core$ComponentCollec) {
-  _inherits(ChapterComponentCollection, _Core$ComponentCollec);
-
-  var _super = _createSuper(ChapterComponentCollection);
-
-  function ChapterComponentCollection(options) {
-    _classCallCheck(this, ChapterComponentCollection);
-
-    return _super.call(this, options);
-  }
-
-  _createClass(ChapterComponentCollection, [{
-    key: "initialize",
-    value: function initialize() {
-      this.bindEditorListeners();
-    }
-  }, {
-    key: "bindEditorListeners",
-    value: function bindEditorListeners() {
-      if (!this.options.editable) return;
-      this.listenTo(this.options.channelName, _constants__WEBPACK_IMPORTED_MODULE_2__["LibraryEditorActions"].ToggleEdit, this.toggleEditForm);
-    }
-    /**
-     * When a child view triggers its edit view, hide all other edit views
-     */
-
-  }, {
-    key: "toggleEditForm",
-    value: function toggleEditForm(model) {
-      this.collection.each(function (m) {
-        return m !== model && m.set('showEditor', false);
-      });
-      model.set('showEditor', !model.get('showEditor'));
-    }
-  }, {
-    key: "name",
-    get: function get() {
-      return 'ChapterComponentCollection';
-    }
-  }, {
-    key: "className",
-    get: function get() {
-      return 'chapters';
-    }
-  }, {
-    key: "childView",
-    get: function get() {
-      return _ChapterItemComponent__WEBPACK_IMPORTED_MODULE_1__["ChapterItemComponent"];
-    }
-  }, {
-    key: "childViewOptions",
-    get: function get() {
-      return {
-        showActions: this.options.showActions,
-        duration: this.options.duration,
-        channelName: this.options.channelName
-      };
-    }
-  }]);
-
-  return ChapterComponentCollection;
-}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ComponentCollection);
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapter-list/ChapterItem.hbs":
-/*!*************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapter-list/ChapterItem.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 container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.loading : stack1), depth0));
-},"3":function(container,depth0,helpers,partials,data) {
-    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});
-
-  return "    <div class=\"col-2 text-right\">\r\n      <a class=\"action edit-chapter my-2 svg-container "
-    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))
-    + " d-inline-block text-muted\"\r\n        title=\""
-    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias4,"edit",{"name":"lang","hash":{},"data":data}))
-    + "\">"
-    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editSvg : stack1), depth0)) != null ? stack1 : "")
-    + "</a>\r\n"
-    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.allowDelete : stack1),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "    </div>\r\n";
-},"4":function(container,depth0,helpers,partials,data) {
-    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
-
-  return "        <a class=\"action delete-chapter my-2 svg-container "
-    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))
-    + " d-inline-block text-muted\"\r\n          title=\""
-    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"delete",{"name":"lang","hash":{},"data":data}))
-    + "\">"
-    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.deleteSvg : stack1), depth0)) != null ? stack1 : "")
-    + "</a>\r\n";
-},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
-    var stack1, helper, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.lambda, alias4=container.escapeExpression;
-
-  return "<div class=\"row mx-0 border-top chapter-item "
-    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.loading : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "\">\r\n  <div class=\"clickable-seek col-1\">\r\n    <p class=\"m-0 py-2\">"
-    + alias4(alias3(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.index : stack1), depth0))
-    + "</p>\r\n  </div>\r\n  <div class=\"clickable-seek col-6\">\r\n    <p class=\"m-0 py-2\">"
-    + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : container.hooks.helperMissing),(typeof helper === "function" ? helper.call(alias2,{"name":"name","hash":{},"data":data}) : helper)))
-    + "</p>\r\n  </div>\r\n  <div class=\"clickable-seek col-3 text-right\">\r\n    <p class=\"m-0 py-2\">"
-    + alias4(alias3(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.time : stack1), depth0))
-    + "</p>\r\n  </div>\r\n"
-    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showActions : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
-    + "</div>\r\n<div class=\"edit-form-region\"></div>\r\n";
-},"useData":true});
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapter-list/ChapterItemComponent.ts":
-/*!*********************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapter-list/ChapterItemComponent.ts ***!
-  \*********************************************************************************/
-/*! exports provided: ChapterItemComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChapterItemComponent", function() { return ChapterItemComponent; });
-/* 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 _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_legacy_behaviors_tooltip_TooltipBehavior__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/legacy/behaviors/tooltip/TooltipBehavior */ "../../libs/shared/src/legacy/behaviors/tooltip/TooltipBehavior.ts");
-/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
-/* harmony import */ var _chapter_form_ChapterFormComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../chapter-form/ChapterFormComponent */ "./src/apps/library-editor/components/chapter-form/ChapterFormComponent.ts");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../constants */ "./src/apps/library-editor/constants/index.ts");
-/* harmony import */ var _ChapterItem_hbs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ChapterItem.hbs */ "./src/apps/library-editor/components/chapter-list/ChapterItem.hbs");
-/* harmony import */ var _ChapterItem_hbs__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ChapterItem_hbs__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _chapter_item_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./chapter-item.scss */ "./src/apps/library-editor/components/chapter-list/chapter-item.scss");
-/* harmony import */ var _chapter_item_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_chapter_item_scss__WEBPACK_IMPORTED_MODULE_8__);
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-
-
-
-
-
-
-
-
-
-var ChapterItemComponent = /*#__PURE__*/function (_Core$Component) {
-  _inherits(ChapterItemComponent, _Core$Component);
-
-  var _super = _createSuper(ChapterItemComponent);
-
-  function ChapterItemComponent(options) {
-    _classCallCheck(this, ChapterItemComponent);
-
-    return _super.call(this, options);
-  }
-
-  _createClass(ChapterItemComponent, [{
-    key: "initialize",
-    value: function initialize() {
-      this.bindListeners();
-    }
-  }, {
-    key: "regions",
-    value: function regions() {
-      return {
-        editForm: {
-          replaceElement: false,
-          el: '.edit-form-region'
-        }
-      };
-    }
-  }, {
-    key: "events",
-    value: function events() {
-      return {
-        'click @ui.editChapter': 'onEditChapter',
-        'click @ui.deleteChapter': 'onDeleteChapter',
-        'click .clickable-seek': 'onClick'
-      };
-    }
-  }, {
-    key: "bindListeners",
-    value: function bindListeners() {
-      this.listenTo(this.instanceChannelName, _constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].CancelChapterEdit, this.onCancelEdit);
-      this.listenTo(this.instanceChannelName, _constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].UpdateChapter, this.onUpdateChapter);
-      this.listenTo(this.instanceChannelName, _constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].UpdateChapterTime, this.onUpdateChapterTime);
-      this.listenTo(this.model, 'change:showEditor', this.onShowEditorChange);
-      this.listenTo(this.model, 'change:loading', this.onLoadingChange);
-      /**
-       * Bind listener to the first chapter to ensure that it's actions are
-       * updated to reflect the chapter collection's state.
-       */
-
-      var firstChapter = this.model.collection.first();
-
-      if (this.model === firstChapter) {
-        this.listenTo(this.model.collection, 'add remove sort', this.render);
-        return;
-      } // Re-render to ensure we display accurate indexes
-
-
-      this.listenTo(this.model.collection, 'sort', this.render);
-    }
-  }, {
-    key: "onClick",
-    value: function onClick(e) {
-      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName);
-      if (this.model.get('isPhysicalChapter')) channel.trigger(_constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].SeekToChapter, this.model.get('index'));else channel.trigger(_constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].UpdateChapterTime, this.model.get('startTime'));
-    }
-  }, {
-    key: "onLoadingChange",
-    value: function onLoadingChange() {
-      var tooltipState = this.model.get('loading') ? 'disable' : 'enable';
-      this.getUI('editChapter').tooltip(tooltipState);
-      this.getUI('deleteChapter').tooltip(tooltipState);
-      this.model.set('showEditor', false, {
-        silent: true
-      });
-      this.render();
-    }
-  }, {
-    key: "onShowEditorChange",
-    value: function onShowEditorChange() {
-      if (this.model.get('loading')) return;
-      this.model.get('showEditor') ? this.showEditView() : this.hideEditView();
-    }
-  }, {
-    key: "showEditView",
-    value: function showEditView() {
-      this.renderEditForm();
-      this.getUI('chapterItem').addClass(_chapter_item_scss__WEBPACK_IMPORTED_MODULE_8___default.a.darkBackground);
-    }
-  }, {
-    key: "hideEditView",
-    value: function hideEditView() {
-      this.model.set('showEditor', false, {
-        silent: true
-      });
-      this.getUI('chapterItem').removeClass(_chapter_item_scss__WEBPACK_IMPORTED_MODULE_8___default.a.darkBackground);
-      this.detachChildView('editForm');
-    }
-  }, {
-    key: "onCancelEdit",
-    value: function onCancelEdit() {
-      this.hideEditView();
-    }
-  }, {
-    key: "onDeleteChapter",
-    value: function onDeleteChapter() {
-      if (this.model.get('loading')) return;
-      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName);
-      channel.trigger(_constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].DeleteChapter, this.model);
-    } // Proxy the update event and propogate up to the edit chapters parent
-
-  }, {
-    key: "onUpdateChapter",
-    value: function onUpdateChapter(chapter) {
-      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger(_constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].UpdateChapter, chapter);
-      this.render();
-    } // Proxy the update event and propogate up to the edit chapters parent
-
-  }, {
-    key: "onUpdateChapterTime",
-    value: function onUpdateChapterTime(time) {
-      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger(_constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].UpdateChapterTime, time);
-    }
-  }, {
-    key: "onEditChapter",
-    value: function onEditChapter() {
-      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName);
-      channel.trigger(_constants__WEBPACK_IMPORTED_MODULE_6__["LibraryEditorActions"].ToggleEdit, this.model);
-    }
-  }, {
-    key: "canDelete",
-    value: function canDelete(index) {
-      var collectionLength = this.model.collection.length; // If the only chapter in the collection is the first chapter, allow deletion.
-
-      if (index === 1 && collectionLength === 1) return true; // Don't let the first chapter be deleted if there multiple chapters.
-
-      if (index === 1 && collectionLength > 1) return false; // All other chapters in th collection can be deleted.
-
-      return true;
-    }
-  }, {
-    key: "viewOptions",
-    value: function viewOptions() {
-      var index = this.model.collection.indexOf(this.model) + 1;
-      var time = _shared_utils__WEBPACK_IMPORTED_MODULE_4__["TimeHelpers"].trimToMinutes(_shared_utils__WEBPACK_IMPORTED_MODULE_4__["TimeHelpers"].secondsToHoursFormatted(this.model.get('startTime')));
-      return Object.assign(Object.assign({}, this.options), {
-        styles: _chapter_item_scss__WEBPACK_IMPORTED_MODULE_8___default.a,
-        time: time,
-        index: index,
-        loading: this.model.get('loading'),
-        allowDelete: this.canDelete(index),
-        editSvg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Edit),
-        deleteSvg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Delete)
-      });
-    }
-  }, {
-    key: "renderEditForm",
-    value: function renderEditForm() {
-      this.showChildView('editForm', new _chapter_form_ChapterFormComponent__WEBPACK_IMPORTED_MODULE_5__["ChapterFormComponent"]({
-        model: this.model,
-        editing: true,
-        channelName: this.instanceChannelName,
-        duration: this.options.duration
-      }));
-    } // This is super trash - but calling dispose does nothing. 
-
-  }, {
-    key: "onBeforeDetach",
-    value: function onBeforeDetach() {
-      $('.tooltip').remove();
-    }
-  }, {
-    key: "name",
-    get: function get() {
-      return 'ChapterItemComponent';
-    }
-  }, {
-    key: "lang",
-    get: function get() {
-      return 'libraryEditor.chapterItem';
-    }
-  }, {
-    key: "instanceChannelName",
-    get: function get() {
-      return "".concat(this.name).concat(this.cid);
-    }
-  }, {
-    key: "template",
-    get: function get() {
-      return _ChapterItem_hbs__WEBPACK_IMPORTED_MODULE_7___default.a;
-    }
-  }, {
-    key: "className",
-    get: function get() {
-      return "chapter ".concat(_chapter_item_scss__WEBPACK_IMPORTED_MODULE_8___default.a.chapterItem);
-    }
-  }, {
-    key: "behaviors",
-    get: function get() {
-      return [{
-        behaviorClass: _libs_shared_src_legacy_behaviors_tooltip_TooltipBehavior__WEBPACK_IMPORTED_MODULE_3__["TooltipBehavior"],
-        selector: '.action'
-      }];
-    }
-  }, {
-    key: "elements",
-    get: function get() {
-      return {
-        chapterItem: '.chapter-item',
-        editChapter: '.edit-chapter',
-        deleteChapter: '.delete-chapter'
-      };
-    }
-  }]);
-
-  return ChapterItemComponent;
-}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapter-list/chapter-item.scss":
-/*!***************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapter-list/chapter-item.scss ***!
-  \***************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"darkBackground":"cv--darkBackground--2jtQl","loading":"cv--loading--152ia","svgContainer":"cv--svgContainer--xdD5o","chapterItem":"cv--chapterItem--3G38c"};
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapters/Chapters.hbs":
-/*!******************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapters/Chapters.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 alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
-
-  return "<h5>"
-    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"chapters",{"name":"lang","hash":{},"data":data}))
-    + "</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>"
-    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"nameLabel",{"name":"lang","hash":{},"data":data}))
-    + "</label>\r\n  </div>\r\n  <div class=\"col-3 text-right\">\r\n    <label>"
-    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"startLabel",{"name":"lang","hash":{},"data":data}))
-    + "</>\r\n  </div>\r\n</div>\r\n<div class=\"chapter-list-region\"></div>";
-},"useData":true});
-
-/***/ }),
-
-/***/ "./src/apps/library-editor/components/chapters/ChaptersComponent.ts":
-/*!**************************************************************************!*\
-  !*** ./src/apps/library-editor/components/chapters/ChaptersComponent.ts ***!
-  \**************************************************************************/
-/*! exports provided: ChaptersComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChaptersComponent", function() { return ChaptersComponent; });
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _chapter_list_ChapterComponentCollection__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../chapter-list/ChapterComponentCollection */ "./src/apps/library-editor/components/chapter-list/ChapterComponentCollection.ts");
-/* harmony import */ var _Chapters_hbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Chapters.hbs */ "./src/apps/library-editor/components/chapters/Chapters.hbs");
-/* harmony import */ var _Chapters_hbs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Chapters_hbs__WEBPACK_IMPORTED_MODULE_2__);
-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 ChaptersComponent = /*#__PURE__*/function (_Core$Component) {
-  _inherits(ChaptersComponent, _Core$Component);
-
-  var _super = _createSuper(ChaptersComponent);
-
-  function ChaptersComponent(options) {
-    _classCallCheck(this, ChaptersComponent);
-
-    return _super.call(this, options);
-  }
-
-  _createClass(ChaptersComponent, [{
-    key: "regions",
-    value: function regions() {
-      return {
-        chapterList: {
-          replaceElement: true,
-          el: '.chapter-list-region'
-        }
-      };
-    }
-  }, {
-    key: "viewOptions",
-    value: function viewOptions() {
-      return {
-        showHeader: this.options.showHeader
-      };
-    }
-  }, {
-    key: "onRender",
-    value: function onRender() {
-      this.showChildView('chapterList', new _chapter_list_ChapterComponentCollection__WEBPACK_IMPORTED_MODULE_1__["ChapterComponentCollection"]({
-        collection: this.collection,
-        duration: this.options.duration,
-        channelName: this.options.channelName,
-        showActions: this.options.showActions,
-        editable: this.options.editable
-      }));
-    }
-  }, {
-    key: "name",
-    get: function get() {
-      return 'ChaptersComponent';
-    }
-  }, {
-    key: "template",
-    get: function get() {
-      return _Chapters_hbs__WEBPACK_IMPORTED_MODULE_2___default.a;
-    }
-  }, {
-    key: "lang",
-    get: function get() {
-      return 'libraryEditor.chapters';
-    }
-  }, {
-    key: "className",
-    get: function get() {
-      return "chapters ".concat(!this.options.editable && 'py-3 border-top');
-    }
-  }]);
-
-  return ChaptersComponent;
-}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
-
-/***/ })
-
-}]);
-//# sourceMappingURL=34.chunk.js.map