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

package/dist/scripts/6.chunk.js

@@ -1,484 +0,0 @@
-(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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/video-description/VideoDescription.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/video-description/VideoDescriptionComponent.ts","webpack://@clickview/library-editor/./src/shared/components/video-description/video-description.scss?fdb1","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/video-preview/VideoPreview.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/video-preview/VideoPreviewComponent.ts"],"names":[],"mappings":"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","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":""}