@clickview/library-editor 1.1.20 → 1.1.21-rc.1

package/dist/scripts/6.chunk.js

@@ -0,0 +1,484 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[6],{
+
+/***/ "./src/shared/components/video-description/VideoDescription.hbs":
+/*!**********************************************************************!*\
+  !*** ./src/shared/components/video-description/VideoDescription.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 "  <div class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.descriptionWrapper : stack1), depth0))
+    + "\">\r\n    <p class=\"description "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.description : stack1), depth0))
+    + "\">"
+    + ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.expandable : stack1),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.program(4, data, 0),"data":data})) != null ? stack1 : "")
+    + "</p>\r\n  </div>\r\n";
+},"2":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.description : stack1), depth0)) != null ? stack1 : "")
+    + "<span class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.showMoreEllipsis : stack1), depth0))
+    + " "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.hideEllipsis : stack1), depth0))
+    + "\">... "
+    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"showMore",{"name":"lang","hash":{},"data":data}))
+    + "</span>";
+},"4":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.description : stack1), depth0)) != null ? stack1 : "")
+    + "<span class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.singleEllipsis : stack1), depth0))
+    + " "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.hideEllipsis : stack1), depth0))
+    + "\">...</span>";
+},"6":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda;
+
+  return "  <p class=\""
+    + container.escapeExpression(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.description : stack1), depth0))
+    + "\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.description : stack1), depth0)) != null ? stack1 : "")
+    + "</p>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.truncate : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(6, data, 0),"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/video-description/VideoDescriptionComponent.ts":
+/*!******************************************************************************!*\
+  !*** ./src/shared/components/video-description/VideoDescriptionComponent.ts ***!
+  \******************************************************************************/
+/*! exports provided: VideoDescriptionTruncationSize, VideoDescriptionComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoDescriptionTruncationSize", function() { return VideoDescriptionTruncationSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoDescriptionComponent", function() { return VideoDescriptionComponent; });
+/* 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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _VideoDescription_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VideoDescription.hbs */ "./src/shared/components/video-description/VideoDescription.hbs");
+/* harmony import */ var _VideoDescription_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_VideoDescription_hbs__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _video_description_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./video-description.scss */ "./src/shared/components/video-description/video-description.scss");
+/* harmony import */ var _video_description_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_video_description_scss__WEBPACK_IMPORTED_MODULE_4__);
+var _VideoDescriptionTrun;
+
+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); }
+
+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; }
+
+
+
+
+
+
+var VideoDescriptionTruncationSize;
+
+(function (VideoDescriptionTruncationSize) {
+  VideoDescriptionTruncationSize["Small"] = "sm";
+  VideoDescriptionTruncationSize["Large"] = "lg";
+})(VideoDescriptionTruncationSize || (VideoDescriptionTruncationSize = {}));
+
+var VideoDescriptionTruncationLineNumbers = (_VideoDescriptionTrun = {}, _defineProperty(_VideoDescriptionTrun, VideoDescriptionTruncationSize.Small, 3), _defineProperty(_VideoDescriptionTrun, VideoDescriptionTruncationSize.Large, 5), _VideoDescriptionTrun);
+/**
+ * A single line of text = 0.875rem (14px) * 1.5 (line-height) = 21px.
+ * If we change either the line-height or base font size, this number will
+ * likely need to be updated too.
+ */
+
+var LINE_HEIGHT = 21;
+var VideoDescriptionComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(VideoDescriptionComponent, _Core$Component);
+
+  var _super = _createSuper(VideoDescriptionComponent);
+
+  function VideoDescriptionComponent(options) {
+    var _this;
+
+    _classCallCheck(this, VideoDescriptionComponent);
+
+    _this = _super.call(this, options);
+    _this.showingMore = false;
+    return _this;
+  }
+
+  _createClass(VideoDescriptionComponent, [{
+    key: "events",
+    value: function events() {
+      return _defineProperty({}, "click .".concat(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.showMoreEllipsis), 'onClickShowMore');
+    }
+  }, {
+    key: "onClickShowMore",
+    value: function onClickShowMore(e) {
+      e.preventDefault();
+      this.showingMore ? this.showLessDescription() : this.showMoreDescription();
+    }
+  }, {
+    key: "getDescription",
+    value: function getDescription() {
+      if (this.options.linkify) return _utils__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].linkifyText(_utils__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].escapeExpression(this.model.get('description')));
+      if (this.options.highlighter) return _utils__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].wordsHighlighter(_utils__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].escapeExpression(this.model.get('description')), this.model.get('_matchedWords'));
+    }
+  }, {
+    key: "getDescriptionElements",
+    value: function getDescriptionElements() {
+      var descriptionTextEl = this.getUI('description');
+      var ellipsisEl = this.getUI('ellipsis');
+      return {
+        descriptionTextEl: descriptionTextEl,
+        ellipsisEl: ellipsisEl
+      };
+    }
+  }, {
+    key: "showMoreDescription",
+    value: function showMoreDescription() {
+      var _this$getDescriptionE = this.getDescriptionElements(),
+          descriptionTextEl = _this$getDescriptionE.descriptionTextEl,
+          ellipsisEl = _this$getDescriptionE.ellipsisEl;
+
+      descriptionTextEl.removeClass(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.truncateLarge).addClass(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.open);
+      ellipsisEl.text(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(this.lang, 'showLess'));
+      this.showingMore = true;
+    }
+  }, {
+    key: "showLessDescription",
+    value: function showLessDescription() {
+      var _this$getDescriptionE2 = this.getDescriptionElements(),
+          descriptionTextEl = _this$getDescriptionE2.descriptionTextEl,
+          ellipsisEl = _this$getDescriptionE2.ellipsisEl;
+
+      var truncationClass;
+      if (this.options.size === VideoDescriptionTruncationSize.Small) truncationClass = 'truncateSmall';
+      if (this.options.size === VideoDescriptionTruncationSize.Large) truncationClass = 'truncateLarge';
+      descriptionTextEl.addClass(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a[truncationClass]);
+      ellipsisEl.text(this.options.allowExpand ? "... ".concat(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(this.lang, 'showMore')) : '...').removeClass(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.hideEllipsis).addClass(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.showEllipsis);
+      this.showingMore = false;
+    }
+  }, {
+    key: "truncateDescription",
+    value: function truncateDescription() {
+      if (!this.options.truncate) return;
+
+      var _this$getDescriptionE3 = this.getDescriptionElements(),
+          descriptionTextEl = _this$getDescriptionE3.descriptionTextEl;
+
+      var maxLines = VideoDescriptionTruncationLineNumbers[this.options.size];
+      if (descriptionTextEl.height() <= LINE_HEIGHT * maxLines) return;
+      this.showLessDescription();
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a,
+        truncate: this.options.truncate,
+        expandable: this.options.allowExpand,
+        description: this.getDescription()
+      };
+    }
+  }, {
+    key: "onAttach",
+    value: function onAttach() {
+      this.truncateDescription();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'VideoDescriptionComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _VideoDescription_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.videoDescription';
+    }
+  }, {
+    key: "defaults",
+    get: function get() {
+      return {
+        size: 'sm'
+      };
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        description: ".description",
+        ellipsis: this.options.allowExpand ? ".".concat(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.showMoreEllipsis) : ".".concat(_video_description_scss__WEBPACK_IMPORTED_MODULE_4___default.a.singleEllipsis)
+      };
+    }
+  }]);
+
+  return VideoDescriptionComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/video-description/video-description.scss":
+/*!************************************************************************!*\
+  !*** ./src/shared/components/video-description/video-description.scss ***!
+  \************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"columnNames":"cv--columnNames--1a1Re","descriptionWrapper":"cv--descriptionWrapper--2MZC5","description":"cv--description--3U9j9","ellipsis":"cv--ellipsis--1YjUg","singleEllipsis":"cv--singleEllipsis--3SNtn","showMoreEllipsis":"cv--showMoreEllipsis--xy3i9","showEllipsis":"cv--showEllipsis--1_L9t","hideEllipsis":"cv--hideEllipsis--TCdgP","open":"cv--open--18ojI","truncateSmall":"cv--truncateSmall--nLuVF","truncateLarge":"cv--truncateLarge--sEELY"};
+
+/***/ }),
+
+/***/ "./src/shared/components/video-preview/VideoPreview.hbs":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/video-preview/VideoPreview.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) {
+    return "<div class=\"video-player-region cursor-pointer responsize-img\">\r\n  <div class=\"thumbnail-region\"></div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/video-preview/VideoPreviewComponent.ts":
+/*!**********************************************************************!*\
+  !*** ./src/shared/components/video-preview/VideoPreviewComponent.ts ***!
+  \**********************************************************************/
+/*! exports provided: VideoPreviewComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoPreviewComponent", function() { return VideoPreviewComponent; });
+/* 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_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _libs_shared_src_legacy_components_thumbnail_ThumbnailComponent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/legacy/components/thumbnail/ThumbnailComponent */ "../../libs/shared/src/legacy/components/thumbnail/ThumbnailComponent.ts");
+/* harmony import */ var _behaviors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _web_player_WebPlayerComponent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../web-player/WebPlayerComponent */ "./src/shared/components/web-player/WebPlayerComponent.ts");
+/* harmony import */ var _VideoPreview_hbs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./VideoPreview.hbs */ "./src/shared/components/video-preview/VideoPreview.hbs");
+/* harmony import */ var _VideoPreview_hbs__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_VideoPreview_hbs__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 VideoPreviewComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(VideoPreviewComponent, _Core$Component);
+
+  var _super = _createSuper(VideoPreviewComponent);
+
+  function VideoPreviewComponent(options) {
+    _classCallCheck(this, VideoPreviewComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(VideoPreviewComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.bindListeners();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        player: {
+          el: '.video-player-region',
+          replaceElement: false
+        },
+        thumbnail: {
+          el: '.thumbnail-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        click: 'onClick'
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      if (!this.options.channelName) return;
+      this.listenTo(this.options.channelName, 'update:chapter:time', this.onUpdateWebplayer);
+    }
+  }, {
+    key: "onUpdateWebplayer",
+    value: function onUpdateWebplayer(time) {
+      /**
+       * Where the webplayer hasn't been set up yet, we want to render it then jump to
+       * the chapter's timepoint immediately once it has been initialised.
+       */
+      if (!this.player) {
+        this.listenToOnce(this.options.channelName, 'webplayer:loaded', underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.seekToChapter, this, time));
+        this.renderVideoPreview();
+        return;
+      }
+
+      this.seekToChapter(time);
+    }
+  }, {
+    key: "seekToChapter",
+    value: function seekToChapter(time) {
+      this.player.seekTo(time);
+    }
+  }, {
+    key: "onClick",
+    value: function onClick() {
+      if (this.player) return;
+      this.renderVideoPreview();
+    }
+  }, {
+    key: "renderThumbnail",
+    value: function renderThumbnail() {
+      this.showChildView('thumbnail', new _libs_shared_src_legacy_components_thumbnail_ThumbnailComponent__WEBPACK_IMPORTED_MODULE_6__["ThumbnailComponent"]({
+        model: this.model,
+        thumbnailOptions: {
+          size: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_5__["ImageSize"].Medium
+        },
+        playIcon: true,
+        lazyload: true,
+        channelName: this.instanceChannelName
+      }));
+    }
+  }, {
+    key: "renderVideoPreview",
+    value: function renderVideoPreview() {
+      this.player = new _web_player_WebPlayerComponent__WEBPACK_IMPORTED_MODULE_10__["WebPlayerComponent"]({
+        model: this.model,
+        webPlayerUrl: this.options.webPlayerUrl,
+        parentChannelName: this.options.channelName,
+        autoplay: true,
+        analyticsOptions: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].mergeOptions(this.options.analyticsOptions, {
+          entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Video
+        }),
+        captureAnalytics: this.options.captureAnalytics
+      });
+      this.showChildView('player', this.player);
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderThumbnail();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'VideoPreviewComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _VideoPreview_hbs__WEBPACK_IMPORTED_MODULE_11___default.a;
+    }
+  }, {
+    key: "instanceChannelName",
+    get: function get() {
+      return _utils__WEBPACK_IMPORTED_MODULE_8__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "defaults",
+    get: function get() {
+      return {
+        captureAnalytics: true
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      var _this = this;
+
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_7__["LazyLoadBehavior"],
+        selector: '.lazy-img',
+        callback: function callback() {
+          var channel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_this.instanceChannelName);
+          channel.trigger('show:play:icon');
+        },
+        minBrowserSupportVersion: _constants__WEBPACK_IMPORTED_MODULE_9__["LazyLoadMinBrowserSupportVersion"]
+      }];
+    }
+  }]);
+
+  return VideoPreviewComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=6.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/components/video-description/VideoDescription.hbs","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/components/video-description/VideoDescriptionComponent.ts","webpack://@clickview/library-editor/./src/shared/components/video-description/video-description.scss?921b","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/components/video-preview/VideoPreview.hbs","file://C:/ClickView/front-end/clickview/packages/projects/library-editor/src/shared/components/video-preview/VideoPreviewComponent.ts"],"names":[],"mappings":";;;;;;;;;AAAA,iBAAiB,mBAAO,CAAC,8BAAY;AACrC,iEAAiE;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA,0FAA0F,gGAAgG,qBAAqB,wFAAwF;AACvS;AACA,CAAC;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,+IAA+I,cAAc,uBAAuB,aAAa;AACjM;AACA,CAAC;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;AAEA,6FAA6F,8FAA8F,qBAAqB,wFAAwF;AACxS,CAAC,gBAAgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCjB;AAEA;AACA;AAEA;AACA;AAEA,IAAY,8BAAZ;;AAAA,WAAY,8BAAZ,EAA0C;AACxC;AACA;AACD,CAHD,EAAY,8BAA8B,KAA9B,8BAA8B,MAA1C;;AAKA,IAAM,qCAAqC,uEACxC,8BAA8B,CAAC,KADS,EACD,CADC,0CAExC,8BAA8B,CAAC,KAFS,EAED,CAFC,yBAA3C;AAaA;;;;;;AAKA,IAAM,WAAW,GAAW,EAA5B;AAEO,IAAM,yBAAb;AAAA;;AAAA;;AAIE,qCAAY,OAAZ,EAAqD;AAAA;;AAAA;;AACnD,8BAAM,OAAN;AAHM,wBAAuB,KAAvB;AAE6C;AAEpD;;AANH;AAAA;AAAA,6BAiCe;AACX,kDACa,8DAAM,CAAC,gBADpB,GACyC,iBADzC;AAGD;AArCH;AAAA;AAAA,oCAuC0B,CAvC1B,EAuCyC;AACrC,OAAC,CAAC,cAAF;AACA,WAAK,WAAL,GAAmB,KAAK,mBAAL,EAAnB,GAAgD,KAAK,mBAAL,EAAhD;AACD;AA1CH;AAAA;AAAA,qCA4CwB;AACpB,UAAI,KAAK,OAAL,CAAa,OAAjB,EACE,OAAO,iDAAU,CAAC,WAAX,CAAuB,iDAAU,CAAC,gBAAX,CAA4B,KAAK,KAAL,CAAW,GAAX,CAAe,aAAf,CAA5B,CAAvB,CAAP;AAEF,UAAI,KAAK,OAAL,CAAa,WAAjB,EACE,OAAO,iDAAU,CAAC,gBAAX,CAA4B,iDAAU,CAAC,gBAAX,CAA4B,KAAK,KAAL,CAAW,GAAX,CAAe,aAAf,CAA5B,CAA5B,EAAwF,KAAK,KAAL,CAAW,GAAX,CAAe,eAAf,CAAxF,CAAP;AACH;AAlDH;AAAA;AAAA,6CAoDgC;AAC5B,UAAI,iBAAiB,GAAG,KAAK,KAAL,CAAW,aAAX,CAAxB;AACA,UAAI,UAAU,GAAG,KAAK,KAAL,CAAW,UAAX,CAAjB;AAEA,aAAO;AAAE,yBAAiB,EAAjB,iBAAF;AAAqB,kBAAU,EAAV;AAArB,OAAP;AACD;AAzDH;AAAA;AAAA,0CA2D6B;AAAA,kCACiB,KAAK,sBAAL,EADjB;AAAA,UACjB,iBADiB,yBACjB,iBADiB;AAAA,UACE,UADF,yBACE,UADF;;AAGzB,uBAAiB,CACd,WADH,CACe,8DAAM,CAAC,aADtB,EAEG,QAFH,CAEY,8DAAM,CAAC,IAFnB;AAIA,gBAAU,CAAC,IAAX,CAAgB,kGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,UAArC,CAAhB;AAEA,WAAK,WAAL,GAAmB,IAAnB;AACD;AArEH;AAAA;AAAA,0CAuE6B;AAAA,mCACiB,KAAK,sBAAL,EADjB;AAAA,UACjB,iBADiB,0BACjB,iBADiB;AAAA,UACE,UADF,0BACE,UADF;;AAGzB,UAAI,eAAJ;AACA,UAAI,KAAK,OAAL,CAAa,IAAb,KAAsB,8BAA8B,CAAC,KAAzD,EAAgE,eAAe,GAAG,eAAlB;AAChE,UAAI,KAAK,OAAL,CAAa,IAAb,KAAsB,8BAA8B,CAAC,KAAzD,EAAgE,eAAe,GAAG,eAAlB;AAChE,uBAAiB,CAAC,QAAlB,CAA2B,8DAAM,CAAC,eAAD,CAAjC;AAEA,gBAAU,CACP,IADH,CACQ,KAAK,OAAL,CAAa,WAAb,iBAAkC,kGAAe,CAAC,SAAhB,CAA0B,KAAK,IAA/B,EAAqC,UAArC,CAAlC,IAAuF,KAD/F,EAEG,WAFH,CAEe,8DAAM,CAAC,YAFtB,EAGG,QAHH,CAGY,8DAAM,CAAC,YAHnB;AAKA,WAAK,WAAL,GAAmB,KAAnB;AACD;AArFH;AAAA;AAAA,0CAuF6B;AACzB,UAAI,CAAC,KAAK,OAAL,CAAa,QAAlB,EACE;;AAFuB,mCAIK,KAAK,sBAAL,EAJL;AAAA,UAIjB,iBAJiB,0BAIjB,iBAJiB;;AAKzB,UAAM,QAAQ,GAAG,qCAAqC,CAAC,KAAK,OAAL,CAAa,IAAd,CAAtD;AACA,UAAI,iBAAiB,CAAC,MAAlB,MAA+B,WAAW,GAAG,QAAjD,EACE;AAEF,WAAK,mBAAL;AACD;AAjGH;AAAA;AAAA,kCAmGoB;AAChB,aAAO;AACL,cAAM,EAAN,8DADK;AAEL,gBAAQ,EAAE,KAAK,OAAL,CAAa,QAFlB;AAGL,kBAAU,EAAE,KAAK,OAAL,CAAa,WAHpB;AAIL,mBAAW,EAAE,KAAK,cAAL;AAJR,OAAP;AAMD;AA1GH;AAAA;AAAA,+BA4GiB;AACb,WAAK,mBAAL;AACD;AA9GH;AAAA;AAAA,wBAQiB;AACb,aAAO,2BAAP;AACD;AAVH;AAAA;AAAA,wBAYqB;AACjB,aAAO,4DAAP;AACD;AAdH;AAAA;AAAA,wBAgBiB;AACb,aAAO,yBAAP;AACD;AAlBH;AAAA;AAAA,wBAoBqB;AACjB,aAAO;AACL,YAAI,EAAE;AADD,OAAP;AAGD;AAxBH;AAAA;AAAA,wBA0BqB;AACjB,aAAO;AACL,mBAAW,gBADN;AAEL,gBAAQ,EAAE,KAAK,OAAL,CAAa,WAAb,cAA+B,8DAAM,CAAC,gBAAtC,eAA+D,8DAAM,CAAC,cAAtE;AAFL,OAAP;AAID;AA/BH;;AAAA;AAAA,EAA+C,8DAAI,CAAC,SAApD,E;;;;;;;;;;;ACnCA;AACA,kBAAkB,oc;;;;;;;;;;;ACDlB,iBAAiB,mBAAO,CAAC,8BAAY;AACrC,iEAAiE;AACjE;AACA,CAAC,gBAAgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACHjB;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAQO,IAAM,qBAAb;AAAA;;AAAA;;AAIE,iCAAY,OAAZ,EAAiD;AAAA;;AAAA,6BACzC,OADyC;AAEhD;;AANH;AAAA;AAAA,iCAQmB;AACf,WAAK,aAAL;AACD;AAVH;AAAA;AAAA,8BA0CgB;AACZ,aAAO;AACL,cAAM,EAAE;AACN,YAAE,EAAE,sBADE;AAEN,wBAAc,EAAE;AAFV,SADH;AAKL,iBAAS,EAAE;AACT,YAAE,EAAE,mBADK;AAET,wBAAc,EAAE;AAFP;AALN,OAAP;AAUD;AArDH;AAAA;AAAA,6BAuDe;AACX,aAAO;AACL,aAAK,EAAE;AADF,OAAP;AAGD;AA3DH;AAAA;AAAA,oCA6DuB;AACnB,UAAI,CAAC,KAAK,OAAL,CAAa,WAAlB,EACE;AAEF,WAAK,QAAL,CAAc,KAAK,OAAL,CAAa,WAA3B,EAAwC,qBAAxC,EAA+D,KAAK,iBAApE;AACD;AAlEH;AAAA;AAAA,sCAoE4B,IApE5B,EAoEwC;AACpC;;;;AAIA,UAAI,CAAC,KAAK,MAAV,EAAkB;AAChB,aAAK,YAAL,CAAkB,KAAK,OAAL,CAAa,WAA/B,EAA4C,kBAA5C,EAAgE,gDAAO,KAAK,aAAZ,EAA2B,IAA3B,EAAiC,IAAjC,CAAhE;AACA,aAAK,kBAAL;AACA;AACD;;AAED,WAAK,aAAL,CAAmB,IAAnB;AACD;AAhFH;AAAA;AAAA,kCAkFwB,IAlFxB,EAkFoC;AAChC,WAAK,MAAL,CAAY,MAAZ,CAAmB,IAAnB;AACD;AApFH;AAAA;AAAA,8BAsFiB;AACb,UAAI,KAAK,MAAT,EAAiB;AAEjB,WAAK,kBAAL;AACD;AA1FH;AAAA;AAAA,sCA4FyB;AACrB,WAAK,aAAL,CAAmB,WAAnB,EAAgC,IAAI,kHAAJ,CAAuB;AACrD,aAAK,EAAE,KAAK,KADyC;AAErD,wBAAgB,EAAE;AAAE,cAAI,EAAE,uEAAS,CAAC;AAAlB,SAFmC;AAGrD,gBAAQ,EAAE,IAH2C;AAIrD,gBAAQ,EAAE,IAJ2C;AAKrD,mBAAW,EAAE,KAAK;AALmC,OAAvB,CAAhC;AAOD;AApGH;AAAA;AAAA,yCAsG4B;AACxB,WAAK,MAAL,GAAc,IAAI,kFAAJ,CAAuB;AACnC,aAAK,EAAE,KAAK,KADuB;AAEnC,oBAAY,EAAE,KAAK,OAAL,CAAa,YAFQ;AAGnC,yBAAiB,EAAE,KAAK,OAAL,CAAa,WAHG;AAInC,gBAAQ,EAAE,IAJyB;AAKnC,wBAAgB,EAAE,mFAAe,CAAC,YAAhB,CAA6B,KAAK,OAAL,CAAa,gBAA1C,EAA4D;AAC5E,gBAAM,EAAE,yEAAU,CAAC;AADyD,SAA5D,CALiB;AAQnC,wBAAgB,EAAE,KAAK,OAAL,CAAa;AARI,OAAvB,CAAd;AAWA,WAAK,aAAL,CAAmB,QAAnB,EAA6B,KAAK,MAAlC;AACD;AAnHH;AAAA;AAAA,+BAqHiB;AACb,WAAK,eAAL;AACD;AAvHH;AAAA;AAAA,wBAYiB;AACb,aAAO,uBAAP;AACD;AAdH;AAAA;AAAA,wBAgBqB;AACjB,aAAO,yDAAP;AACD;AAlBH;AAAA;AAAA,wBAoBgC;AAC5B,aAAO,yDAAkB,CAAC,yBAAnB,CAA6C,IAA7C,CAAP;AACD;AAtBH;AAAA;AAAA,wBAwBqB;AACjB,aAAO;AACL,wBAAgB,EAAE;AADb,OAAP;AAGD;AA5BH;AAAA;AAAA,wBA8BsB;AAAA;;AAClB,aAAO,CAAC;AACN,qBAAa,EAAE,2DADT;AAEN,gBAAQ,EAAE,WAFJ;AAGN,gBAAQ,EAAE,oBAAK;AACb,cAAM,OAAO,GAAG,8CAAK,CAAC,OAAN,CAAc,KAAI,CAAC,mBAAnB,CAAhB;AACA,iBAAO,CAAC,OAAR,CAAgB,gBAAhB;AACD,SANK;AAON,gCAAwB,EAAE,2EAAgC;AAPpD,OAAD,CAAP;AASD;AAxCH;;AAAA;AAAA,EAA2C,8DAAI,CAAC,SAAhD,E","file":"scripts/6.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return \"  <div class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.descriptionWrapper : stack1), depth0))\n    + \"\\\">\\r\\n    <p class=\\\"description \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.description : stack1), depth0))\n    + \"\\\">\"\n    + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.expandable : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(2, data, 0),\"inverse\":container.program(4, data, 0),\"data\":data})) != null ? stack1 : \"\")\n    + \"</p>\\r\\n  </div>\\r\\n\";\n},\"2\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.description : stack1), depth0)) != null ? stack1 : \"\")\n    + \"<span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.showMoreEllipsis : stack1), depth0))\n    + \" \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.hideEllipsis : stack1), depth0))\n    + \"\\\">... \"\n    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),\"showMore\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</span>\";\n},\"4\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.description : stack1), depth0)) != null ? stack1 : \"\")\n    + \"<span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.singleEllipsis : stack1), depth0))\n    + \" \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.hideEllipsis : stack1), depth0))\n    + \"\\\">...</span>\";\n},\"6\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda;\n\n  return \"  <p class=\\\"\"\n    + container.escapeExpression(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.description : stack1), depth0))\n    + \"\\\">\"\n    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.description : stack1), depth0)) != null ? stack1 : \"\")\n    + \"</p>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.truncate : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.program(6, data, 0),\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { TextHelper } from 'shared/utils';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport VideoDescriptionTemplate from './VideoDescription.hbs';\r\nimport styles from './video-description.scss';\r\n\r\nexport enum VideoDescriptionTruncationSize {\r\n  Small = 'sm',\r\n  Large = 'lg'\r\n}\r\n\r\nconst VideoDescriptionTruncationLineNumbers: { [index: string]: number } = {\r\n  [VideoDescriptionTruncationSize.Small]: 3,\r\n  [VideoDescriptionTruncationSize.Large]: 5\r\n};\r\n\r\ninterface VideoDescriptionComponentOptions extends Core.ComponentOptions {\r\n  truncate?: boolean;\r\n  allowExpand?: boolean;\r\n  size?: VideoDescriptionTruncationSize.Small | VideoDescriptionTruncationSize.Large;\r\n  linkify?: boolean;\r\n  highlighter?: boolean;\r\n}\r\n\r\n/**\r\n * A single line of text = 0.875rem (14px) * 1.5 (line-height) = 21px.\r\n * If we change either the line-height or base font size, this number will \r\n * likely need to be updated too.\r\n */\r\nconst LINE_HEIGHT: number = 21;\r\n\r\nexport class VideoDescriptionComponent extends Core.Component {\r\n  public options: VideoDescriptionComponentOptions;\r\n  private showingMore: boolean = false;\r\n\r\n  constructor(options: VideoDescriptionComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'VideoDescriptionComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return VideoDescriptionTemplate;\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'shared.videoDescription';\r\n  }\r\n\r\n  public get defaults(): ObjectHash {\r\n    return {\r\n      size: 'sm'\r\n    };\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      description: `.description`,\r\n      ellipsis: this.options.allowExpand ? `.${styles.showMoreEllipsis}` : `.${styles.singleEllipsis}`,\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      [`click .${styles.showMoreEllipsis}`]: 'onClickShowMore'\r\n    };\r\n  }\r\n\r\n  private onClickShowMore(e: JQuery.Event): void {\r\n    e.preventDefault();\r\n    this.showingMore ? this.showLessDescription() : this.showMoreDescription();\r\n  }\r\n\r\n  private getDescription(): string {\r\n    if (this.options.linkify)\r\n      return TextHelper.linkifyText(TextHelper.escapeExpression(this.model.get('description')));\r\n\r\n    if (this.options.highlighter)\r\n      return TextHelper.wordsHighlighter(TextHelper.escapeExpression(this.model.get('description')), this.model.get('_matchedWords'));\r\n  }\r\n\r\n  private getDescriptionElements(): ObjectHash {\r\n    var descriptionTextEl = this.getUI('description');\r\n    var ellipsisEl = this.getUI('ellipsis');\r\n\r\n    return { descriptionTextEl, ellipsisEl };\r\n  }\r\n\r\n  private showMoreDescription(): void {\r\n    const { descriptionTextEl, ellipsisEl } = this.getDescriptionElements();\r\n\r\n    descriptionTextEl\r\n      .removeClass(styles.truncateLarge)\r\n      .addClass(styles.open);\r\n\r\n    ellipsisEl.text(LanguageService.getPhrase(this.lang, 'showLess'));\r\n\r\n    this.showingMore = true;\r\n  }\r\n\r\n  private showLessDescription(): void {\r\n    const { descriptionTextEl, ellipsisEl } = this.getDescriptionElements();\r\n\r\n    let truncationClass;\r\n    if (this.options.size === VideoDescriptionTruncationSize.Small) truncationClass = 'truncateSmall';\r\n    if (this.options.size === VideoDescriptionTruncationSize.Large) truncationClass = 'truncateLarge';\r\n    descriptionTextEl.addClass(styles[truncationClass]);\r\n\r\n    ellipsisEl\r\n      .text(this.options.allowExpand ? `... ${LanguageService.getPhrase(this.lang, 'showMore')}` : '...')\r\n      .removeClass(styles.hideEllipsis)\r\n      .addClass(styles.showEllipsis);\r\n\r\n    this.showingMore = false;\r\n  }\r\n\r\n  private truncateDescription(): void {\r\n    if (!this.options.truncate)\r\n      return;\r\n\r\n    const { descriptionTextEl } = this.getDescriptionElements();\r\n    const maxLines = VideoDescriptionTruncationLineNumbers[this.options.size];\r\n    if (descriptionTextEl.height() <= (LINE_HEIGHT * maxLines))\r\n      return;\r\n\r\n    this.showLessDescription();\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      truncate: this.options.truncate,\r\n      expandable: this.options.allowExpand,\r\n      description: this.getDescription()\r\n    };\r\n  }\r\n\r\n  public onAttach(): void {\r\n    this.truncateDescription();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"columnNames\":\"cv--columnNames--1a1Re\",\"descriptionWrapper\":\"cv--descriptionWrapper--2MZC5\",\"description\":\"cv--description--3U9j9\",\"ellipsis\":\"cv--ellipsis--1YjUg\",\"singleEllipsis\":\"cv--singleEllipsis--3SNtn\",\"showMoreEllipsis\":\"cv--showMoreEllipsis--xy3i9\",\"showEllipsis\":\"cv--showEllipsis--1_L9t\",\"hideEllipsis\":\"cv--hideEllipsis--TCdgP\",\"open\":\"cv--open--18ojI\",\"truncateSmall\":\"cv--truncateSmall--nLuVF\",\"truncateLarge\":\"cv--truncateLarge--sEELY\"};","var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    return \"<div class=\\\"video-player-region cursor-pointer responsize-img\\\">\\r\\n  <div class=\\\"thumbnail-region\\\"></div>\\r\\n</div>\";\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash, Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { AnalyticsOptions, EntityType } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\nimport { ThumbnailComponent } from 'libs/shared/legacy/components/thumbnail/ThumbnailComponent';\r\n\r\nimport { LazyLoadBehavior } from 'shared/behaviors';\r\nimport { Video } from 'shared/models/Video';\r\nimport { RadioChannelHelper } from 'shared/utils';\r\nimport { LazyLoadMinBrowserSupportVersion } from 'shared/constants';\r\nimport { WebPlayerComponent } from 'shared/components/web-player/WebPlayerComponent';\r\n\r\nimport VideoPreviewTemplate from './VideoPreview.hbs';\r\n\r\ninterface VideoPreviewComponentOptions extends Core.ComponentOptions<Video> {\r\n  webPlayerUrl: string;\r\n  analyticsOptions?: AnalyticsOptions;\r\n  captureAnalytics?: boolean;\r\n}\r\n\r\nexport class VideoPreviewComponent extends Core.Component<Video> {\r\n  public options: VideoPreviewComponentOptions;\r\n  private player: WebPlayerComponent;\r\n\r\n  constructor(options: VideoPreviewComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.bindListeners();\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'VideoPreviewComponent';\r\n  }\r\n\r\n  public get template(): string {\r\n    return VideoPreviewTemplate;\r\n  }\r\n\r\n  public get instanceChannelName(): string {\r\n    return RadioChannelHelper.generateUniqueChannelName(this);\r\n  }\r\n\r\n  public get defaults(): ObjectHash {\r\n    return {\r\n      captureAnalytics: true\r\n    };\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    return [{\r\n      behaviorClass: LazyLoadBehavior,\r\n      selector: '.lazy-img',\r\n      callback: () => {\r\n        const channel = Radio.channel(this.instanceChannelName);\r\n        channel.trigger('show:play:icon');\r\n      },\r\n      minBrowserSupportVersion: LazyLoadMinBrowserSupportVersion\r\n    }];\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      player: {\r\n        el: '.video-player-region',\r\n        replaceElement: false\r\n      },\r\n      thumbnail: {\r\n        el: '.thumbnail-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      click: 'onClick'\r\n    };\r\n  }\r\n\r\n  private bindListeners(): void {\r\n    if (!this.options.channelName)\r\n      return;\r\n\r\n    this.listenTo(this.options.channelName, 'update:chapter:time', this.onUpdateWebplayer);\r\n  }\r\n\r\n  private onUpdateWebplayer(time: number): void {\r\n    /**\r\n     * Where the webplayer hasn't been set up yet, we want to render it then jump to \r\n     * the chapter's timepoint immediately once it has been initialised.\r\n     */\r\n    if (!this.player) {\r\n      this.listenToOnce(this.options.channelName, 'webplayer:loaded', _.bind(this.seekToChapter, this, time));\r\n      this.renderVideoPreview();\r\n      return;\r\n    }\r\n\r\n    this.seekToChapter(time);\r\n  }\r\n\r\n  private seekToChapter(time: number): void {\r\n    this.player.seekTo(time);\r\n  }\r\n\r\n  private onClick(): void {\r\n    if (this.player) return;\r\n\r\n    this.renderVideoPreview();\r\n  }\r\n\r\n  private renderThumbnail(): void {\r\n    this.showChildView('thumbnail', new ThumbnailComponent({\r\n      model: this.model,\r\n      thumbnailOptions: { size: ImageSize.Medium },\r\n      playIcon: true,\r\n      lazyload: true,\r\n      channelName: this.instanceChannelName\r\n    }));\r\n  }\r\n\r\n  private renderVideoPreview(): void {\r\n    this.player = new WebPlayerComponent({\r\n      model: this.model,\r\n      webPlayerUrl: this.options.webPlayerUrl,\r\n      parentChannelName: this.options.channelName,\r\n      autoplay: true,\r\n      analyticsOptions: AnalyticsHelper.mergeOptions(this.options.analyticsOptions, {\r\n        entity: EntityType.Video\r\n      }),\r\n      captureAnalytics: this.options.captureAnalytics\r\n    });\r\n\r\n    this.showChildView('player', this.player);\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderThumbnail();\r\n  }\r\n}\r\n"],"sourceRoot":""}

package/dist/scripts/60-fd82862934.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[60],{1005:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var r=n(2),o=n(237);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f(e);if(t){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l(this,n)}}function l(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}(l,e);var t,n,r,i=c(l);function l(){return a(this,l),i.apply(this,arguments)}return t=l,(n=[{key:"defaults",value:function(){return e={},t=o.c.Disabled,n=!0,t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e;var e,t,n}}])&&s(t.prototype,n),r&&s(t,r),l}(r.a.Model)},1160:function(e,t,n){"use strict";var r=n(3),o="staffRequests.utils",i={destinationLibrary:function(e){if(!e||!e.id)return r.a.getPhrase(o,"selectLibrary")},destinationFolder:function(e){if(!e||!e.id)return r.a.getPhrase(o,"selectFolder")}},a={message:[{required:!0,msg:function(){return r.a.getPhrase("staffRequests.utils","provideMessage")}}]};n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}))},1303:function(e,t,n){var r=n(9);e.exports=(r.default||r).template({1:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return(null!=(i=e.lambda(null!=(i=null!=t?t.options:t)?i.spinnerEl:i,t))?i:"")+"\r\n"},3:function(e,t,n,r,o){e.propertyIsEnumerable;var i,a=e.escapeExpression,s=null!=t?t:e.nullContext||{},u=e.hooks.helperMissing;return"<p><strong>"+a(e.lambda(null!=(i=null!=t?t.video:t)?i.name:i,t))+"</strong> "+a((n.lang||t&&t.lang||u).call(s,"notAddedToLibrary",{name:"lang",hash:{},data:o}))+'</p>\r\n<div class="form-group">\r\n  <label for="message">'+a((n.lang||t&&t.lang||u).call(s,"provideMessageForUser",{name:"lang",hash:{lastName:null!=(i=null!=t?t.user:t)?i.surname:i,firstName:null!=(i=null!=t?t.user:t)?i.username:i},data:o}))+'</label>\r\n  <textarea class="form-control" id="message" name="message" autofocus></textarea>\r\n  <div class="form-feedback"></div>\r\n</div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,r,o){var i;e.propertyIsEnumerable;return null!=(i=n.unless.call(null!=t?t:e.nullContext||{},null!=(i=null!=t?t.options:t)?i.dataFetched:i,{name:"unless",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?i:""},useData:!0})},1410:function(e,t,n){"use strict";n.r(t),n.d(t,"RejectStaffRequestView",(function(){return T}));var r=n(7),o=n(2),i=n(28),a=n(5),s=n(4),u=n(40),c=n(273),l=n(237),f=n(1005),d=n(0),p=n(12),h=n(3),y=n(1160),g=n(1303),m=n.n(g);function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=k(e);if(t){var o=k(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return R(this,n)}}function R(e,t){return!t||"object"!==b(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function k(e){return(k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var T=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(R,e);var t,n,g,b=S(R);function R(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,R),b.call(this,e)}return t=R,(n=[{key:"initialize",value:function(){this.staffRequestDataService=a.a.getInstance(d.g.StaffRequests,this),this.getViewModel(),this.bindListeners()}},{key:"events",value:function(){return{submit:"onSubmit"}}},{key:"bindListeners",value:function(){var e="".concat(d.f.STAFF_REQUEST_BY_ID,":").concat(this.options.requestId);this.listenTo(d.e.STAFF_REQUEST,"".concat(e,":sync"),this.render),this.listenTo(d.e.STAFF_REQUEST,"".concat(e,":error"),this.redirectToHome);var t="".concat(d.f.STAFF_REQUESTS,":").concat(this.options.requestId,":update");this.listenTo(d.e.STAFF_REQUEST,"".concat(t,":sync"),this.redirectToHome),this.listenTo(d.e.STAFF_REQUEST,"".concat(t,":error"),this.redirectToHome),this.listenTo(this.viewModel,"change",this.onChange)}},{key:"getViewModel",value:function(){this.viewModel=i.a.get(this.viewModelName),this.viewModel.addValidation(y.b)}},{key:"getBtnTooltipOptions",value:function(){if(!this.viewModel.isValid())return{title:h.a.getPhrase(this.lang,"provideMessage")}}},{key:"onChange",value:function(){this.spinnerModel.set(l.c.Disabled,!1===this.viewModel.isValid())}},{key:"onSubmit",value:function(e){e&&e.preventDefault(),this.viewModel.validate(),!1!==this.viewModel.isValid()&&(r.Radio.channel(this.channelName).trigger(l.b.ShowSpinner),this.staffRequestDataService.rejectStaffRequest(this.options.requestId,this.viewModel.get("message")),this.logAction())}},{key:"logAction",value:function(){var e={location:s.k.Popup,actionType:s.q.Reject,entity:s.e.StaffRequest,workflowPhase:s.r.Complete},t={id:this.options.requestId,videoId:this.model.get("video")&&this.model.get("video").id,requestingUserId:this.model.get("user")&&this.model.get("user").id,sourceLibraryId:this.model.get("sourceLibrary")&&this.model.get("sourceLibrary").id,sourceFolderId:this.model.get("sourceFolder")&&this.model.get("sourceFolder").id};u.a.logUserAction(t,e)}},{key:"redirectToHome",value:function(){o.a.AppLinkHelper.trigger({application:d.b.STAFF_REQUESTS,action:d.a.StaffRequests.HOME})}},{key:"onBeforeRender",value:function(){this.model=this.staffRequestDataService.getStaffRequest(this.options.requestId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:p.q.getSpinner({size:p.r.Large,extraClasses:"mx-auto"})}}},{key:"onRender",value:function(){r.Validation.bind(this,{model:this.viewModel})}},{key:"name",get:function(){return"RejectStaffRequestView"}},{key:"title",get:function(){return h.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"staffRequests.rejectStaffRequest"}},{key:"template",get:function(){return m.a}},{key:"tagName",get:function(){return"form"}},{key:"viewModelName",get:function(){return"".concat(this.name,":").concat(this.options.requestId)}},{key:"channelName",get:function(){return p.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:c.f,title:h.a.getPhrase(this.lang,"rejectCheck"),size:"modal-md",spinnerButtonOptions:{model:this.spinnerModel=new f.a,channelName:this.channelName,buttonText:h.a.getPhrase(this.lang,"reject"),extraButtonClass:"btn-danger",onClick:function(t){return e.onSubmit(t)},tooltip:function(){return e.getBtnTooltipOptions()}}},{behaviorClass:c.g,bindViewModel:!0}]}},{key:"bindings",get:function(){return{"[name=message]":{observe:"message",setOptions:{validate:!0}}}}}])&&v(t.prototype,n),g&&v(t,g),R}(o.a.View)}}]);