@clickview/library-editor 1.1.26-rc.0 → 1.1.26

package/dist/scripts/29.chunk.js

@@ -0,0 +1,3090 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[29],{
+
+/***/ "./src/shared/components/clear-button/ClearButton.hbs":
+/*!************************************************************!*\
+  !*** ./src/shared/components/clear-button/ClearButton.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 stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda;
+
+  return "<span class=\"svg-container "
+    + container.escapeExpression(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.clearSvg : stack1), depth0))
+    + " clear-button\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svgClear : stack1), depth0)) != null ? stack1 : "")
+    + "</span>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/clear-button/ClearButtonComponent.ts":
+/*!********************************************************************!*\
+  !*** ./src/shared/components/clear-button/ClearButtonComponent.ts ***!
+  \********************************************************************/
+/*! exports provided: ClearButtonComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClearButtonComponent", function() { return ClearButtonComponent; });
+/* 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 _ClearButton_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ClearButton.hbs */ "./src/shared/components/clear-button/ClearButton.hbs");
+/* harmony import */ var _ClearButton_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_ClearButton_hbs__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _clear_button_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./clear-button.scss */ "./src/shared/components/clear-button/clear-button.scss");
+/* harmony import */ var _clear_button_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_clear_button_scss__WEBPACK_IMPORTED_MODULE_4__);
+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 ClearButtonComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(ClearButtonComponent, _Core$Component);
+
+  var _super = _createSuper(ClearButtonComponent);
+
+  function ClearButtonComponent(options) {
+    _classCallCheck(this, ClearButtonComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ClearButtonComponent, [{
+    key: "events",
+    value: function events() {
+      return {
+        click: 'onClick'
+      };
+    }
+  }, {
+    key: "onClick",
+    value: function onClick() {
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger('clear:date');
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      return !!this.options.shouldRender;
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _clear_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a,
+        svgClear: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Close)
+      };
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ClearButtonComponent';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "".concat(_clear_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.clearButton);
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ClearButton_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }]);
+
+  return ClearButtonComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/clear-button/clear-button.scss":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/clear-button/clear-button.scss ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"clearSvg":"cv--clearSvg--2-D4Z"};
+
+/***/ }),
+
+/***/ "./src/shared/components/date-picker/DatePicker.hbs":
+/*!**********************************************************!*\
+  !*** ./src/shared/components/date-picker/DatePicker.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;
+
+  return "  <label for=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.modelAttr : stack1), depth0))
+    + "\">"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.label : stack1), depth0))
+    + "</label>\r\n  "
+    + ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n";
+},"2":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-broadcast-date\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"4":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.disabled : stack1), depth0));
+},"6":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"8":function(container,depth0,helpers,partials,data) {
+    return "cursor-pointer";
+},"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 || {});
+
+  return "<div class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.datePicker : stack1), depth0))
+    + " "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.broadcastDate : stack1), depth0))
+    + "\">\r\n"
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.label : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "  <input\r\n    name=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.modelAttr : stack1), depth0))
+    + "\"\r\n    class=\"form-control datetimepicker-input "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.instanceClass : stack1), depth0))
+    + " "
+    + ((stack1 = helpers.unless.call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\"\r\n    id=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.modelAttr : stack1), depth0))
+    + "\"\r\n    placeholder=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.placeholderText : stack1), depth0))
+    + "\"\r\n    data-toggle=\"datetimepicker\"\r\n    data-target=\"."
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.instanceClass : stack1), depth0))
+    + "\"\r\n    autocomplete=\"off\"\r\n    "
+    + ((stack1 = helpers.unless.call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(6, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n    />\r\n  <span class=\"clear-button-region clear-svg\"></span>\r\n  <span class=\"svg-container "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.calendarSvg : stack1), depth0))
+    + " "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"if","hash":{},"fn":container.program(8, data, 0),"inverse":container.program(4, data, 0),"data":data})) != null ? stack1 : "")
+    + "\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svgCalendar : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n  <div class=\"form-feedback\"></div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/date-picker/DatePickerComponent.ts":
+/*!******************************************************************!*\
+  !*** ./src/shared/components/date-picker/DatePickerComponent.ts ***!
+  \******************************************************************/
+/*! exports provided: DatePickerComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DatePickerComponent", function() { return DatePickerComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _behaviors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _clear_button_ClearButtonComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../clear-button/ClearButtonComponent */ "./src/shared/components/clear-button/ClearButtonComponent.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../apps/library-editor/constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _DatePicker_hbs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DatePicker.hbs */ "./src/shared/components/date-picker/DatePicker.hbs");
+/* harmony import */ var _DatePicker_hbs__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_DatePicker_hbs__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _date_picker_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./date-picker.scss */ "./src/shared/components/date-picker/date-picker.scss");
+/* harmony import */ var _date_picker_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_date_picker_scss__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _edit_video_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../edit-video/base/edit-video-info.scss */ "./src/shared/components/edit-video/base/edit-video-info.scss");
+/* harmony import */ var _edit_video_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_edit_video_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11__);
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 DatePickerComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(DatePickerComponent, _Core$Component);
+
+  var _super = _createSuper(DatePickerComponent);
+
+  function DatePickerComponent(options) {
+    _classCallCheck(this, DatePickerComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(DatePickerComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.model, "change:".concat(this.options.modelAttr), this.renderClearDateButton);
+      this.listenTo(this.channelName, 'clear:date', this.onClearDate);
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        clearButton: {
+          el: '.clear-button-region'
+        }
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return _defineProperty({
+        'keydown @ui.date': 'onKeyDownDate'
+      }, "click .".concat(_date_picker_scss__WEBPACK_IMPORTED_MODULE_10___default.a.calendarSvg), 'onClickCalendarIcon');
+    }
+    /**
+     * We use an instance class name to distinguish between
+     * multiple datepicker inputs that are rendered on the same document.
+     */
+
+  }, {
+    key: "getInstanceClassName",
+    value: function getInstanceClassName() {
+      return "datetimepicker-".concat(this.cid);
+    }
+  }, {
+    key: "initDatePicker",
+    value: function initDatePicker() {
+      this.getUI('date').datetimepicker({
+        format: this.options.displayedTimeFormat,
+        minDate: moment__WEBPACK_IMPORTED_MODULE_1__().year(this.options.minYear),
+        maxDate: moment__WEBPACK_IMPORTED_MODULE_1__(),
+        icons: {
+          previous: _date_picker_scss__WEBPACK_IMPORTED_MODULE_10___default.a.previous,
+          next: _date_picker_scss__WEBPACK_IMPORTED_MODULE_10___default.a.next
+        }
+      });
+    }
+  }, {
+    key: "getFormattedDisplayDate",
+    value: function getFormattedDisplayDate(val) {
+      if (!val) return;
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](this.options.formatDisplayDate)) return this.options.formatDisplayDate(val);
+      return moment__WEBPACK_IMPORTED_MODULE_1__["utc"](val).local().format(this.options.displayedTimeFormat);
+    }
+  }, {
+    key: "getFormattedSavedDate",
+    value: function getFormattedSavedDate(val) {
+      if (!val) return;
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](this.options.formatSavedDate)) return this.options.formatSavedDate(val);
+      return this.options.savedTimeFormat ? moment__WEBPACK_IMPORTED_MODULE_1__["utc"](val).format(this.options.savedTimeFormat) : moment__WEBPACK_IMPORTED_MODULE_1__["utc"](val).format();
+    }
+  }, {
+    key: "onClickCalendarIcon",
+    value: function onClickCalendarIcon() {
+      if (!this.options.editable) return;
+      this.getUI('date').datetimepicker('toggle');
+      return true;
+    }
+  }, {
+    key: "onClearDate",
+    value: function onClearDate() {
+      if (!this.options.allowClearDate) return true;
+      this.model.set(_defineProperty({}, "".concat(this.options.modelAttr), null));
+      return true;
+    }
+  }, {
+    key: "onKeyDownDate",
+    value: function onKeyDownDate(e) {
+      if (this.options.allowTextInput) return;
+      /**
+       * Prevent the user from typing a date
+       */
+
+      e.preventDefault();
+    }
+  }, {
+    key: "renderClearDateButton",
+    value: function renderClearDateButton() {
+      this.showChildView('clearButton', new _clear_button_ClearButtonComponent__WEBPACK_IMPORTED_MODULE_5__["ClearButtonComponent"]({
+        channelName: this.channelName,
+        shouldRender: this.options.allowClearDate && !!this.model.get('dateBroadcast')
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: underscore__WEBPACK_IMPORTED_MODULE_0__["extend"](_edit_video_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11___default.a, _date_picker_scss__WEBPACK_IMPORTED_MODULE_10___default.a),
+        label: this.options.label,
+        modelAttr: this.options.modelAttr,
+        instanceClass: this.getInstanceClassName(),
+        placeholderText: this.options.placeholderText,
+        displayedTimeFormat: this.options.displayedTimeFormat,
+        svgCalendar: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Calendar),
+        svgClear: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Close),
+        editable: this.options.editable
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.initDatePicker();
+      this.renderClearDateButton();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'DatePickerComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _DatePicker_hbs__WEBPACK_IMPORTED_MODULE_9___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.datePicker';
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return "".concat(this.name, ":").concat(this.cid);
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        date: "#".concat(this.options.modelAttr)
+      };
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      return {
+        '.suggest-broadcast-date': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_8__["MetadataType"].BroadcastDate
+          }
+        }
+      };
+    }
+  }, {
+    key: "defaults",
+    get: function get() {
+      return {
+        placeholderText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'placeholder'),
+        allowTextInput: false,
+        allowClearDate: true,
+        minYear: 1900,
+        editable: true
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_4__["BackboneValidationBehavior"]
+      }, {
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_4__["StickitBehavior"]
+      }];
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      var _this = this;
+
+      return _defineProperty({}, "[name=".concat(this.options.modelAttr, "]"), {
+        observe: this.options.modelAttr,
+        setOptions: {
+          validate: true
+        },
+        onGet: function onGet(val) {
+          return _this.getFormattedDisplayDate(val);
+        },
+        onSet: function onSet(val) {
+          return _this.getFormattedSavedDate(val);
+        }
+      });
+    }
+  }]);
+
+  return DatePickerComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/date-picker/date-picker.scss":
+/*!************************************************************!*\
+  !*** ./src/shared/components/date-picker/date-picker.scss ***!
+  \************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"next":"cv--next--1sAku","previous":"cv--previous--3zc5V","datePicker":"cv--datePicker--1j_H7","calendarSvg":"cv--calendarSvg--3ViTN","disabled":"cv--disabled--DzdxT"};
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-additional-info/EditAdditionalInfo.hbs":
+/*!**************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-additional-info/EditAdditionalInfo.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.seriesTitle : stack1), depth0));
+},"3":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-series-title\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"5":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.seasonNumber : stack1), depth0));
+},"7":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-season-number\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"9":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.episodeNumber : stack1), depth0));
+},"11":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-episode-number\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"13":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.disabled : stack1), depth0));
+},"15":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, 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,"heading",{"name":"lang","hash":{},"data":data}))
+    + "</h5>\r\n<div class=\"container-fluid\">\r\n  <div class=\"row\">\r\n    <div class=\"form-group col-6 p-0 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"edit-title\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"series",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"edit-series-region\"></div>\r\n      <div class=\"form-feedback\"></div>\r\n    </div>\r\n\r\n    <div class=\"form-group col-3 pr-0 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"edit-season-number\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"season",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"edit-season-region\"></div>\r\n      <div class=\"form-feedback\"></div>\r\n    </div>\r\n      \r\n    <div class=\"form-group col-3 pr-0 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"edit-episode-number\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"episode",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(11, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <input\r\n        name=\"episodeNumber\"\r\n        type=\"number\"\r\n        class=\"form-control episode-number "
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.lockEpisodeNumber : stack1),{"name":"if","hash":{},"fn":container.program(13, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\"\r\n        id=\"edit-episode-number\"\r\n        placeholder=\""
+    + alias4(container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.episodeNumberPlaceholderText : stack1), depth0))
+    + "\"\r\n        autocomplete=\"off\"\r\n        min=\"1\"\r\n        "
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.lockEpisodeNumber : stack1),{"name":"if","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      >\r\n      <div class=\"form-feedback\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"edit-broadcast-region\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-additional-info/EditAdditionalInfoComponent.ts":
+/*!**********************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-additional-info/EditAdditionalInfoComponent.ts ***!
+  \**********************************************************************************************/
+/*! exports provided: EditAdditionalInfoComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditAdditionalInfoComponent", function() { return EditAdditionalInfoComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/search/utils/TypeaheadHelper */ "../../libs/shared/src/apps/search/utils/TypeaheadHelper.ts");
+/* harmony import */ var _behaviors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _typeahead_input_SearchTypeaheadComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../typeahead-input/SearchTypeaheadComponent */ "./src/shared/components/typeahead-input/SearchTypeaheadComponent.ts");
+/* harmony import */ var _edit_broadcast_ToggleBroadcastComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../edit-broadcast/ToggleBroadcastComponent */ "./src/shared/components/edit-video/edit-broadcast/ToggleBroadcastComponent.ts");
+/* harmony import */ var _edit_season_info_EditSeasonInfoComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../edit-season-info/EditSeasonInfoComponent */ "./src/shared/components/edit-video/edit-season-info/EditSeasonInfoComponent.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _collections_SeasonCollection__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../collections/SeasonCollection */ "./src/shared/collections/SeasonCollection.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../apps/library-editor/constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _EditAdditionalInfo_hbs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./EditAdditionalInfo.hbs */ "./src/shared/components/edit-video/edit-additional-info/EditAdditionalInfo.hbs");
+/* harmony import */ var _EditAdditionalInfo_hbs__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_EditAdditionalInfo_hbs__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../base/edit-video-info.scss */ "./src/shared/components/edit-video/base/edit-video-info.scss");
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _edit_additional_info_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./edit-additional-info.scss */ "./src/shared/components/edit-video/edit-additional-info/edit-additional-info.scss");
+/* harmony import */ var _edit_additional_info_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_edit_additional_info_scss__WEBPACK_IMPORTED_MODULE_15__);
+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 EditAdditionalInfoComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditAdditionalInfoComponent, _Core$Component);
+
+  var _super = _createSuper(EditAdditionalInfoComponent);
+
+  function EditAdditionalInfoComponent(options) {
+    _classCallCheck(this, EditAdditionalInfoComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditAdditionalInfoComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, 'select:season', this.onSelectSeason);
+      this.listenTo(this.options.channelName, 'clear:series', this.onSeriesChange);
+      this.listenTo(this.model, 'change:series', this.onSeriesChange);
+      this.lockSeasonAndEpisode = !this.options.editable || !this.model.get('series.id');
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        submit: function submit(e) {
+          return e.preventDefault();
+        }
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        series: {
+          el: '.edit-series-region',
+          replaceElement: true
+        },
+        season: {
+          el: '.edit-season-region',
+          replaceElement: true
+        },
+        broadcast: {
+          el: '.edit-broadcast-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "onSelectSeason",
+    value: function onSelectSeason(season) {
+      if (season) this.getUI('episodeNumberField').focus();
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName).trigger('add:season', season);
+    }
+  }, {
+    key: "onSeriesChange",
+    value: function onSeriesChange(series) {
+      this.lockSeasonAndEpisode = !series || !series.get('id');
+      this.renderEditSeason(); // Prevent need for complete re-render. This prevents the series typeahead from losing focus.
+
+      var episodeNumber = this.getUI('episodeNumberField');
+
+      if (this.lockSeasonAndEpisode) {
+        episodeNumber.attr('disabled', 'disabled');
+        episodeNumber.attr('class', "form-control ".concat(_edit_additional_info_scss__WEBPACK_IMPORTED_MODULE_15___default.a.disabled));
+      } else {
+        episodeNumber.removeAttr('disabled');
+        episodeNumber.attr('class', "form-control");
+      }
+    }
+  }, {
+    key: "getLibraryIds",
+    value: function getLibraryIds(libraryCollection) {
+      return libraryCollection && libraryCollection.map(function (l) {
+        return l.id;
+      }).join(',');
+    }
+  }, {
+    key: "getTypeaheadConfigs",
+    value: function getTypeaheadConfigs() {
+      var typeaheadConfig = _utils__WEBPACK_IMPORTED_MODULE_11__["RawSearchHelper"].getTypeaheadConfig();
+      var bloodhoundConfig = _utils__WEBPACK_IMPORTED_MODULE_11__["RawSearchHelper"].getBloodhoundConfig();
+      var rawSearchOptions = {
+        hideEmptyResults: true
+      };
+      var newSeriesOptions = {
+        newType: _constants__WEBPACK_IMPORTED_MODULE_8__["SearchQueryType"].Series
+      };
+      var emptySuggestionOptions = {
+        newType: _constants__WEBPACK_IMPORTED_MODULE_8__["SearchQueryType"].Series,
+        footerTemplate: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_3__["TypeaheadHelper"].getConfirmSelectionTemplate()
+      }; // The order here is important. It reflects how suggestions will be rendered in the typeahead.
+
+      return [{
+        name: _constants__WEBPACK_IMPORTED_MODULE_8__["SearchQueryType"].Series,
+        typeaheadConfig: typeaheadConfig,
+        bloodhoundConfig: bloodhoundConfig,
+        options: rawSearchOptions
+      }, {
+        name: 'add-new',
+        typeaheadConfig: typeaheadConfig,
+        bloodhoundConfig: bloodhoundConfig,
+        options: newSeriesOptions
+      }, {
+        name: 'empty-suggestion',
+        typeaheadConfig: typeaheadConfig,
+        bloodhoundConfig: bloodhoundConfig,
+        options: emptySuggestionOptions
+      }];
+    }
+  }, {
+    key: "renderSeriesTypeahead",
+    value: function renderSeriesTypeahead() {
+      var series = this.model.series || new _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Model();
+      this.showChildView('series', new _typeahead_input_SearchTypeaheadComponent__WEBPACK_IMPORTED_MODULE_5__["SearchTypeaheadComponent"]({
+        model: series,
+        editable: this.options.editable,
+        parentChannelName: this.options.channelName,
+        inputId: 'series-search',
+        selectEvent: 'select:series',
+        placeholderText: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_9__["LanguageService"].getPhrase(this.lang, 'searchSeries') : '',
+        typeaheadConfigs: this.getTypeaheadConfigs(),
+        typeaheadOptions: {
+          hint: false
+        },
+        callbacks: {
+          onRender: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_3__["TypeaheadHelper"].selectFirstResult,
+          onInput: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_3__["TypeaheadHelper"].emitEventOnInput(this.options.channelName, _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_12__["LibraryEditorActions"].DetectInput, 'series'),
+          onBlur: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_3__["TypeaheadHelper"].resetAssociationOnBlur(series.toJSON())
+        },
+        removeEvent: 'remove:series'
+      }));
+    }
+  }, {
+    key: "renderEditSeason",
+    value: function renderEditSeason() {
+      var _this = this;
+
+      var seasons = this.model.get('series.seasons') || new _collections_SeasonCollection__WEBPACK_IMPORTED_MODULE_10__["SeasonCollection"]();
+      var collection = new _collections_SeasonCollection__WEBPACK_IMPORTED_MODULE_10__["SeasonCollection"](seasons.map(function (season) {
+        return season.set('displayName', _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_9__["LanguageService"].getPhrase(_this.lang, 'seasonNumber', {
+          number: season.get('number')
+        }));
+      }));
+      this.showChildView('season', new _edit_season_info_EditSeasonInfoComponent__WEBPACK_IMPORTED_MODULE_7__["EditSeasonInfoComponent"]({
+        model: this.model,
+        collection: collection,
+        channelName: this.options.channelName,
+        disabled: !this.options.editable || this.lockSeasonAndEpisode,
+        isSuggestEdit: !this.options.editable
+      }));
+    }
+  }, {
+    key: "renderEditBroadcast",
+    value: function renderEditBroadcast() {
+      this.showChildView('broadcast', new _edit_broadcast_ToggleBroadcastComponent__WEBPACK_IMPORTED_MODULE_6__["ToggleBroadcastComponent"]({
+        model: this.model,
+        channelName: this.options.channelName,
+        hideToggle: true,
+        editable: this.options.editable
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_14___default.a, _edit_additional_info_scss__WEBPACK_IMPORTED_MODULE_15___default.a),
+        editable: this.options.editable,
+        lockEpisodeNumber: this.lockSeasonAndEpisode,
+        episodeNumberPlaceholderText: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_9__["LanguageService"].getPhrase(this.lang, 'epNumberPlaceholder') : ''
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.stickit();
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Validation"].bind(this);
+      this.renderSeriesTypeahead();
+      this.renderEditSeason();
+      this.renderEditBroadcast();
+    }
+  }, {
+    key: "onClose",
+    value: function onClose() {
+      this.unstickit();
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Validation"].unbind(this);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditAdditionalInfoComponent';
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'form';
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.editAdditionalInfo';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditAdditionalInfo_hbs__WEBPACK_IMPORTED_MODULE_13___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'edit-additional-info border-top pt-3';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        episodeNumberField: '.episode-number',
+        seriesTypeahead: '.tt-input'
+      };
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      return {
+        '.suggest-series-title': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_8__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_12__["MetadataType"].SeriesTitle
+          }
+        },
+        '.suggest-season-number': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_8__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_12__["MetadataType"].Season
+          }
+        },
+        '.suggest-episode-number': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_8__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_12__["MetadataType"].EpisodeNumber
+          }
+        }
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_4__["StickitBehavior"]
+      }, {
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_4__["BackboneValidationBehavior"]
+      }];
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=episodeNumber]': {
+          observe: 'episodeNumber',
+          setOptions: {
+            validate: true
+          },
+          onSet: function onSet(val) {
+            return val ? +val : null;
+          }
+        }
+      };
+    }
+  }]);
+
+  return EditAdditionalInfoComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-additional-info/edit-additional-info.scss":
+/*!*****************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-additional-info/edit-additional-info.scss ***!
+  \*****************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"disabled":"cv--disabled--tOHRz"};
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-basic-info/EditBasicInfo.hbs":
+/*!****************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-basic-info/EditBasicInfo.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) {
+    return "d-inline-block";
+},"3":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.lambda, alias4=container.escapeExpression;
+
+  return "  "
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showingSaveButton : stack1),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  <a class=\""
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showingSaveButton : stack1),{"name":"unless","hash":{},"fn":container.program(6, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "cursor-pointer applink-publisher-video\">\r\n    <span class=\"d-inline-block align-middle "
+    + alias4(alias3(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.icon : stack1), depth0))
+    + "\">"
+    + ((stack1 = alias3(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.publisherArchiveSvg : stack1), depth0)) != null ? stack1 : "")
+    + "</span> "
+    + alias4((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias2,"viewInPublisherArchive",{"name":"lang","hash":{},"data":data}))
+    + "\r\n  </a>\r\n";
+},"4":function(container,depth0,helpers,partials,data) {
+    return "-";
+},"6":function(container,depth0,helpers,partials,data) {
+    return "float-right ";
+},"8":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.programTitle : stack1), depth0));
+},"10":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return "<span class=\""
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.requiredStar : stack1), depth0))
+    + "\">*</span>";
+},"12":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-title\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"14":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.disabled : stack1), depth0));
+},"16":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"18":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.description : stack1), depth0));
+},"20":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-description\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
+
+  return "<div class=\"position-relative "
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showingSaveButton : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n  <h5 class=\"d-inline-block\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"heading",{"name":"lang","hash":{},"data":data}))
+    + "</h5>\r\n\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showPublisherVideoDetails : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "</div>\r\n<div class=\"form-group "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(8, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n  <label for=\"edit-title\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"title",{"name":"lang","hash":{},"data":data}))
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.requiredFields : stack1)) != null ? stack1.programTitle : stack1),{"name":"if","hash":{},"fn":container.program(10, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "</label>\r\n  "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(12, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  <input\r\n    name=\"name\"\r\n    type=\"text\"\r\n    class=\"form-control "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(14, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\"\r\n    placeholder=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"titlePlaceholder",{"name":"lang","hash":{},"data":data}))
+    + "\"\r\n    id=\"edit-title\"\r\n    autocomplete=\"off\"\r\n    "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(16, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  >\r\n  <div class=\"form-feedback\"></div>\r\n</div>\r\n<div class=\"form-group "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(18, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n  <label for=\"edit-description\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"description",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n  "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(20, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  <div class=\"description-region\"></div>\r\n  <div class=\"form-feedback\"></div>\r\n</div>\r\n<div class=\"ratings-region\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-basic-info/EditBasicInfoComponent.ts":
+/*!************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-basic-info/EditBasicInfoComponent.ts ***!
+  \************************************************************************************/
+/*! exports provided: EditBasicInfoComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditBasicInfoComponent", function() { return EditBasicInfoComponent; });
+/* 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 _select_rating_SelectRatingComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../select-rating/SelectRatingComponent */ "./src/shared/components/edit-video/select-rating/SelectRatingComponent.ts");
+/* harmony import */ var _resizing_text_area_ResizingTextAreaComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../resizing-text-area/ResizingTextAreaComponent */ "./src/shared/components/resizing-text-area/ResizingTextAreaComponent.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../apps/library-editor/constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _EditBasicInfo_hbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./EditBasicInfo.hbs */ "./src/shared/components/edit-video/edit-basic-info/EditBasicInfo.hbs");
+/* harmony import */ var _EditBasicInfo_hbs__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_EditBasicInfo_hbs__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../base/edit-video-info.scss */ "./src/shared/components/edit-video/base/edit-video-info.scss");
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_9__);
+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 EditBasicInfoComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditBasicInfoComponent, _Core$Component);
+
+  var _super = _createSuper(EditBasicInfoComponent);
+
+  function EditBasicInfoComponent(options) {
+    _classCallCheck(this, EditBasicInfoComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditBasicInfoComponent, [{
+    key: "events",
+    value: function events() {
+      return {
+        submit: function submit(e) {
+          return e.preventDefault();
+        }
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        description: {
+          el: '.description-region',
+          replaceElement: true
+        },
+        ratings: {
+          el: '.ratings-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "renderDescription",
+    value: function renderDescription() {
+      this.showChildView('description', new _resizing_text_area_ResizingTextAreaComponent__WEBPACK_IMPORTED_MODULE_4__["ResizingTextAreaComponent"]({
+        name: 'description',
+        class: "form-control ".concat(!this.options.editable && _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_9___default.a.disabled),
+        placeholder: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__["LanguageService"].getPhrase(this.lang, 'descriptionPlaceholder') : '',
+        id: 'edit-description',
+        disabled: !this.options.editable
+      }));
+    }
+  }, {
+    key: "renderRatings",
+    value: function renderRatings() {
+      this.showChildView('ratings', new _select_rating_SelectRatingComponent__WEBPACK_IMPORTED_MODULE_3__["SelectRatingComponent"]({
+        model: this.model.rating,
+        collection: this.options.ratings,
+        parentChannelName: this.options.channelName,
+        editable: this.options.editable,
+        videoId: this.model.get('id')
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_9___default.a,
+        requiredFields: this.options.requiredFields,
+        videoTitlePlaceholder: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__["LanguageService"].getPhrase(this.lang, 'titlePlaceholder') : '',
+        editable: this.options.editable,
+        publisherArchiveSvg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].PublisherArchive),
+        showPublisherVideoDetails: this.options.showPublisherVideoDetails,
+        showingSaveButton: this.options.showingSaveButton
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderDescription();
+      this.renderRatings();
+      this.stickit();
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Validation"].bind(this);
+    }
+  }, {
+    key: "onDestroy",
+    value: function onDestroy() {
+      this.unstickit();
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Validation"].unbind(this);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditBasicInfoComponent';
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'form';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditBasicInfo_hbs__WEBPACK_IMPORTED_MODULE_8___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.editBasicInfo';
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return this.options.channelName;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'edit-basic-info';
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      return {
+        '.suggest-title': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_7__["MetadataType"].VideoTitle
+          }
+        },
+        '.suggest-description': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_7__["MetadataType"].Description
+          }
+        },
+        '.applink-publisher-video': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].LibraryEditor.SHOW_PUBLISHER_VIDEO,
+          args: [this.model.get('id')]
+        }
+      };
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=name]': {
+          observe: 'name',
+          setOptions: {
+            validate: true
+          }
+        },
+        '[name=description]': {
+          observe: 'description',
+          setOptions: {
+            validate: true
+          }
+        }
+      };
+    }
+  }]);
+
+  return EditBasicInfoComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-broadcast/EditBroadcast.hbs":
+/*!***************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-broadcast/EditBroadcast.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.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-channel\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<div class=\"container-fluid\">\r\n  <div class=\"row\">\r\n    <div class=\"form-group col-6 px-0\">\r\n      <div class=\"date-broadcast-region\"></div>\r\n    </div>\r\n    <div class=\"form-group col-6 pr-0 "
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.channel : stack1), depth0))
+    + "\">\r\n      <label for=\"channel-search\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias3,"channel",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias3,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"channel-search-region\"></div>\r\n    </div>\r\n  </div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-broadcast/EditBroadcastComponent.ts":
+/*!***********************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-broadcast/EditBroadcastComponent.ts ***!
+  \***********************************************************************************/
+/*! exports provided: EditBroadcastComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditBroadcastComponent", function() { return EditBroadcastComponent; });
+/* 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 _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/search/utils/TypeaheadHelper */ "../../libs/shared/src/apps/search/utils/TypeaheadHelper.ts");
+/* harmony import */ var _models_Channel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../models/Channel */ "./src/shared/models/Channel.ts");
+/* harmony import */ var _typeahead_input_SearchTypeaheadComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../typeahead-input/SearchTypeaheadComponent */ "./src/shared/components/typeahead-input/SearchTypeaheadComponent.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _date_picker_DatePickerComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../date-picker/DatePickerComponent */ "./src/shared/components/date-picker/DatePickerComponent.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _utils_search_RawSearchHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils/search/RawSearchHelper */ "./src/shared/utils/search/RawSearchHelper.ts");
+/* harmony import */ var _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../apps/library-editor/constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _EditBroadcast_hbs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./EditBroadcast.hbs */ "./src/shared/components/edit-video/edit-broadcast/EditBroadcast.hbs");
+/* harmony import */ var _EditBroadcast_hbs__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_EditBroadcast_hbs__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../base/edit-video-info.scss */ "./src/shared/components/edit-video/base/edit-video-info.scss");
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11__);
+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 EditBroadcastComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditBroadcastComponent, _Core$Component);
+
+  var _super = _createSuper(EditBroadcastComponent);
+
+  function EditBroadcastComponent(options) {
+    _classCallCheck(this, EditBroadcastComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditBroadcastComponent, [{
+    key: "regions",
+    value: function regions() {
+      return {
+        dateBroadcast: {
+          el: '.date-broadcast-region',
+          replaceElement: true
+        },
+        channelSearch: {
+          el: '.channel-search-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "buildTypeaheadConfig",
+    value: function buildTypeaheadConfig() {
+      return {
+        name: _constants__WEBPACK_IMPORTED_MODULE_4__["SearchQueryType"].ChannelRaw,
+        typeaheadConfig: _utils_search_RawSearchHelper__WEBPACK_IMPORTED_MODULE_8__["RawSearchHelper"].getTypeaheadConfig(),
+        bloodhoundConfig: _utils_search_RawSearchHelper__WEBPACK_IMPORTED_MODULE_8__["RawSearchHelper"].getBloodhoundConfig()
+      };
+    }
+  }, {
+    key: "renderBroadcastDate",
+    value: function renderBroadcastDate() {
+      this.showChildView('dateBroadcast', new _date_picker_DatePickerComponent__WEBPACK_IMPORTED_MODULE_5__["DatePickerComponent"]({
+        model: this.model,
+        label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'broadcastDate'),
+        modelAttr: 'dateBroadcast',
+        displayedTimeFormat: _enums__WEBPACK_IMPORTED_MODULE_6__["TimeType"].FULL_YEAR,
+        placeholderText: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'selectBroadcastDate') : '',
+        allowClearDate: this.options.editable,
+        editable: this.options.editable
+      }));
+    }
+  }, {
+    key: "renderChannelTypeahead",
+    value: function renderChannelTypeahead() {
+      if (!this.model.get('channel')) this.model.set('channel', new _models_Channel__WEBPACK_IMPORTED_MODULE_2__["Channel"]());
+      this.showChildView('channelSearch', new _typeahead_input_SearchTypeaheadComponent__WEBPACK_IMPORTED_MODULE_3__["SearchTypeaheadComponent"]({
+        model: this.model.get('channel'),
+        parentChannelName: this.options.channelName,
+        inputId: 'channel-search',
+        selectEvent: 'select:channel',
+        placeholderText: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'searchChannels') : '',
+        typeaheadConfigs: this.buildTypeaheadConfig(),
+        callbacks: {
+          onInput: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_1__["TypeaheadHelper"].emitEventOnInput(this.options.channelName, _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_9__["LibraryEditorActions"].DetectInput, 'channel'),
+          onBlur: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_1__["TypeaheadHelper"].resetAssociationOnBlur(this.model.get('channel').toJSON())
+        },
+        editable: this.options.editable,
+        removeEvent: 'remove:channel'
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_11___default.a,
+        editable: this.options.editable
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderBroadcastDate();
+      this.renderChannelTypeahead();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditBroadcastComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditBroadcast_hbs__WEBPACK_IMPORTED_MODULE_10___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.editBroadcast';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'edit-broadcast';
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      return {
+        '.suggest-channel': {
+          application: _constants__WEBPACK_IMPORTED_MODULE_4__["AppChannels"].LIBRARY_EDITOR,
+          action: _constants__WEBPACK_IMPORTED_MODULE_4__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+          args: [this.model.get('id')],
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_9__["MetadataType"].Channel
+          }
+        }
+      };
+    }
+  }]);
+
+  return EditBroadcastComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-broadcast/ToggleBroadcast.hbs":
+/*!*****************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-broadcast/ToggleBroadcast.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=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<div class=\"form-group\"> \r\n  <div class=\"custom-control custom-checkbox\">\r\n    <input\r\n      name=\"toggleBroadcast\"\r\n      type=\"checkbox\"\r\n      class=\"custom-control-input "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\"\r\n      id=\"toggle-broadcast\"\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n    >\r\n    <label class=\"custom-control-label\" for=\"toggle-broadcast\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias2,"tv",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n  </div>\r\n</div>\r\n";
+},"2":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.disabled : stack1), depth0));
+},"4":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hideToggle : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "<div class=\"broadcast-region\"></div>\r\n";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-broadcast/ToggleBroadcastComponent.ts":
+/*!*************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-broadcast/ToggleBroadcastComponent.ts ***!
+  \*************************************************************************************/
+/*! exports provided: ToggleBroadcastComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToggleBroadcastComponent", function() { return ToggleBroadcastComponent; });
+/* 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 _behaviors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _EditBroadcastComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EditBroadcastComponent */ "./src/shared/components/edit-video/edit-broadcast/EditBroadcastComponent.ts");
+/* harmony import */ var _ToggleBroadcast_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ToggleBroadcast.hbs */ "./src/shared/components/edit-video/edit-broadcast/ToggleBroadcast.hbs");
+/* harmony import */ var _ToggleBroadcast_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_ToggleBroadcast_hbs__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _toggle_broadcast_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./toggle-broadcast.scss */ "./src/shared/components/edit-video/edit-broadcast/toggle-broadcast.scss");
+/* harmony import */ var _toggle_broadcast_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toggle_broadcast_scss__WEBPACK_IMPORTED_MODULE_4__);
+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 ToggleBroadcastComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(ToggleBroadcastComponent, _Core$Component);
+
+  var _super = _createSuper(ToggleBroadcastComponent);
+
+  function ToggleBroadcastComponent(options) {
+    _classCallCheck(this, ToggleBroadcastComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ToggleBroadcastComponent, [{
+    key: "regions",
+    value: function regions() {
+      return {
+        broadcast: {
+          el: '.broadcast-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.model, 'change:hasBroadcast', this.render);
+      this.initBroadcast();
+    }
+  }, {
+    key: "initBroadcast",
+    value: function initBroadcast() {
+      // Set broadcast state if we are have a broadcast date or channel 
+      var channel = this.model.get('channel');
+      var hasBroadcast = this.model.get('dateBroadcast') || channel && channel.get('id'); // Must be a bool to set checkbox
+
+      this.model.set('hasBroadcast', !!hasBroadcast, {
+        silent: true
+      });
+    }
+  }, {
+    key: "renderEditBroadcast",
+    value: function renderEditBroadcast() {
+      if (!this.model.get('hasBroadcast') && !this.options.hideToggle) {
+        this.getRegion('broadcast').empty();
+        return;
+      }
+
+      this.showChildView('broadcast', new _EditBroadcastComponent__WEBPACK_IMPORTED_MODULE_2__["EditBroadcastComponent"]({
+        model: this.model,
+        channelName: this.options.channelName,
+        editable: this.options.editable
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return Object.assign({
+        styles: _toggle_broadcast_scss__WEBPACK_IMPORTED_MODULE_4___default.a
+      }, this.options);
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderEditBroadcast();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ToggleBroadcastComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ToggleBroadcast_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.toggleBroadcast';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'toggle-broadcast';
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      if (this.options.hideToggle) return [];
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_1__["BackboneValidationBehavior"]
+      }, {
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_1__["StickitBehavior"]
+      }];
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=toggleBroadcast]': {
+          observe: 'hasBroadcast'
+        }
+      };
+    }
+  }]);
+
+  return ToggleBroadcastComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-broadcast/toggle-broadcast.scss":
+/*!*******************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-broadcast/toggle-broadcast.scss ***!
+  \*******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"disabled":"cv--disabled--3TIct"};
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-production-info/EditProductionInfo.hbs":
+/*!**************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-production-info/EditProductionInfo.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.productionYear : stack1), depth0));
+},"3":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-production-year\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"5":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.disabled : stack1), depth0));
+},"7":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"9":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.productionCompanies : stack1), depth0));
+},"11":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-production-companies\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"13":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable;
+
+  return "      <p class=\"info-link pb-0 new-production-company\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"newProductionCompany",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n";
+},"15":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.distributors : stack1), depth0));
+},"17":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-distributors\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"19":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable;
+
+  return "      <p class=\"info-link pb-0 new-distributor\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"newDistributor",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n";
+},"21":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.producers : stack1), depth0));
+},"23":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-producers\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"25":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable;
+
+  return "      <p class=\"info-link pb-0 new-producer\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"newProducer",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n";
+},"27":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.directors : stack1), depth0));
+},"29":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "<span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.suggestEdit : stack1), depth0))
+    + "\">- <a class=\"suggest-directors\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"suggestEdit",{"name":"lang","hash":{},"data":data}))
+    + "</a></span>";
+},"31":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable;
+
+  return "      <p class=\"info-link pb-0 new-director\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"newDirector",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression, alias5=container.lambda;
+
+  return "<h5>"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"heading",{"name":"lang","hash":{},"data":data}))
+    + "</h5>\r\n\r\n<div class=\"container-fluid p-0\">\r\n  <div class=\"row\">\r\n    <div class=\"form-group col-4 pr-0 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"edit-production-year\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"productionYear",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <input\r\n        name=\"productionYear\"\r\n        type=\"number\"\r\n        class=\"form-control "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\"\r\n        id=\"edit-production-year\"\r\n        placeholder=\""
+    + alias4(alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.productionYearPlaceholderText : stack1), depth0))
+    + "\"\r\n        autocomplete=\"off\"\r\n        "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      >\r\n      <div class=\"form-feedback\"></div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"row\">\r\n    <div class=\"form-group col-6 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(9, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"production-company-search\">\r\n        "
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"productionCompanies",{"name":"lang","hash":{},"data":data}))
+    + "\r\n        <span class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.infoSvgContainer : stack1), depth0))
+    + " info-tooltip\" \r\n        title=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"productionCompanyInfo",{"name":"lang","hash":{},"data":data}))
+    + "\"\r\n        >"
+    + ((stack1 = alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.infoSvg : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n      </label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(11, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"production-company-region\"></div>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.allowAdditionalProductionCompany : stack1),{"name":"if","hash":{},"fn":container.program(13, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    </div>\r\n\r\n    <div class=\"form-group col-6 pr-0 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"distributor-search\">\r\n        "
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"distributors",{"name":"lang","hash":{},"data":data}))
+    + "\r\n        <span class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.infoSvgContainer : stack1), depth0))
+    + " info-tooltip\"\r\n        title=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"distributorInfo",{"name":"lang","hash":{},"data":data}))
+    + "\"\r\n        >"
+    + ((stack1 = alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.infoSvg : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n      </label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(17, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"distributor-region\"></div>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.allowAdditionalDistributor : stack1),{"name":"if","hash":{},"fn":container.program(19, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    </div>\r\n  </div>\r\n\r\n  <div class=\"row\">\r\n    <div class=\"form-group col-6 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(21, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"producer-search\">\r\n        "
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"producers",{"name":"lang","hash":{},"data":data}))
+    + "\r\n        <span class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.infoSvgContainer : stack1), depth0))
+    + " info-tooltip\"\r\n        title=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"producerInfo",{"name":"lang","hash":{},"data":data}))
+    + "\"\r\n        >"
+    + ((stack1 = alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.infoSvg : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n      </label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(23, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"producers-region\"></div>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.allowAdditionalProducer : stack1),{"name":"if","hash":{},"fn":container.program(25, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    </div>\r\n\r\n    <div class=\"form-group col-6 pr-0 "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(27, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\">\r\n      <label for=\"director-search\">\r\n        "
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"directors",{"name":"lang","hash":{},"data":data}))
+    + "\r\n        <span class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.infoSvgContainer : stack1), depth0))
+    + " info-tooltip\"\r\n        title=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"directorInfo",{"name":"lang","hash":{},"data":data}))
+    + "\"\r\n        >"
+    + ((stack1 = alias5(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.infoSvg : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n      </label>\r\n      "
+    + ((stack1 = helpers.unless.call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(29, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n      <div class=\"directors-region\"></div>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.allowAdditionalDirector : stack1),{"name":"if","hash":{},"fn":container.program(31, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    </div>\r\n  </div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-production-info/EditProductionInfoComponent.ts":
+/*!**********************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-production-info/EditProductionInfoComponent.ts ***!
+  \**********************************************************************************************/
+/*! exports provided: EditProductionInfoComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditProductionInfoComponent", function() { return EditProductionInfoComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/search/utils/TypeaheadHelper */ "../../libs/shared/src/apps/search/utils/TypeaheadHelper.ts");
+/* harmony import */ var _behaviors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _typeahead_list_TypeaheadListComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../typeahead-list/TypeaheadListComponent */ "./src/shared/components/typeahead-list/TypeaheadListComponent.ts");
+/* harmony import */ var _utils_search_RawSearchHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../utils/search/RawSearchHelper */ "./src/shared/utils/search/RawSearchHelper.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _collections_DistributorCollection__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../collections/DistributorCollection */ "./src/shared/collections/DistributorCollection.ts");
+/* harmony import */ var _collections_ProducerCollection__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../collections/ProducerCollection */ "./src/shared/collections/ProducerCollection.ts");
+/* harmony import */ var _collections_ProductionCompanyCollection__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../collections/ProductionCompanyCollection */ "./src/shared/collections/ProductionCompanyCollection.ts");
+/* harmony import */ var _collections_DirectorCollection__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../collections/DirectorCollection */ "./src/shared/collections/DirectorCollection.ts");
+/* harmony import */ var _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../apps/library-editor/constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _EditProductionInfo_hbs__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./EditProductionInfo.hbs */ "./src/shared/components/edit-video/edit-production-info/EditProductionInfo.hbs");
+/* harmony import */ var _EditProductionInfo_hbs__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_EditProductionInfo_hbs__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../base/edit-video-info.scss */ "./src/shared/components/edit-video/base/edit-video-info.scss");
+/* harmony import */ var _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_17__);
+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 MAX_PERSON_OBJECTS = 5;
+var EditProductionInfoComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(EditProductionInfoComponent, _Core$Component);
+
+  var _super = _createSuper(EditProductionInfoComponent);
+
+  function EditProductionInfoComponent(options) {
+    _classCallCheck(this, EditProductionInfoComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditProductionInfoComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      var channelName = this.options.channelName;
+      this.listenTo(channelName, 'select:distributor', this.onSelectDistributor);
+      this.listenTo(channelName, 'select:production:company', this.onSelectProductionCompany);
+      this.listenTo(channelName, 'select:director', this.onSelectDirector);
+      this.listenTo(channelName, 'select:producer', this.onSelectProducer);
+      this.listenTo(channelName, 'remove:distributor', this.onRemoveDistributor);
+      this.listenTo(channelName, 'remove:production:company', this.onRemoveProductionCompany);
+      this.listenTo(channelName, 'remove:director', this.onRemoveDirector);
+      this.listenTo(channelName, 'remove:producer', this.onRemoveProducer);
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'submit': function submit(e) {
+          return e.preventDefault();
+        },
+        'click .new-producer': 'onClickAddNewProducer',
+        'click .new-director': 'onClickAddNewDirector',
+        'click .new-distributor': 'onClickAddNewDistributor',
+        'click .new-production-company': 'onClickAddNewProductionCompany'
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        distributors: {
+          el: '.distributor-region',
+          replaceElement: true
+        },
+        productionCompanies: {
+          el: '.production-company-region',
+          replaceElement: true
+        },
+        directors: {
+          el: '.directors-region',
+          replaceElement: true
+        },
+        producers: {
+          el: '.producers-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "onClickAddNewProducer",
+
+    /**
+     * Click event handlers to expand a citation list
+     */
+    value: function onClickAddNewProducer() {
+      this.expandPersonList(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Producer);
+    }
+  }, {
+    key: "onClickAddNewDirector",
+    value: function onClickAddNewDirector() {
+      this.expandPersonList(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Director);
+    }
+  }, {
+    key: "onClickAddNewDistributor",
+    value: function onClickAddNewDistributor() {
+      this.expandPersonList(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Distributor);
+    }
+  }, {
+    key: "onClickAddNewProductionCompany",
+    value: function onClickAddNewProductionCompany() {
+      this.expandPersonList(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].ProductionCompany);
+    }
+  }, {
+    key: "expandPersonList",
+    value: function expandPersonList(property) {
+      var collection = this.model.get(property);
+      if (collection.length !== MAX_PERSON_OBJECTS) collection.add({});
+      this.render();
+    }
+    /**
+     * Selection event handlers for each citation
+     */
+
+  }, {
+    key: "onSelectDistributor",
+    value: function onSelectDistributor(model) {
+      this.onSelect(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Distributor);
+    }
+  }, {
+    key: "onSelectProductionCompany",
+    value: function onSelectProductionCompany(model) {
+      this.onSelect(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].ProductionCompany);
+    }
+  }, {
+    key: "onSelectDirector",
+    value: function onSelectDirector(model) {
+      this.onSelect(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Director);
+    }
+  }, {
+    key: "onSelectProducer",
+    value: function onSelectProducer(model) {
+      this.onSelect(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Producer);
+    }
+  }, {
+    key: "onSelect",
+    value: function onSelect(model, modelType) {
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName).trigger("add:".concat(modelType), model);
+      this.render();
+    }
+    /**
+     * Removal event handlers for each citation
+     */
+
+  }, {
+    key: "onRemoveDistributor",
+    value: function onRemoveDistributor(model) {
+      this.onRemove(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Distributor);
+    }
+  }, {
+    key: "onRemoveProductionCompany",
+    value: function onRemoveProductionCompany(model) {
+      this.onRemove(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].ProductionCompany);
+    }
+  }, {
+    key: "onRemoveDirector",
+    value: function onRemoveDirector(model) {
+      this.onRemove(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Director);
+    }
+  }, {
+    key: "onRemoveProducer",
+    value: function onRemoveProducer(model) {
+      this.onRemove(model, _enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Producer);
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove(model, modelType) {
+      this.model.get(modelType).remove(model);
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName).trigger("remove:".concat(modelType), model);
+      this.render();
+    }
+  }, {
+    key: "buildTypeaheadConfig",
+    value: function buildTypeaheadConfig(queryType) {
+      var typeaheadConfig = _utils_search_RawSearchHelper__WEBPACK_IMPORTED_MODULE_9__["RawSearchHelper"].getTypeaheadConfig();
+      var bloodhoundConfig = _utils_search_RawSearchHelper__WEBPACK_IMPORTED_MODULE_9__["RawSearchHelper"].getBloodhoundConfig();
+      var rawObjectOptions = {
+        hideEmptyResults: true
+      };
+      var newObjectOptions = {
+        newType: queryType
+      };
+      var emptySuggestionOptions = {
+        newType: queryType,
+        footerTemplate: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_4__["TypeaheadHelper"].getConfirmSelectionTemplate()
+      };
+      return [{
+        name: queryType,
+        typeaheadConfig: typeaheadConfig,
+        bloodhoundConfig: bloodhoundConfig,
+        options: rawObjectOptions
+      }, {
+        name: 'add-new',
+        typeaheadConfig: typeaheadConfig,
+        bloodhoundConfig: bloodhoundConfig,
+        options: newObjectOptions
+      }, {
+        name: 'empty-suggestion',
+        typeaheadConfig: typeaheadConfig,
+        bloodhoundConfig: bloodhoundConfig,
+        options: emptySuggestionOptions
+      }];
+    }
+  }, {
+    key: "allowAdditional",
+    value: function allowAdditional(objectType) {
+      if (!this.options.editable) return false;
+      return this.model.get(objectType) && this.model.get(objectType).length !== MAX_PERSON_OBJECTS;
+    }
+    /**
+     * Render methods
+     */
+
+  }, {
+    key: "renderDistributors",
+    value: function renderDistributors() {
+      this.showChildView('distributors', new _typeahead_list_TypeaheadListComponent__WEBPACK_IMPORTED_MODULE_8__["TypeaheadListComponentCollection"]({
+        collection: this.model.get('distributors'),
+        channelName: this.options.channelName,
+        typeaheadConfig: this.buildTypeaheadConfig(_constants__WEBPACK_IMPORTED_MODULE_6__["SearchQueryType"].Distributors),
+        removeEvent: 'remove:distributor',
+        selectEvent: 'select:distributor',
+        inputId: 'distributor-search',
+        editable: this.options.editable,
+        placeholderText: 'Search content distributors',
+        modelType: 'distributors'
+      }));
+    }
+  }, {
+    key: "renderProductionCompanies",
+    value: function renderProductionCompanies() {
+      this.showChildView('productionCompanies', new _typeahead_list_TypeaheadListComponent__WEBPACK_IMPORTED_MODULE_8__["TypeaheadListComponentCollection"]({
+        collection: this.model.get('productionCompanies'),
+        channelName: this.options.channelName,
+        typeaheadConfig: this.buildTypeaheadConfig(_constants__WEBPACK_IMPORTED_MODULE_6__["SearchQueryType"].ProductionCompanies),
+        removeEvent: 'remove:production:company',
+        selectEvent: 'select:production:company',
+        inputId: 'production-company-search',
+        editable: this.options.editable,
+        placeholderText: 'Search content production companies',
+        modelType: 'productionCompanies'
+      }));
+    }
+  }, {
+    key: "renderDirectors",
+    value: function renderDirectors() {
+      this.showChildView('directors', new _typeahead_list_TypeaheadListComponent__WEBPACK_IMPORTED_MODULE_8__["TypeaheadListComponentCollection"]({
+        collection: this.model.get('directors'),
+        channelName: this.options.channelName,
+        typeaheadConfig: this.buildTypeaheadConfig(_constants__WEBPACK_IMPORTED_MODULE_6__["SearchQueryType"].Directors),
+        removeEvent: 'remove:director',
+        selectEvent: 'select:director',
+        inputId: 'director-search',
+        editable: this.options.editable,
+        placeholderText: 'Search content directors',
+        modelType: 'directors'
+      }));
+    }
+  }, {
+    key: "renderProducers",
+    value: function renderProducers() {
+      this.showChildView('producers', new _typeahead_list_TypeaheadListComponent__WEBPACK_IMPORTED_MODULE_8__["TypeaheadListComponentCollection"]({
+        collection: this.model.get('producers'),
+        channelName: this.options.channelName,
+        typeaheadConfig: this.buildTypeaheadConfig(_constants__WEBPACK_IMPORTED_MODULE_6__["SearchQueryType"].Producers),
+        removeEvent: 'remove:producer',
+        selectEvent: 'select:producer',
+        inputId: 'producer-search',
+        editable: this.options.editable,
+        placeholderText: 'Search content producers',
+        modelType: 'producers'
+      }));
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      // These four lines are the for the upload form
+      if (!this.model.get('distributors')) this.model.set('distributors', new _collections_DistributorCollection__WEBPACK_IMPORTED_MODULE_11__["DistributorCollection"]([{}]));
+      if (!this.model.get('productionCompanies')) this.model.set('productionCompanies', new _collections_ProductionCompanyCollection__WEBPACK_IMPORTED_MODULE_13__["ProductionCompanyCollection"]([{}]));
+      if (!this.model.get('directors')) this.model.set('directors', new _collections_DirectorCollection__WEBPACK_IMPORTED_MODULE_14__["DirectorCollection"]([{}]));
+      if (!this.model.get('producers')) this.model.set('producers', new _collections_ProducerCollection__WEBPACK_IMPORTED_MODULE_12__["ProducerCollection"]([{}])); // These four lines are for the editing form
+
+      if (!this.model.get('distributors').length) this.model.get('distributors').add({});
+      if (!this.model.get('productionCompanies').length) this.model.get('productionCompanies').add({});
+      if (!this.model.get('directors').length) this.model.get('directors').add({});
+      if (!this.model.get('producers').length) this.model.get('producers').add({});
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _base_edit_video_info_scss__WEBPACK_IMPORTED_MODULE_17___default.a,
+        editable: this.options.editable,
+        productionYearPlaceholderText: this.options.editable ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'productionYearPlaceholder') : '',
+        allowAdditionalDirector: this.allowAdditional(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Director),
+        allowAdditionalProducer: this.allowAdditional(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Producer),
+        allowAdditionalDistributor: this.allowAdditional(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].Distributor),
+        allowAdditionalProductionCompany: this.allowAdditional(_enums__WEBPACK_IMPORTED_MODULE_10__["CitationType"].ProductionCompany),
+        infoSvg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Info)
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderDistributors();
+      this.renderProductionCompanies();
+      this.renderDirectors();
+      this.renderProducers();
+      this.getUI('tooltips').tooltip();
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      this.getUI('tooltips').tooltip('dispose');
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditProductionInfoComponent';
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'form';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditProductionInfo_hbs__WEBPACK_IMPORTED_MODULE_16___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.editProductionInfo';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'edit-production-info border-top pt-3';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        tooltips: '.info-tooltip'
+      };
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=productionYear]': {
+          observe: 'productionYear',
+          setOptions: {
+            validate: true
+          },
+          onSet: function onSet(val) {
+            return val;
+          }
+        }
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_5__["BackboneValidationBehavior"]
+      }, {
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_5__["StickitBehavior"]
+      }];
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      var baseApplink = {
+        application: _constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].LIBRARY_EDITOR,
+        action: _constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].LibraryEditor.SUGGEST_AN_EDIT,
+        args: [this.model.get('id')]
+      };
+      return {
+        '.suggest-production-year': underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, baseApplink, {
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_15__["MetadataType"].ProductionYear
+          }
+        }),
+        '.suggest-distributors': underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, baseApplink, {
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_15__["MetadataType"].Distributors
+          }
+        }),
+        '.suggest-production-companies': underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, baseApplink, {
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_15__["MetadataType"].ProductionCompanies
+          }
+        }),
+        '.suggest-directors': underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, baseApplink, {
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_15__["MetadataType"].Directors
+          }
+        }),
+        '.suggest-producers': underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, baseApplink, {
+          params: {
+            metadata: _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_15__["MetadataType"].Producers
+          }
+        })
+      };
+    }
+  }]);
+
+  return EditProductionInfoComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-season-info/CreateSeason.hbs":
+/*!****************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-season-info/CreateSeason.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) {
+    return "<div class=\"\">\r\n  <button class=\"btn btn-light create w-100\">+ Create a season</button>\r\n</div>\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"form-group mb-2\">\r\n  <input type=\"number\" class=\"form-control\" name=\"number\" min=\"1\" placeholder=\"Season number\">\r\n  <div class=\"form-feedback\"></div>\r\n</div>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.show : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data})) != null ? stack1 : "")
+    + "<div class=\"text-right\">\r\n  <div class=\"button-region\"></div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-season-info/EditSeasonInfo.hbs":
+/*!******************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-season-info/EditSeasonInfo.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.disabled : stack1), depth0));
+},"3":function(container,depth0,helpers,partials,data) {
+    return "selected";
+},"5":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "        <option value=\""
+    + alias3(alias2((depth0 != null ? depth0.number : depth0), depth0))
+    + "\" "
+    + ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.selected : depth0),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + ">"
+    + alias3(alias2((depth0 != null ? depth0.displayName : depth0), depth0))
+    + "</option>\r\n";
+},"7":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda;
+
+  return "<span class=\"svg-container mb-2 "
+    + container.escapeExpression(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svg : stack1), depth0))
+    + " remove\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svgRemove : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression, alias3=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<div\r\n  data-toggle=\"dropdown\"\r\n  aria-haspopup=\"true\"\r\n  aria-expanded=\"false\"\r\n  class=\"cursor-pointer w-100 dropdown-btn btn btn-link "
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.button : stack1), depth0))
+    + " "
+    + ((stack1 = helpers["if"].call(alias3,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.disabled : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\"\r\n  name=\"season\"\r\n></div>\r\n<div class=\"dropdown-menu dropdown-menu-right dropdown-arrow w-100\">\r\n  <div class=\"text-center px-2\">\r\n    <select name=\"season\" class=\"custom-select\">\r\n      <option value=\"-1\" "
+    + ((stack1 = helpers.unless.call(alias3,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hasSelected : stack1),{"name":"unless","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + ">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias3,"selectASeason",{"name":"lang","hash":{},"data":data}))
+    + "</option>\r\n"
+    + ((stack1 = helpers.each.call(alias3,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.seasons : stack1),{"name":"each","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    </select>\r\n  </div>\r\n\r\n  <div class=\"dropdown-divider\"></div>\r\n\r\n  <div class=\"create-region\"></div>\r\n</div>\r\n"
+    + ((stack1 = helpers["if"].call(alias3,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showRemoveIcon : stack1),{"name":"if","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-season-info/EditSeasonInfoComponent.ts":
+/*!**************************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-season-info/EditSeasonInfoComponent.ts ***!
+  \**************************************************************************************/
+/*! exports provided: EditSeasonInfoComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditSeasonInfoComponent", function() { return EditSeasonInfoComponent; });
+/* 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 _spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _behaviors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _apps_library_editor_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../apps/library-editor/utils */ "./src/apps/library-editor/utils/index.ts");
+/* harmony import */ var _CreateSeason_hbs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./CreateSeason.hbs */ "./src/shared/components/edit-video/edit-season-info/CreateSeason.hbs");
+/* harmony import */ var _CreateSeason_hbs__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_CreateSeason_hbs__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _EditSeasonInfo_hbs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./EditSeasonInfo.hbs */ "./src/shared/components/edit-video/edit-season-info/EditSeasonInfo.hbs");
+/* harmony import */ var _EditSeasonInfo_hbs__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_EditSeasonInfo_hbs__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _edit_season_info_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./edit-season-info.scss */ "./src/shared/components/edit-video/edit-season-info/edit-season-info.scss");
+/* harmony import */ var _edit_season_info_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_edit_season_info_scss__WEBPACK_IMPORTED_MODULE_12__);
+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 CreateSeasonComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(CreateSeasonComponent, _Core$Component);
+
+  var _super = _createSuper(CreateSeasonComponent);
+
+  function CreateSeasonComponent(options) {
+    var _this;
+
+    _classCallCheck(this, CreateSeasonComponent);
+
+    _this = _super.call(this, options);
+    _this.showSpinner = false;
+    _this.disableBtn = true;
+    return _this;
+  }
+
+  _createClass(CreateSeasonComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.bindListeners();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        button: {
+          el: '.button-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo(this.model, 'change', this.onChange);
+      this.listenTo(this.options.channelName, 'create:season', this.onCreateSeason);
+      this.listenTo(_constants__WEBPACK_IMPORTED_MODULE_6__["DataChannels"].SERIES, "".concat(_constants__WEBPACK_IMPORTED_MODULE_6__["DataPrefixes"].CREATE_SEASON, ":").concat(this.options.seriesId, ":sync"), this.onSync);
+    }
+  }, {
+    key: "onChange",
+    value: function onChange() {
+      this.disableBtn = !this.model.isValid();
+      this.renderButton();
+    }
+  }, {
+    key: "onCreateSeason",
+    value: function onCreateSeason() {
+      if (this.disableBtn) return;
+      this.model.validate();
+      if (!this.model.isValid()) return;
+      this.showSpinner = true;
+      this.renderButton();
+      this.model.set('number', parseInt(this.model.get('number')));
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger('select:season', this.model.toJSON());
+    }
+  }, {
+    key: "onSync",
+    value: function onSync() {
+      this.disableBtn = true;
+      this.showSpinner = false;
+      this.model.clear();
+      this.renderButton();
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        model: this.model,
+        show: this.options.show
+      };
+    }
+  }, {
+    key: "renderButton",
+    value: function renderButton() {
+      if (!this.options.show) return;
+      this.showChildView('button', new _spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_4__["SpinnerButtonComponent"]({
+        channelName: this.options.channelName,
+        saveEvent: 'create:season',
+        extraButtonClass: 'btn btn-primary',
+        buttonText: 'Create',
+        buttonType: 'submit',
+        showSpinner: this.showSpinner,
+        disabled: this.disableBtn,
+        spinnerOptions: {
+          size: _utils__WEBPACK_IMPORTED_MODULE_7__["SpinnerSize"].Small
+        }
+      }));
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.stickit();
+      this.renderButton();
+    }
+  }, {
+    key: "onClose",
+    value: function onClose() {
+      this.unstickit();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'CreateSeasonComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _CreateSeason_hbs__WEBPACK_IMPORTED_MODULE_10___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'px-2';
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=number]': {
+          observe: 'number',
+          setOptions: {
+            validate: true
+          }
+        }
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_5__["StickitBehavior"]
+      }, {
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_5__["BackboneValidationBehavior"]
+      }];
+    }
+  }]);
+
+  return CreateSeasonComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+var EditSeasonInfoComponent = /*#__PURE__*/function (_Core$Component2) {
+  _inherits(EditSeasonInfoComponent, _Core$Component2);
+
+  var _super2 = _createSuper(EditSeasonInfoComponent);
+
+  function EditSeasonInfoComponent(options) {
+    _classCallCheck(this, EditSeasonInfoComponent);
+
+    return _super2.call(this, options);
+  }
+
+  _createClass(EditSeasonInfoComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.model.get('season.id') && _utils__WEBPACK_IMPORTED_MODULE_7__["CollectionHelpers"].setSelected(this.model.get('season.id'), this.collection);
+      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__["ViewModelService"].get("".concat(this.name, ":").concat(this.model.get('id')));
+
+      if (!this.options.disabled) {
+        this.viewModel.addValidation(_apps_library_editor_utils__WEBPACK_IMPORTED_MODULE_9__["SeasonValidation"]);
+      }
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'click .dropdown-btn': 'onToggleDropdown',
+        'click .dropdown-menu': 'onClickPopover',
+        'click .create': 'onClickCreateNewSeason',
+        'change .custom-select': 'onSelectOption',
+        'click .remove': 'onClickRemove'
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        create: {
+          el: '.create-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "onToggleDropdown",
+    value: function onToggleDropdown(e) {
+      if (this.options.disabled) {
+        e.stopPropagation();
+        return;
+      }
+
+      this.renderCreate();
+    }
+  }, {
+    key: "onClickPopover",
+    value: function onClickPopover(e) {
+      e.stopPropagation();
+    }
+  }, {
+    key: "onClickCreateNewSeason",
+    value: function onClickCreateNewSeason(e) {
+      e.preventDefault();
+      this.showCreateForm = true;
+      this.renderCreate();
+    }
+  }, {
+    key: "onSelectOption",
+    value: function onSelectOption(e) {
+      var value = e.target.value; // The "null" option for seasons has a value of -1. In that case, we unset season.
+
+      var season = value === '-1' ? null : this.collection.findWhere({
+        number: +value
+      }).toJSON();
+      this.setButtonText(value);
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger('select:season', season);
+      this.showCreateForm = false;
+      this.render();
+    }
+  }, {
+    key: "onClickRemove",
+    value: function onClickRemove(e) {
+      e.stopPropagation();
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName).trigger('select:season', null);
+      this.showCreateForm = false;
+      this.render();
+    }
+  }, {
+    key: "setButtonText",
+    value: function setButtonText(num) {
+      if (this.options.isSuggestEdit) {
+        var phrase = num && num !== '-1' ? _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__["LanguageService"].getPhrase(this.lang, 'season', {
+          number: num
+        }) : '';
+        this.getUI('dropdownBtn').text(phrase);
+        return;
+      }
+
+      var phraseKey = num && num !== '-1' ? 'season' : 'placeholder';
+      this.getUI('dropdownBtn').text(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__["LanguageService"].getPhrase(this.lang, phraseKey, {
+        number: num
+      }));
+    }
+  }, {
+    key: "renderCreate",
+    value: function renderCreate() {
+      this.showChildView('create', new CreateSeasonComponent({
+        model: this.viewModel,
+        channelName: this.options.channelName,
+        show: this.showCreateForm,
+        seriesId: this.model.get('series.id')
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _edit_season_info_scss__WEBPACK_IMPORTED_MODULE_12___default.a,
+        disabled: this.options.disabled,
+        seasons: this.collection.toJSON(),
+        svgRemove: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Close),
+        showRemoveIcon: !!this.model.get('season.id') && !this.options.isSuggestEdit
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderCreate();
+      this.setButtonText(this.model.get('season.number'));
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditSeasonInfoComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditSeasonInfo_hbs__WEBPACK_IMPORTED_MODULE_11___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return _edit_season_info_scss__WEBPACK_IMPORTED_MODULE_12___default.a.seasonContainer;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.editSeasonInfo';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        dropdownBtn: '.dropdown-btn'
+      };
+    }
+  }]);
+
+  return EditSeasonInfoComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/edit-video/edit-season-info/edit-season-info.scss":
+/*!*********************************************************************************!*\
+  !*** ./src/shared/components/edit-video/edit-season-info/edit-season-info.scss ***!
+  \*********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"button":"cv--button--39NvM","svg":"cv--svg--2Tl0W","disabled":"cv--disabled--2julA","seasonContainer":"cv--seasonContainer--_SpZq"};
+
+/***/ }),
+
+/***/ "./src/shared/components/resizing-text-area/ResizingTextArea.hbs":
+/*!***********************************************************************!*\
+  !*** ./src/shared/components/resizing-text-area/ResizingTextArea.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) {
+    return "required";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "readonly";
+},"5":function(container,depth0,helpers,partials,data) {
+    return "disabled";
+},"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 || {});
+
+  return "<textarea\r\n  name=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.name : stack1), depth0))
+    + "\"\r\n  id=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.id : stack1), depth0))
+    + "\"\r\n  autocomplete=\"false\"\r\n  class=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1["class"] : stack1), depth0))
+    + " event-selector "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.resizingTextarea : stack1), depth0))
+    + "\"\r\n  placeholder=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.placeholder : stack1), depth0))
+    + "\"\r\n  "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.required : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.readonly : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.disabled : stack1),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n></textarea>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/resizing-text-area/ResizingTextAreaComponent.ts":
+/*!*******************************************************************************!*\
+  !*** ./src/shared/components/resizing-text-area/ResizingTextAreaComponent.ts ***!
+  \*******************************************************************************/
+/*! exports provided: ResizingTextAreaComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResizingTextAreaComponent", function() { return ResizingTextAreaComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _ResizingTextArea_hbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ResizingTextArea.hbs */ "./src/shared/components/resizing-text-area/ResizingTextArea.hbs");
+/* harmony import */ var _ResizingTextArea_hbs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_ResizingTextArea_hbs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _resizing_text_area_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./resizing-text-area.scss */ "./src/shared/components/resizing-text-area/resizing-text-area.scss");
+/* harmony import */ var _resizing_text_area_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_resizing_text_area_scss__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var ResizingTextAreaComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(ResizingTextAreaComponent, _Core$Component);
+
+  var _super = _createSuper(ResizingTextAreaComponent);
+
+  function ResizingTextAreaComponent(options) {
+    _classCallCheck(this, ResizingTextAreaComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ResizingTextAreaComponent, [{
+    key: "events",
+    value: function events() {
+      return {
+        'input .event-selector': 'onInput'
+      };
+    }
+    /**
+     * https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
+     */
+
+  }, {
+    key: "onInput",
+    value: function onInput(event) {
+      var field = event.target; // Reset field height
+
+      field.style.height = 'inherit'; // Get the computed styles for the element
+
+      var computed = window.getComputedStyle(field); // Calculate the height
+
+      var height = parseInt(computed.getPropertyValue('border-top-width'), 10) + parseInt(computed.getPropertyValue('padding-top'), 10) + field.scrollHeight + parseInt(computed.getPropertyValue('padding-bottom'), 10) + parseInt(computed.getPropertyValue('border-bottom-width'), 10);
+      field.style.height = height + 'px';
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, this.options, {
+        styles: _resizing_text_area_scss__WEBPACK_IMPORTED_MODULE_3___default.a
+      });
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ResizingTextAreaComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ResizingTextArea_hbs__WEBPACK_IMPORTED_MODULE_2___default.a;
+    }
+  }]);
+
+  return ResizingTextAreaComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/resizing-text-area/resizing-text-area.scss":
+/*!**************************************************************************!*\
+  !*** ./src/shared/components/resizing-text-area/resizing-text-area.scss ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"resizingTextarea":"cv--resizingTextarea--qKxbV"};
+
+/***/ }),
+
+/***/ "./src/shared/components/typeahead-list/TypeaheadList.hbs":
+/*!****************************************************************!*\
+  !*** ./src/shared/components/typeahead-list/TypeaheadList.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 stack1, alias1=container.propertyIsEnumerable;
+
+  return "<div class=\"typeahead-region "
+    + container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.typeahead : stack1), depth0))
+    + "\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/typeahead-list/TypeaheadListComponent.ts":
+/*!************************************************************************!*\
+  !*** ./src/shared/components/typeahead-list/TypeaheadListComponent.ts ***!
+  \************************************************************************/
+/*! exports provided: TypeaheadListComponentCollection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TypeaheadListComponentCollection", function() { return TypeaheadListComponentCollection; });
+/* 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 _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/apps/search/utils/TypeaheadHelper */ "../../libs/shared/src/apps/search/utils/TypeaheadHelper.ts");
+/* harmony import */ var _typeahead_input_SearchTypeaheadComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typeahead-input/SearchTypeaheadComponent */ "./src/shared/components/typeahead-input/SearchTypeaheadComponent.ts");
+/* harmony import */ var _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../apps/library-editor/constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _TypeaheadList_hbs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TypeaheadList.hbs */ "./src/shared/components/typeahead-list/TypeaheadList.hbs");
+/* harmony import */ var _TypeaheadList_hbs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_TypeaheadList_hbs__WEBPACK_IMPORTED_MODULE_4__);
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 TypeaheadListComponentCollection = /*#__PURE__*/function (_Core$ComponentCollec) {
+  _inherits(TypeaheadListComponentCollection, _Core$ComponentCollec);
+
+  var _super = _createSuper(TypeaheadListComponentCollection);
+
+  function TypeaheadListComponentCollection(options) {
+    _classCallCheck(this, TypeaheadListComponentCollection);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(TypeaheadListComponentCollection, [{
+    key: "name",
+    get: function get() {
+      return 'TypeaheadListComponentCollection';
+    }
+  }, {
+    key: "childViewOptions",
+    get: function get() {
+      return Object.assign({}, this.options);
+    }
+  }, {
+    key: "childView",
+    get: function get() {
+      return TypeaheadListComponent;
+    }
+  }]);
+
+  return TypeaheadListComponentCollection;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ComponentCollection);
+
+var TypeaheadListComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(TypeaheadListComponent, _Core$Component);
+
+  var _super2 = _createSuper(TypeaheadListComponent);
+
+  function TypeaheadListComponent(options) {
+    _classCallCheck(this, TypeaheadListComponent);
+
+    return _super2.call(this, options);
+  }
+
+  _createClass(TypeaheadListComponent, [{
+    key: "regions",
+    value: function regions() {
+      return {
+        typeahead: {
+          el: '.typeahead-region',
+          replaceElement: false
+        }
+      };
+    }
+  }, {
+    key: "renderTypeahead",
+    value: function renderTypeahead() {
+      this.showChildView('typeahead', new _typeahead_input_SearchTypeaheadComponent__WEBPACK_IMPORTED_MODULE_2__["SearchTypeaheadComponent"]({
+        model: this.model,
+        parentChannelName: this.options.channelName,
+        inputId: this.options.inputId,
+        selectEvent: this.options.selectEvent,
+        typeaheadConfigs: this.options.typeaheadConfig,
+        placeholderText: this.options.editable ? this.options.placeholderText : '',
+        callbacks: {
+          onRender: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_1__["TypeaheadHelper"].selectFirstResult,
+          onInput: _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_1__["TypeaheadHelper"].emitEventOnInput(this.options.channelName, _apps_library_editor_constants__WEBPACK_IMPORTED_MODULE_3__["LibraryEditorActions"].DetectInput, this.options.modelType, {
+            isCollection: true
+          })
+        },
+        editable: this.options.editable,
+        actionOptions: {
+          clearOnSelect: true
+        },
+
+        /**
+         * Hide the remove button if we only have 1 item and it doesn't have a value
+         */
+        removeEvent: this.options.removeEvent,
+        forceShowRemoveButton: this.collection.length > 1 || !!this.model.get('name')
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        id: this.modelId
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderTypeahead();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'TypeaheadListComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _TypeaheadList_hbs__WEBPACK_IMPORTED_MODULE_4___default.a;
+    }
+  }, {
+    key: "modelId",
+    get: function get() {
+      return this.model.get('id') || 'new-model';
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return _defineProperty({}, "[name=".concat(this.modelId, "]"), {
+        observe: 'name',
+        setOptions: {
+          validate: true
+        }
+      });
+    }
+  }]);
+
+  return TypeaheadListComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=29.chunk.js.map