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

package/dist/scripts/1.chunk.js

@@ -0,0 +1,442 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[1],{
+
+/***/ "./src/apps/library-editor/behaviors/draggable-folder/DraggableFolderBehavior.ts":
+/*!***************************************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/draggable-folder/DraggableFolderBehavior.ts ***!
+  \***************************************************************************************/
+/*! exports provided: DraggableFolderBehavior */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DraggableFolderBehavior", function() { return DraggableFolderBehavior; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../shared */ "./src/apps/library-editor/behaviors/shared/index.ts");
+/* harmony import */ var _draggable_folder_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./draggable-folder.scss */ "./src/apps/library-editor/behaviors/draggable-folder/draggable-folder.scss");
+/* harmony import */ var _draggable_folder_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_draggable_folder_scss__WEBPACK_IMPORTED_MODULE_6__);
+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 DraggableFolderBehavior = /*#__PURE__*/function (_Core$Behavior) {
+  _inherits(DraggableFolderBehavior, _Core$Behavior);
+
+  var _super = _createSuper(DraggableFolderBehavior);
+
+  function DraggableFolderBehavior() {
+    _classCallCheck(this, DraggableFolderBehavior);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DraggableFolderBehavior, [{
+    key: "getClassMappings",
+    value: function getClassMappings() {
+      return {
+        'ui-draggable': _shared__WEBPACK_IMPORTED_MODULE_5__["styles"].draggable,
+        'ui-draggable-handle': _shared__WEBPACK_IMPORTED_MODULE_5__["styles"].handle,
+        'ui-draggable-disabled': _shared__WEBPACK_IMPORTED_MODULE_5__["styles"].disabled,
+        'ui-draggable-dragging': _shared__WEBPACK_IMPORTED_MODULE_5__["styles"].dragging
+      };
+    }
+  }, {
+    key: "helper",
+    value: function helper() {
+      var draggableItemComponent = new _shared__WEBPACK_IMPORTED_MODULE_5__["DraggableItemComponent"]({
+        text: this.view.model.get('name'),
+        svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Folder)
+      });
+      return draggableItemComponent.render().el;
+    }
+  }, {
+    key: "start",
+    value: function start() {
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_shared_constants__WEBPACK_IMPORTED_MODULE_4__["ServiceChannels"].FOLDER_DRAG_DROP).trigger('drag:start', this.view.model);
+      this.view.$el.addClass(_draggable_folder_scss__WEBPACK_IMPORTED_MODULE_6___default.a.draggingFolder);
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_shared_constants__WEBPACK_IMPORTED_MODULE_4__["ServiceChannels"].FOLDER_DRAG_DROP).trigger('drag:stop');
+      this.view.$el.removeClass(_draggable_folder_scss__WEBPACK_IMPORTED_MODULE_6___default.a.draggingFolder);
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      var options = {
+        helper: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.helper, this),
+        start: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.start, this),
+        stop: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.stop, this)
+      };
+      options.classes = this.getClassMappings();
+      this.view.$el.draggable(underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, _shared__WEBPACK_IMPORTED_MODULE_5__["DragOptions"], options));
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      /**
+       * Because JQuery.UI's draggable is a piece of shit
+       * it sometimes errors out on 'destroy' if the element has otherwise
+       * been disposed of before this fire. So we need to first check if
+       * there is still an instance of $.fn.draggable before we call destroy on it
+       */
+      if (this.view.$el.draggable('instance')) this.view.$el.draggable('destroy');
+    }
+  }]);
+
+  return DraggableFolderBehavior;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Behavior);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/draggable-folder/draggable-folder.scss":
+/*!**********************************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/draggable-folder/draggable-folder.scss ***!
+  \**********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dragging":"cv--dragging--2wBn3","draggingFolder":"cv--draggingFolder--1r3AS"};
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/droppable/DroppableBehavior.ts":
+/*!**************************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/droppable/DroppableBehavior.ts ***!
+  \**************************************************************************/
+/*! exports provided: DroppableBehavior */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DroppableBehavior", function() { return DroppableBehavior; });
+/* 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 _droppable_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./droppable.scss */ "./src/apps/library-editor/behaviors/droppable/droppable.scss");
+/* harmony import */ var _droppable_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_droppable_scss__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+/**
+ * How long to wait before opening child folders.
+ */
+
+var OPEN_FOLDER_TIMEOUT = 500;
+var DroppableBehavior = /*#__PURE__*/function (_Core$Behavior) {
+  _inherits(DroppableBehavior, _Core$Behavior);
+
+  var _super = _createSuper(DroppableBehavior);
+
+  function DroppableBehavior() {
+    _classCallCheck(this, DroppableBehavior);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DroppableBehavior, [{
+    key: "getDroppableElement",
+    value: function getDroppableElement() {
+      return this.options.ui ? this.view.getUI(this.options.ui) : this.$el;
+    }
+  }, {
+    key: "drop",
+    value: function drop() {
+      var _this = this;
+
+      underscore__WEBPACK_IMPORTED_MODULE_0__["each"](this.options.channelNames, function (channelName) {
+        backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(channelName).trigger('drag:drop', _this.view.model, _this.options.analyticsOptions);
+      });
+    }
+  }, {
+    key: "accept",
+    value: function accept() {
+      var _this2 = this;
+
+      var accept = false;
+
+      underscore__WEBPACK_IMPORTED_MODULE_0__["each"](this.options.channelNames, function (channelName) {
+        var channel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(channelName);
+        if (channel.request('accept', _this2.view.model) === true) accept = true;
+      });
+
+      return accept;
+    }
+  }, {
+    key: "over",
+    value: function over() {
+      var _this3 = this;
+
+      this.isHoveringOver = true;
+      window.setTimeout(function () {
+        if (!_this3.isHoveringOver) return;
+
+        _this3.view.trigger('open:sub:folders', _droppable_scss__WEBPACK_IMPORTED_MODULE_3__["active"]);
+      }, OPEN_FOLDER_TIMEOUT);
+    }
+  }, {
+    key: "out",
+    value: function out() {
+      this.isHoveringOver = false;
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      var options = {
+        tolerance: 'pointer',
+        drop: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.drop, this),
+        accept: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.accept, this),
+        over: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.over, this),
+        out: underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.out, this)
+      };
+      options.classes = {
+        'ui-droppable': _droppable_scss__WEBPACK_IMPORTED_MODULE_3__["droppable"],
+        'ui-droppable-active': _droppable_scss__WEBPACK_IMPORTED_MODULE_3__["active"],
+        'ui-droppable-hover': _droppable_scss__WEBPACK_IMPORTED_MODULE_3__["hover"]
+      };
+      this.getDroppableElement().droppable(options);
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      /**
+       * Because JQuery.UI's droppable is a piece of shit
+       * it sometimes errors out on 'destroy' if the element has otherwise
+       * been disposed of before this fire. So we need to first check if
+       * there is still an instance of $.fn.droppable before we call destroy on it
+       */
+      if (this.getDroppableElement().droppable('instance')) this.getDroppableElement().droppable('destroy');
+    }
+  }]);
+
+  return DroppableBehavior;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Behavior);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/shared/DragOptions.ts":
+/*!*****************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/shared/DragOptions.ts ***!
+  \*****************************************************************/
+/*! exports provided: DragOptions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragOptions", function() { return DragOptions; });
+var DragOptions = {
+  delay: 150,
+  cursorAt: {
+    left: -20,
+    top: 10
+  },
+  refreshPositions: true
+};
+
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/shared/DraggableItem.hbs":
+/*!********************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/shared/DraggableItem.hbs ***!
+  \********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "<span class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))
+    + " mr-2\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : "")
+    + "</span>\r\n<span class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.dragText : stack1), depth0))
+    + "\">"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))
+    + "</span>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/shared/DraggableItemComponent.ts":
+/*!****************************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/shared/DraggableItemComponent.ts ***!
+  \****************************************************************************/
+/*! exports provided: DraggableItemComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DraggableItemComponent", function() { return DraggableItemComponent; });
+/* 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 _draggable_item_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./draggable-item.scss */ "./src/apps/library-editor/behaviors/shared/draggable-item.scss");
+/* harmony import */ var _draggable_item_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_draggable_item_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DraggableItem.hbs */ "./src/apps/library-editor/behaviors/shared/DraggableItem.hbs");
+/* harmony import */ var _DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_2__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+var DraggableItemComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(DraggableItemComponent, _Core$Component);
+
+  var _super = _createSuper(DraggableItemComponent);
+
+  function DraggableItemComponent(options) {
+    _classCallCheck(this, DraggableItemComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(DraggableItemComponent, [{
+    key: "viewOptions",
+    value: function viewOptions() {
+      return Object.assign({
+        styles: _draggable_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a
+      }, this.options);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'DraggableItemComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_2___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "".concat(_draggable_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.dragItem, " p-3");
+    }
+  }]);
+
+  return DraggableItemComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/shared/draggable-item.scss":
+/*!**********************************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/shared/draggable-item.scss ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dragItem":"cv--dragItem--2TIZ7","svgContainer":"cv--svgContainer--3JzEU","dragText":"cv--dragText--1Kdwj"};
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/behaviors/shared/index.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/library-editor/behaviors/shared/index.ts ***!
+  \***********************************************************/
+/*! exports provided: styles, DraggableItemTemplate, DraggableItemComponent, DragOptions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _draggable_item_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./draggable-item.scss */ "./src/apps/library-editor/behaviors/shared/draggable-item.scss");
+/* harmony import */ var _draggable_item_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_draggable_item_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (default from non-harmony) */ __webpack_require__.d(__webpack_exports__, "styles", function() { return _draggable_item_scss__WEBPACK_IMPORTED_MODULE_0___default.a; });
+/* harmony import */ var _DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DraggableItem.hbs */ "./src/apps/library-editor/behaviors/shared/DraggableItem.hbs");
+/* harmony import */ var _DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony reexport (default from non-harmony) */ __webpack_require__.d(__webpack_exports__, "DraggableItemTemplate", function() { return _DraggableItem_hbs__WEBPACK_IMPORTED_MODULE_1___default.a; });
+/* harmony import */ var _DraggableItemComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DraggableItemComponent */ "./src/apps/library-editor/behaviors/shared/DraggableItemComponent.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DraggableItemComponent", function() { return _DraggableItemComponent__WEBPACK_IMPORTED_MODULE_2__["DraggableItemComponent"]; });
+
+/* harmony import */ var _DragOptions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DragOptions */ "./src/apps/library-editor/behaviors/shared/DragOptions.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragOptions", function() { return _DragOptions__WEBPACK_IMPORTED_MODULE_3__["DragOptions"]; });
+
+
+
+
+
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=1.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/behaviors/draggable-folder/DraggableFolderBehavior.ts","webpack://@clickview/library-editor/./src/apps/library-editor/behaviors/draggable-folder/draggable-folder.scss?3b9b","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/behaviors/droppable/DroppableBehavior.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/behaviors/shared/DragOptions.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/behaviors/shared/DraggableItem.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/behaviors/shared/DraggableItemComponent.ts","webpack://@clickview/library-editor/./src/apps/library-editor/behaviors/shared/draggable-item.scss?43dc","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/behaviors/shared/index.ts"],"names":[],"mappings":"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","file":"scripts/1.chunk.js","sourcesContent":["import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\nimport { Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { SvgHelper, cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { ServiceChannels } from 'shared/constants';\r\n\r\nimport { DraggableItemComponent, DragOptions, styles } from 'apps/library-editor/behaviors/shared';\r\n\r\nimport folderStyles from './draggable-folder.scss';\r\n\r\nexport class DraggableFolderBehavior extends Core.Behavior {\r\n  private getClassMappings(): ObjectHash {\r\n    return {\r\n      'ui-draggable':          styles.draggable,\r\n      'ui-draggable-handle':   styles.handle,\r\n      'ui-draggable-disabled': styles.disabled,\r\n      'ui-draggable-dragging': styles.dragging\r\n    };\r\n  }\r\n\r\n  private helper(): any {\r\n    const draggableItemComponent = new DraggableItemComponent({\r\n      text: this.view.model.get('name'),\r\n      svg: SvgHelper.getSvg(cvSvgLibrary.Folder)\r\n    });\r\n    return draggableItemComponent.render().el;\r\n  }\r\n\r\n  private start(): void {\r\n    Radio.channel(ServiceChannels.FOLDER_DRAG_DROP).trigger('drag:start', this.view.model);\r\n\r\n    this.view.$el.addClass(folderStyles.draggingFolder);\r\n  }\r\n\r\n  private stop(): void {\r\n    Radio.channel(ServiceChannels.FOLDER_DRAG_DROP)\r\n      .trigger('drag:stop');\r\n\r\n    this.view.$el.removeClass(folderStyles.draggingFolder);\r\n  }\r\n\r\n  public onRender(): void {\r\n    const options: JQueryUI.DraggableOptions = {\r\n      helper: _.bind(this.helper, this),\r\n      start:  _.bind(this.start, this),\r\n      stop:   _.bind(this.stop, this)\r\n    };\r\n    (options as any).classes = this.getClassMappings();\r\n    this.view.$el.draggable(_.extend({}, DragOptions, options));\r\n  }\r\n\r\n  public onBeforeDestroy(): void {\r\n    /**\r\n     * Because JQuery.UI's draggable is a piece of shit\r\n     * it sometimes errors out on 'destroy' if the element has otherwise\r\n     * been disposed of before this fire. So we need to first check if\r\n     * there is still an instance of $.fn.draggable before we call destroy on it\r\n     */\r\n    if (this.view.$el.draggable('instance'))\r\n      this.view.$el.draggable('destroy');\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dragging\":\"cv--dragging--2wBn3\",\"draggingFolder\":\"cv--draggingFolder--1r3AS\"};","import * as _ from 'underscore';\r\nimport { Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\n\r\nimport * as styles from './droppable.scss';\r\n\r\n/**\r\n * How long to wait before opening child folders.\r\n */\r\nconst OPEN_FOLDER_TIMEOUT = 500;\r\n\r\ninterface DroppableBehaviorOptions {\r\n  ui: string;\r\n  channelNames: string[];\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport class DroppableBehavior extends Core.Behavior {\r\n  public options: DroppableBehaviorOptions;\r\n  private isHoveringOver: boolean;\r\n\r\n  private getDroppableElement(): JQuery {\r\n    return this.options.ui ? this.view.getUI(this.options.ui) : this.$el;\r\n  }\r\n\r\n  private drop(): void {\r\n    _.each(this.options.channelNames, channelName => {\r\n      Radio.channel(channelName)\r\n        .trigger('drag:drop', this.view.model, this.options.analyticsOptions);\r\n    });\r\n  }\r\n\r\n  private accept(): boolean {\r\n    let accept = false;\r\n\r\n    _.each(this.options.channelNames, channelName => {\r\n      const channel = Radio.channel(channelName);\r\n      if (channel.request('accept', this.view.model) === true)\r\n        accept = true;\r\n    });\r\n\r\n    return accept;\r\n  }\r\n\r\n  private over(): void {\r\n    this.isHoveringOver = true;\r\n    window.setTimeout(() => {\r\n      if (!this.isHoveringOver) return;\r\n      this.view.trigger('open:sub:folders', styles.active);\r\n    }, OPEN_FOLDER_TIMEOUT);\r\n  }\r\n\r\n  private out(): void {\r\n    this.isHoveringOver = false;\r\n  }\r\n\r\n  public onRender(): void {\r\n    const options: JQueryUI.DroppableOptions = {\r\n      tolerance: 'pointer',\r\n      drop:      _.bind(this.drop, this),\r\n      accept:    _.bind(this.accept, this),\r\n      over:      _.bind(this.over, this),\r\n      out:       _.bind(this.out, this)\r\n    };\r\n\r\n    (options as any).classes = {\r\n      'ui-droppable':        styles.droppable,\r\n      'ui-droppable-active': styles.active,\r\n      'ui-droppable-hover':  styles.hover\r\n    };\r\n\r\n    this.getDroppableElement().droppable(options);\r\n  }\r\n\r\n  public onBeforeDestroy(): void {\r\n    /**\r\n     * Because JQuery.UI's droppable is a piece of shit\r\n     * it sometimes errors out on 'destroy' if the element has otherwise\r\n     * been disposed of before this fire. So we need to first check if\r\n     * there is still an instance of $.fn.droppable before we call destroy on it\r\n     */\r\n    if (this.getDroppableElement().droppable('instance'))\r\n      this.getDroppableElement().droppable('destroy');\r\n  }\r\n}","const DragOptions: JQueryUI.DraggableOptions = {\r\n  delay: 150,\r\n  cursorAt: { left: -20, top: 10 },\r\n  refreshPositions: true\r\n};\r\n\r\nexport { DragOptions };","var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return \"<span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))\n    + \" mr-2\\\">\"\n    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : \"\")\n    + \"</span>\\r\\n<span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.dragText : stack1), depth0))\n    + \"\\\">\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))\n    + \"</span>\";\n},\"useData\":true});","import { Core } from 'libs/common/core';\r\n\r\nimport styles from './draggable-item.scss';\r\nimport DraggableItemTemplate from './DraggableItem.hbs';\r\nimport { ObjectHash } from 'backbone';\r\n\r\ninterface DraggableItemComponentOptions extends Core.ComponentOptions {\r\n  text: string;\r\n  svg: string;\r\n}\r\n\r\nexport class DraggableItemComponent extends Core.Component {\r\n  public options: DraggableItemComponentOptions;\r\n\r\n  constructor(options: DraggableItemComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'DraggableItemComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return DraggableItemTemplate;\r\n  }\r\n\r\n  public get className(): string {\r\n    return `${styles.dragItem} p-3`;\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      ...this.options\r\n    };\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dragItem\":\"cv--dragItem--2TIZ7\",\"svgContainer\":\"cv--svgContainer--3JzEU\",\"dragText\":\"cv--dragText--1Kdwj\"};","import styles from './draggable-item.scss';\r\nimport DraggableItemTemplate from './DraggableItem.hbs';\r\n\r\nexport { styles, DraggableItemTemplate };\r\nexport * from './DraggableItemComponent';\r\nexport * from './DragOptions';"],"sourceRoot":""}

package/dist/scripts/10-3ff370d548.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[10],{1244:function(e,t,n){e.exports={container:"_2SYyd",embedInput:"ozkKz",textareaContainer:"_1monr",shareInput:"_36Arj",copyBtn:"_2UGxe",embedCopyBtn:"gaJap",footerText:"_3ydjG"}},1245:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({1:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return(null!=(a=e.lambda(null!=(a=null!=t?t.options:t)?a.spinnerEl:a,t))?a:"")+"\r\n"},3:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i,r=e.lambda,s=e.escapeExpression,u=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'\r\n<div class="'+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.container:a,t))+'">\r\n  <label for="share-input" class="mb-0 h6">'+s((n.lang||t&&t.lang||c).call(u,"shareLink",{name:"lang",hash:{},data:o}))+'</label>\r\n  <div class="input-group mb-2">\r\n    <input type="text" autocomplete="off" class="form-control '+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.shareInput:a,t))+'" id="share-input" spellcheck="false" readonly="true" value='+s("function"==typeof(i=null!=(i=n.shortUrl||(null!=t?t.shortUrl:t))?i:c)?i.call(u,{name:"shortUrl",hash:{},data:o}):i)+'>\r\n    <div class="input-group-append">\r\n      <button class="btn bg-white copy '+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.copyBtn:a,t))+'" type="button" data-clipboard-target="#share-input">'+s((n.lang||t&&t.lang||c).call(u,"copy",{name:"lang",hash:{},data:o}))+"</button>\r\n    </div>\r\n  </div>\r\n\r\n"+(null!=(a=n.unless.call(u,null!=(a=null!=t?t.options:t)?a.showEmbed:a,{name:"unless",hash:{},fn:e.program(4,o,0),inverse:e.noop,data:o}))?a:"")+"\r\n"+(null!=(a=n.if.call(u,null!=(a=null!=t?t.options:t)?a.showEmbed:a,{name:"if",hash:{},fn:e.program(6,o,0),inverse:e.noop,data:o}))?a:"")+"</div>\r\n"},4:function(e,t,n,l,o){e.propertyIsEnumerable;return'    <small class="embed-toggle"><a class="text-info cursor-pointer hover-text-underline">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"showOptions",{name:"lang",hash:{},data:o}))+"</a></small>\r\n"},6:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=null!=t?t:e.nullContext||{},r=e.hooks.helperMissing,s=e.escapeExpression,u=e.lambda;return'    <hr class="mt-4">\r\n    <label for="link-options-input" class="mb-2 h6">'+s((n.lang||t&&t.lang||r).call(i,"linkOptions",{name:"lang",hash:{},data:o}))+'</label>\r\n    <div class="custom-control custom-checkbox mb-2">\r\n      <input type="checkbox" autocomplete="off" class="custom-control-input public-checkbox" id="public-checkbox" name="public" '+(null!=(a=n.unless.call(i,null!=(a=null!=t?t.options:t)?a.canPublicShare:a,{name:"unless",hash:{},fn:e.program(7,o,0),inverse:e.noop,data:o}))?a:"")+'>\r\n      <label class="custom-control-label" for="public-checkbox">'+s((n.lang||t&&t.lang||r).call(i,"publicCheckbox",{name:"lang",hash:{},data:o}))+"</label>\r\n      "+(null!=(a=n.unless.call(i,null!=(a=null!=t?t.options:t)?a.canPublicShare:a,{name:"unless",hash:{},fn:e.program(9,o,0),inverse:e.noop,data:o}))?a:"")+'\r\n    </div>\r\n    <hr class="mt-4">\r\n    <label for="embed-input" class="mb-0 mt-2 h6">'+s((n.lang||t&&t.lang||r).call(i,"embed",{name:"lang",hash:{},data:o}))+'</label>\r\n    <div class="input-group mb-2 '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.textareaContainer:a,t))+'">\r\n      <textarea type="text" class="form-control rounded w-100 h-100 '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.embedInput:a,t))+'" id="embed-input" spellcheck="false" readonly="true">'+s(u(null!=(a=null!=t?t.options:t)?a.embedString:a,t))+'</textarea>\r\n      <div class="input-group-append '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.embedCopyBtn:a,t))+' rounded">\r\n        <button class="btn bg-white copy '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.copyBtn:a,t))+'" type="button" data-clipboard-target="#embed-input">'+s((n.lang||t&&t.lang||r).call(i,"copy",{name:"lang",hash:{},data:o}))+"</button>\r\n      </div>\r\n    </div>\r\n"+(null!=(a=n.if.call(i,null!=(a=null!=t?t.options:t)?a.videoSizes:a,{name:"if",hash:{},fn:e.program(11,o,0),inverse:e.noop,data:o}))?a:"")+'    <div class="custom-control custom-checkbox d-inline-block">\r\n      <input type="checkbox" autocomplete="off" class="custom-control-input autoplay-checkbox" id="autoplay-checkbox" name="autoplay">\r\n      <label class="custom-control-label" for="autoplay-checkbox">'+s((n.lang||t&&t.lang||r).call(i,"autoplay",{name:"lang",hash:{},data:o}))+"</label>\r\n    </div>\r\n"},7:function(e,t,n,l,o){return"disabled"},9:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return'<div class="text-muted">'+e.escapeExpression(e.lambda(null!=(a=null!=t?t.options:t)?a.cannotPublicShareText:a,t))+"</div>"},11:function(e,t,n,l,o){e.propertyIsEnumerable;return'      <label for="size-select" class="d-block pt-2 h6">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"playerSize",{name:"lang",hash:{},data:o}))+'</label>\r\n      <select class="custom-select w-25 mr-4 size-select" id="#size-select" name="selectedVideoSize"></select>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return null!=(a=n.if.call(null!=t?t:e.nullContext||{},null!=(a=null!=t?t.options:t)?a.showLoader:a,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?a:""},useData:!0})},1246:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=e.lambda,r=e.escapeExpression;return'<small class="text-left w-100 mb-0 '+r(i(null!=(a=null!=t?t.options:t)?a.footerTextClass:a,t))+'">'+r(i(null!=(a=null!=t?t.options:t)?a.privacyDescription:a,t))+"</small>"},useData:!0})},1247:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({1:function(e,t,n,l,o){return'style="position:absolute; top:0; left:0; width:100%; height:100%;"'},3:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=e.lambda,r=e.escapeExpression;return'width="'+r(i(null!=(a=null!=t?t.videoSize:t)?a.width:a,t))+'" height="'+r(i(null!=(a=null!=t?t.videoSize:t)?a.height:a,t))+'"'},compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i,r=null!=t?t:e.nullContext||{},s=e.hooks.helperMissing,u=e.escapeExpression;return'<iframe frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen '+(null!=(a=n.if.call(r,null!=t?t.isResponsive:t,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?a:"")+' src="'+u("function"==typeof(i=null!=(i=n.baseUrl||(null!=t?t.baseUrl:t))?i:s)?i.call(r,{name:"baseUrl",hash:{},data:o}):i)+"?shareCode="+u("function"==typeof(i=null!=(i=n.shortCode||(null!=t?t.shortCode:t))?i:s)?i.call(r,{name:"shortCode",hash:{},data:o}):i)+"&a="+u("function"==typeof(i=null!=(i=n.autoplay||(null!=t?t.autoplay:t))?i:s)?i.call(r,{name:"autoplay",hash:{},data:o}):i)+'"></iframe>'},useData:!0})},1474:function(e,t,n){"use strict";n.r(t);var l=n(1),o=n(1031),a=n(5),i=n(30),r=n(2),s=n(3),u=n(82),c="shared.shared-utils",p=function(){return[{label:s.a.getPhrase(c,"responsive"),width:"100%",height:"100%"},{label:s.a.getPhrase(c,"small"),width:"640",height:"360"},{label:s.a.getPhrase(c,"medium"),width:"1014",height:"576"},{label:s.a.getPhrase(c,"large"),width:"1280",height:"720"}]},h=n(283),d=n(187),f=n(16),b=n(8),m=n(13),y=n(1244),g=n.n(y),v=n(1245),k=n.n(v),w=n(1246),S=n.n(w),x=n(1247),C=n.n(x),E=n(0);function P(e){return(P="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 I(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(e,t){for(var n=0;n<t.length;n++){var l=t[n];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function z(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),e}function V(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&&D(e,t)}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _(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,l=T(e);if(t){var o=T(this).constructor;n=Reflect.construct(l,arguments,o)}else n=l.apply(this,arguments);return M(this,n)}}function M(e,t){return!t||"object"!==P(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 T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n.d(t,"ShareView",(function(){return U}));var R=function(e){V(n,e);var t=_(n);function n(e){return I(this,n),t.call(this,e)}return z(n,[{key:"viewOptions",value:function(){return{footerTextClass:g.a.footerText,privacyDescription:this.options.privacyDescription}}},{key:"name",get:function(){return"ShareFooterComponent"}},{key:"className",get:function(){return"modal-footer bg-light rounded-bottom"}},{key:"template",get:function(){return S.a}}]),n}(r.a.Component),U=function(e){V(n,e);var t=_(n);function n(e){var l;return I(this,n),(l=t.call(this,e)).clipboards=[],l}return z(n,[{key:"initialize",value:function(){this.setUpViewModel(),this.bindListeners(),this.videoDataService=a.a.getInstance(f.a.Video,this)}},{key:"events",value:function(){return{"click @ui.copy":"onClickCopy","click @ui.embedToggle":"onClickEmbed"}}},{key:"regions",value:function(){return{container:{el:".".concat(g.a.container),replaceElement:!1},footer:{el:".modal-footer",replaceElement:!0}}}},{key:"bindListeners",value:function(){this.listenTo(this.viewModel,"change:autoplay change:selectedVideoSize",this.render),this.listenTo(this.viewModel,"change:public",this.onTogglePublic),this.listenTo(E.e.VIDEO,"".concat(E.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render)}},{key:"setUpViewModel",value:function(){this.viewModel=i.a.get("share:".concat(this.options.videoId),this.options)}},{key:"onTogglePublic",value:function(){var e=this,t=this.viewModel.get("public")?b.l.Public:b.l.SchoolOnly;this.videoDataService.getSharedResource(this.videoId,t,(function(n){n.set("privacyId",t),e.onSharedResourceSync(n)}))}},{key:"updateViewModel",value:function(){this.viewModel.set("public",this.model.get("privacyId")===b.l.Public,{silent:!0})}},{key:"onSharedResourceSync",value:function(e){this.model=e,this.updateViewModel(),this.render()}},{key:"fetchData",value:function(){this.video=this.videoDataService.getVideo(this.videoId),this.model||this.videoDataService.getSharedResource(this.videoId,null,l.bind(this.onSharedResourceSync,this))}},{key:"buildEmbedString",value:function(){var e=l.extend({},this.model.toJSON(),this.viewModel.toJSON()),t=this.options.videoSizes[e.selectedVideoSize],n="100%"===t.height&&"100%"===t.width;e.videoSize=t,e.baseUrl=u.a.safeUrlConcat(this.config.get("onlineUrl"),"/share/embed"),e.isResponsive=n;var o=C()(e);return n?'<div style="padding:56.25% 0 0 0; position:relative;">'.concat(o,"</div>"):o}},{key:"onClickEmbed",value:function(){this.viewModel.set("showEmbed",!0),this.render()}},{key:"onClickCopy",value:function(e){this.$(e.currentTarget).text(s.a.getPhrase(this.lang,"copied"))}},{key:"getPrivacyDescription",value:function(e){switch(e){case b.l[b.l.Private]:return s.a.getPhrase(this.lang,"private");case b.l[b.l.SchoolOnly]:return s.a.getPhrase(this.lang,"schoolOnly");case b.l[b.l.Public]:return s.a.getPhrase(this.lang,"public");default:return""}}},{key:"initClipboards",value:function(){var e=this;this.destroyClipboards(),this.getUI("copy").each((function(t,n){e.clipboards.push(new o(n))}))}},{key:"destroyClipboards",value:function(){l.each(this.clipboards,(function(e){return e.destroy()})),this.clipboards=[]}},{key:"getCannotPublicShareText",value:function(){return this.video?m.x.isExchangeVideo(this.video)?s.a.getPhrase(this.lang,"cannotShareExchange"):s.a.getPhrase(this.lang,"cannotShareClickView"):""}},{key:"onBeforeDestroy",value:function(){this.destroyClipboards()}},{key:"renderFooter",value:function(){var e=this.model&&this.getPrivacyDescription(this.model.get("privacy"));this.showChildView("footer",new R({privacyDescription:e}))}},{key:"viewOptions",value:function(){return Object.assign(Object.assign({styles:g.a},this.viewModel.toJSON()),{embedString:this.model&&this.buildEmbedString(),spinnerEl:m.q.getSpinner({size:m.r.Large,extraClasses:"mx-auto"}),showLoader:!this.model||!this.video,canPublicShare:this.video&&m.j.canPublicShare(this.video),cannotPublicShareText:this.getCannotPublicShareText()})}},{key:"onBeforeRender",value:function(){this.fetchData()}},{key:"onRender",value:function(){this.initClipboards(),this.renderFooter()}},{key:"name",get:function(){return"ShareView"}},{key:"title",get:function(){return!1}},{key:"template",get:function(){return k.a}},{key:"lang",get:function(){return"shared.share"}},{key:"props",get:function(){return["videoId"]}},{key:"elements",get:function(){return{copy:".copy",embedToggle:".embed-toggle"}}},{key:"defaults",get:function(){return{autoplay:!1,selectedVideoSize:0,videoSizes:p()}}},{key:"behaviors",get:function(){return[{behaviorClass:h.f,title:s.a.getPhrase(this.lang,"share"),hideCloseButton:!0},{behaviorClass:h.g,bindViewModel:!0}]}},{key:"bindings",get:function(){var e=this;return{"[name=autoplay]":"autoplay","[name=selectedVideoSize]":{observe:"selectedVideoSize",selectOptions:{collection:function(){return l.map(e.options.videoSizes,(function(e,t){return{label:e.label,value:t}}))}}},"[name=public]":"public"}}},{key:"requiredResources",get:function(){return{config:d.b.config}}}]),n}(r.a.View)}}]);

package/dist/scripts/10-923c4b075a.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[10],{1237:function(e,t,n){e.exports={container:"_2SYyd",embedInput:"ozkKz",textareaContainer:"_1monr",shareInput:"_36Arj",copyBtn:"_2UGxe",embedCopyBtn:"gaJap",footerText:"_3ydjG"}},1238:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({1:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return(null!=(a=e.lambda(null!=(a=null!=t?t.options:t)?a.spinnerEl:a,t))?a:"")+"\r\n"},3:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i,r=e.lambda,s=e.escapeExpression,u=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'\r\n<div class="'+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.container:a,t))+'">\r\n  <label for="share-input" class="mb-0 h6">'+s((n.lang||t&&t.lang||c).call(u,"shareLink",{name:"lang",hash:{},data:o}))+'</label>\r\n  <div class="input-group mb-2">\r\n    <input type="text" autocomplete="off" class="form-control '+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.shareInput:a,t))+'" id="share-input" spellcheck="false" readonly="true" value='+s("function"==typeof(i=null!=(i=n.shortUrl||(null!=t?t.shortUrl:t))?i:c)?i.call(u,{name:"shortUrl",hash:{},data:o}):i)+'>\r\n    <div class="input-group-append">\r\n      <button class="btn bg-white copy '+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.copyBtn:a,t))+'" type="button" data-clipboard-target="#share-input">'+s((n.lang||t&&t.lang||c).call(u,"copy",{name:"lang",hash:{},data:o}))+"</button>\r\n    </div>\r\n  </div>\r\n\r\n"+(null!=(a=n.unless.call(u,null!=(a=null!=t?t.options:t)?a.showEmbed:a,{name:"unless",hash:{},fn:e.program(4,o,0),inverse:e.noop,data:o}))?a:"")+"\r\n"+(null!=(a=n.if.call(u,null!=(a=null!=t?t.options:t)?a.showEmbed:a,{name:"if",hash:{},fn:e.program(6,o,0),inverse:e.noop,data:o}))?a:"")+"</div>\r\n"},4:function(e,t,n,l,o){e.propertyIsEnumerable;return'    <small class="embed-toggle"><a class="text-info cursor-pointer hover-text-underline">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"showOptions",{name:"lang",hash:{},data:o}))+"</a></small>\r\n"},6:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=null!=t?t:e.nullContext||{},r=e.hooks.helperMissing,s=e.escapeExpression,u=e.lambda;return'    <hr class="mt-4">\r\n    <label for="link-options-input" class="mb-2 h6">'+s((n.lang||t&&t.lang||r).call(i,"linkOptions",{name:"lang",hash:{},data:o}))+'</label>\r\n    <div class="custom-control custom-checkbox mb-2">\r\n      <input type="checkbox" autocomplete="off" class="custom-control-input public-checkbox" id="public-checkbox" name="public" '+(null!=(a=n.unless.call(i,null!=(a=null!=t?t.options:t)?a.canPublicShare:a,{name:"unless",hash:{},fn:e.program(7,o,0),inverse:e.noop,data:o}))?a:"")+'>\r\n      <label class="custom-control-label" for="public-checkbox">'+s((n.lang||t&&t.lang||r).call(i,"publicCheckbox",{name:"lang",hash:{},data:o}))+"</label>\r\n      "+(null!=(a=n.unless.call(i,null!=(a=null!=t?t.options:t)?a.canPublicShare:a,{name:"unless",hash:{},fn:e.program(9,o,0),inverse:e.noop,data:o}))?a:"")+'\r\n    </div>\r\n    <hr class="mt-4">\r\n    <label for="embed-input" class="mb-0 mt-2 h6">'+s((n.lang||t&&t.lang||r).call(i,"embed",{name:"lang",hash:{},data:o}))+'</label>\r\n    <div class="input-group mb-2 '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.textareaContainer:a,t))+'">\r\n      <textarea type="text" class="form-control rounded w-100 h-100 '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.embedInput:a,t))+'" id="embed-input" spellcheck="false" readonly="true">'+s(u(null!=(a=null!=t?t.options:t)?a.embedString:a,t))+'</textarea>\r\n      <div class="input-group-append '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.embedCopyBtn:a,t))+' rounded">\r\n        <button class="btn bg-white copy '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.copyBtn:a,t))+'" type="button" data-clipboard-target="#embed-input">'+s((n.lang||t&&t.lang||r).call(i,"copy",{name:"lang",hash:{},data:o}))+"</button>\r\n      </div>\r\n    </div>\r\n"+(null!=(a=n.if.call(i,null!=(a=null!=t?t.options:t)?a.videoSizes:a,{name:"if",hash:{},fn:e.program(11,o,0),inverse:e.noop,data:o}))?a:"")+'    <div class="custom-control custom-checkbox d-inline-block">\r\n      <input type="checkbox" autocomplete="off" class="custom-control-input autoplay-checkbox" id="autoplay-checkbox" name="autoplay">\r\n      <label class="custom-control-label" for="autoplay-checkbox">'+s((n.lang||t&&t.lang||r).call(i,"autoplay",{name:"lang",hash:{},data:o}))+"</label>\r\n    </div>\r\n"},7:function(e,t,n,l,o){return"disabled"},9:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return'<div class="text-muted">'+e.escapeExpression(e.lambda(null!=(a=null!=t?t.options:t)?a.cannotPublicShareText:a,t))+"</div>"},11:function(e,t,n,l,o){e.propertyIsEnumerable;return'      <label for="size-select" class="d-block pt-2 h6">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"playerSize",{name:"lang",hash:{},data:o}))+'</label>\r\n      <select class="custom-select w-25 mr-4 size-select" id="#size-select" name="selectedVideoSize"></select>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return null!=(a=n.if.call(null!=t?t:e.nullContext||{},null!=(a=null!=t?t.options:t)?a.showLoader:a,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?a:""},useData:!0})},1239:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=e.lambda,r=e.escapeExpression;return'<small class="text-left w-100 mb-0 '+r(i(null!=(a=null!=t?t.options:t)?a.footerTextClass:a,t))+'">'+r(i(null!=(a=null!=t?t.options:t)?a.privacyDescription:a,t))+"</small>"},useData:!0})},1240:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({1:function(e,t,n,l,o){return'style="position:absolute; top:0; left:0; width:100%; height:100%;"'},3:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=e.lambda,r=e.escapeExpression;return'width="'+r(i(null!=(a=null!=t?t.videoSize:t)?a.width:a,t))+'" height="'+r(i(null!=(a=null!=t?t.videoSize:t)?a.height:a,t))+'"'},compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i,r=null!=t?t:e.nullContext||{},s=e.hooks.helperMissing,u=e.escapeExpression;return'<iframe frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen '+(null!=(a=n.if.call(r,null!=t?t.isResponsive:t,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?a:"")+' src="'+u("function"==typeof(i=null!=(i=n.baseUrl||(null!=t?t.baseUrl:t))?i:s)?i.call(r,{name:"baseUrl",hash:{},data:o}):i)+"?shareCode="+u("function"==typeof(i=null!=(i=n.shortCode||(null!=t?t.shortCode:t))?i:s)?i.call(r,{name:"shortCode",hash:{},data:o}):i)+"&a="+u("function"==typeof(i=null!=(i=n.autoplay||(null!=t?t.autoplay:t))?i:s)?i.call(r,{name:"autoplay",hash:{},data:o}):i)+'"></iframe>'},useData:!0})},1467:function(e,t,n){"use strict";n.r(t);var l=n(1),o=n(1026),a=n(5),i=n(30),r=n(2),s=n(3),u=n(82),c="shared.shared-utils",p=function(){return[{label:s.a.getPhrase(c,"responsive"),width:"100%",height:"100%"},{label:s.a.getPhrase(c,"small"),width:"640",height:"360"},{label:s.a.getPhrase(c,"medium"),width:"1014",height:"576"},{label:s.a.getPhrase(c,"large"),width:"1280",height:"720"}]},h=n(283),d=n(187),f=n(16),b=n(8),m=n(13),y=n(1237),g=n.n(y),v=n(1238),k=n.n(v),w=n(1239),S=n.n(w),x=n(1240),C=n.n(x),E=n(0);function P(e){return(P="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 I(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(e,t){for(var n=0;n<t.length;n++){var l=t[n];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function z(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),e}function V(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&&D(e,t)}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _(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,l=T(e);if(t){var o=T(this).constructor;n=Reflect.construct(l,arguments,o)}else n=l.apply(this,arguments);return M(this,n)}}function M(e,t){return!t||"object"!==P(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 T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n.d(t,"ShareView",(function(){return U}));var R=function(e){V(n,e);var t=_(n);function n(e){return I(this,n),t.call(this,e)}return z(n,[{key:"viewOptions",value:function(){return{footerTextClass:g.a.footerText,privacyDescription:this.options.privacyDescription}}},{key:"name",get:function(){return"ShareFooterComponent"}},{key:"className",get:function(){return"modal-footer bg-light rounded-bottom"}},{key:"template",get:function(){return S.a}}]),n}(r.a.Component),U=function(e){V(n,e);var t=_(n);function n(e){var l;return I(this,n),(l=t.call(this,e)).clipboards=[],l}return z(n,[{key:"initialize",value:function(){this.setUpViewModel(),this.bindListeners(),this.videoDataService=a.a.getInstance(f.a.Video,this)}},{key:"events",value:function(){return{"click @ui.copy":"onClickCopy","click @ui.embedToggle":"onClickEmbed"}}},{key:"regions",value:function(){return{container:{el:".".concat(g.a.container),replaceElement:!1},footer:{el:".modal-footer",replaceElement:!0}}}},{key:"bindListeners",value:function(){this.listenTo(this.viewModel,"change:autoplay change:selectedVideoSize",this.render),this.listenTo(this.viewModel,"change:public",this.onTogglePublic),this.listenTo(E.e.VIDEO,"".concat(E.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render)}},{key:"setUpViewModel",value:function(){this.viewModel=i.a.get("share:".concat(this.options.videoId),this.options)}},{key:"onTogglePublic",value:function(){var e=this,t=this.viewModel.get("public")?b.l.Public:b.l.SchoolOnly;this.videoDataService.getSharedResource(this.videoId,t,(function(n){n.set("privacyId",t),e.onSharedResourceSync(n)}))}},{key:"updateViewModel",value:function(){this.viewModel.set("public",this.model.get("privacyId")===b.l.Public,{silent:!0})}},{key:"onSharedResourceSync",value:function(e){this.model=e,this.updateViewModel(),this.render()}},{key:"fetchData",value:function(){this.video=this.videoDataService.getVideo(this.videoId),this.model||this.videoDataService.getSharedResource(this.videoId,null,l.bind(this.onSharedResourceSync,this))}},{key:"buildEmbedString",value:function(){var e=l.extend({},this.model.toJSON(),this.viewModel.toJSON()),t=this.options.videoSizes[e.selectedVideoSize],n="100%"===t.height&&"100%"===t.width;e.videoSize=t,e.baseUrl=u.a.safeUrlConcat(this.config.get("onlineUrl"),"/share/embed"),e.isResponsive=n;var o=C()(e);return n?'<div style="padding:56.25% 0 0 0; position:relative;">'.concat(o,"</div>"):o}},{key:"onClickEmbed",value:function(){this.viewModel.set("showEmbed",!0),this.render()}},{key:"onClickCopy",value:function(e){this.$(e.currentTarget).text(s.a.getPhrase(this.lang,"copied"))}},{key:"getPrivacyDescription",value:function(e){switch(e){case b.l[b.l.Private]:return s.a.getPhrase(this.lang,"private");case b.l[b.l.SchoolOnly]:return s.a.getPhrase(this.lang,"schoolOnly");case b.l[b.l.Public]:return s.a.getPhrase(this.lang,"public");default:return""}}},{key:"initClipboards",value:function(){var e=this;this.destroyClipboards(),this.getUI("copy").each((function(t,n){e.clipboards.push(new o(n))}))}},{key:"destroyClipboards",value:function(){l.each(this.clipboards,(function(e){return e.destroy()})),this.clipboards=[]}},{key:"getCannotPublicShareText",value:function(){return this.video?m.x.isExchangeVideo(this.video)?s.a.getPhrase(this.lang,"cannotShareExchange"):s.a.getPhrase(this.lang,"cannotShareClickView"):""}},{key:"onBeforeDestroy",value:function(){this.destroyClipboards()}},{key:"renderFooter",value:function(){var e=this.model&&this.getPrivacyDescription(this.model.get("privacy"));this.showChildView("footer",new R({privacyDescription:e}))}},{key:"viewOptions",value:function(){return Object.assign(Object.assign({styles:g.a},this.viewModel.toJSON()),{embedString:this.model&&this.buildEmbedString(),spinnerEl:m.q.getSpinner({size:m.r.Large,extraClasses:"mx-auto"}),showLoader:!this.model||!this.video,canPublicShare:this.video&&m.j.canPublicShare(this.video),cannotPublicShareText:this.getCannotPublicShareText()})}},{key:"onBeforeRender",value:function(){this.fetchData()}},{key:"onRender",value:function(){this.initClipboards(),this.renderFooter()}},{key:"name",get:function(){return"ShareView"}},{key:"title",get:function(){return!1}},{key:"template",get:function(){return k.a}},{key:"lang",get:function(){return"shared.share"}},{key:"props",get:function(){return["videoId"]}},{key:"elements",get:function(){return{copy:".copy",embedToggle:".embed-toggle"}}},{key:"defaults",get:function(){return{autoplay:!1,selectedVideoSize:0,videoSizes:p()}}},{key:"behaviors",get:function(){return[{behaviorClass:h.f,title:s.a.getPhrase(this.lang,"share"),hideCloseButton:!0},{behaviorClass:h.g,bindViewModel:!0}]}},{key:"bindings",get:function(){var e=this;return{"[name=autoplay]":"autoplay","[name=selectedVideoSize]":{observe:"selectedVideoSize",selectOptions:{collection:function(){return l.map(e.options.videoSizes,(function(e,t){return{label:e.label,value:t}}))}}},"[name=public]":"public"}}},{key:"requiredResources",get:function(){return{config:d.b.config}}}]),n}(r.a.View)}}]);

package/dist/scripts/10-e2fea45a6c.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[10],{1243:function(e,t,n){e.exports={container:"_2SYyd",embedInput:"ozkKz",textareaContainer:"_1monr",shareInput:"_36Arj",copyBtn:"_2UGxe",embedCopyBtn:"gaJap",footerText:"_3ydjG"}},1244:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({1:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return(null!=(a=e.lambda(null!=(a=null!=t?t.options:t)?a.spinnerEl:a,t))?a:"")+"\r\n"},3:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i,r=e.lambda,s=e.escapeExpression,u=null!=t?t:e.nullContext||{},c=e.hooks.helperMissing;return'\r\n<div class="'+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.container:a,t))+'">\r\n  <label for="share-input" class="mb-0 h6">'+s((n.lang||t&&t.lang||c).call(u,"shareLink",{name:"lang",hash:{},data:o}))+'</label>\r\n  <div class="input-group mb-2">\r\n    <input type="text" autocomplete="off" class="form-control '+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.shareInput:a,t))+'" id="share-input" spellcheck="false" readonly="true" value='+s("function"==typeof(i=null!=(i=n.shortUrl||(null!=t?t.shortUrl:t))?i:c)?i.call(u,{name:"shortUrl",hash:{},data:o}):i)+'>\r\n    <div class="input-group-append">\r\n      <button class="btn bg-white copy '+s(r(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.copyBtn:a,t))+'" type="button" data-clipboard-target="#share-input">'+s((n.lang||t&&t.lang||c).call(u,"copy",{name:"lang",hash:{},data:o}))+"</button>\r\n    </div>\r\n  </div>\r\n\r\n"+(null!=(a=n.unless.call(u,null!=(a=null!=t?t.options:t)?a.showEmbed:a,{name:"unless",hash:{},fn:e.program(4,o,0),inverse:e.noop,data:o}))?a:"")+"\r\n"+(null!=(a=n.if.call(u,null!=(a=null!=t?t.options:t)?a.showEmbed:a,{name:"if",hash:{},fn:e.program(6,o,0),inverse:e.noop,data:o}))?a:"")+"</div>\r\n"},4:function(e,t,n,l,o){e.propertyIsEnumerable;return'    <small class="embed-toggle"><a class="text-info cursor-pointer hover-text-underline">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"showOptions",{name:"lang",hash:{},data:o}))+"</a></small>\r\n"},6:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=null!=t?t:e.nullContext||{},r=e.hooks.helperMissing,s=e.escapeExpression,u=e.lambda;return'    <hr class="mt-4">\r\n    <label for="link-options-input" class="mb-2 h6">'+s((n.lang||t&&t.lang||r).call(i,"linkOptions",{name:"lang",hash:{},data:o}))+'</label>\r\n    <div class="custom-control custom-checkbox mb-2">\r\n      <input type="checkbox" autocomplete="off" class="custom-control-input public-checkbox" id="public-checkbox" name="public" '+(null!=(a=n.unless.call(i,null!=(a=null!=t?t.options:t)?a.canPublicShare:a,{name:"unless",hash:{},fn:e.program(7,o,0),inverse:e.noop,data:o}))?a:"")+'>\r\n      <label class="custom-control-label" for="public-checkbox">'+s((n.lang||t&&t.lang||r).call(i,"publicCheckbox",{name:"lang",hash:{},data:o}))+"</label>\r\n      "+(null!=(a=n.unless.call(i,null!=(a=null!=t?t.options:t)?a.canPublicShare:a,{name:"unless",hash:{},fn:e.program(9,o,0),inverse:e.noop,data:o}))?a:"")+'\r\n    </div>\r\n    <hr class="mt-4">\r\n    <label for="embed-input" class="mb-0 mt-2 h6">'+s((n.lang||t&&t.lang||r).call(i,"embed",{name:"lang",hash:{},data:o}))+'</label>\r\n    <div class="input-group mb-2 '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.textareaContainer:a,t))+'">\r\n      <textarea type="text" class="form-control rounded w-100 h-100 '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.embedInput:a,t))+'" id="embed-input" spellcheck="false" readonly="true">'+s(u(null!=(a=null!=t?t.options:t)?a.embedString:a,t))+'</textarea>\r\n      <div class="input-group-append '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.embedCopyBtn:a,t))+' rounded">\r\n        <button class="btn bg-white copy '+s(u(null!=(a=null!=(a=null!=t?t.options:t)?a.styles:a)?a.copyBtn:a,t))+'" type="button" data-clipboard-target="#embed-input">'+s((n.lang||t&&t.lang||r).call(i,"copy",{name:"lang",hash:{},data:o}))+"</button>\r\n      </div>\r\n    </div>\r\n"+(null!=(a=n.if.call(i,null!=(a=null!=t?t.options:t)?a.videoSizes:a,{name:"if",hash:{},fn:e.program(11,o,0),inverse:e.noop,data:o}))?a:"")+'    <div class="custom-control custom-checkbox d-inline-block">\r\n      <input type="checkbox" autocomplete="off" class="custom-control-input autoplay-checkbox" id="autoplay-checkbox" name="autoplay">\r\n      <label class="custom-control-label" for="autoplay-checkbox">'+s((n.lang||t&&t.lang||r).call(i,"autoplay",{name:"lang",hash:{},data:o}))+"</label>\r\n    </div>\r\n"},7:function(e,t,n,l,o){return"disabled"},9:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return'<div class="text-muted">'+e.escapeExpression(e.lambda(null!=(a=null!=t?t.options:t)?a.cannotPublicShareText:a,t))+"</div>"},11:function(e,t,n,l,o){e.propertyIsEnumerable;return'      <label for="size-select" class="d-block pt-2 h6">'+e.escapeExpression((n.lang||t&&t.lang||e.hooks.helperMissing).call(null!=t?t:e.nullContext||{},"playerSize",{name:"lang",hash:{},data:o}))+'</label>\r\n      <select class="custom-select w-25 mr-4 size-select" id="#size-select" name="selectedVideoSize"></select>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){var a;e.propertyIsEnumerable;return null!=(a=n.if.call(null!=t?t:e.nullContext||{},null!=(a=null!=t?t.options:t)?a.showLoader:a,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?a:""},useData:!0})},1245:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=e.lambda,r=e.escapeExpression;return'<small class="text-left w-100 mb-0 '+r(i(null!=(a=null!=t?t.options:t)?a.footerTextClass:a,t))+'">'+r(i(null!=(a=null!=t?t.options:t)?a.privacyDescription:a,t))+"</small>"},useData:!0})},1246:function(e,t,n){var l=n(10);e.exports=(l.default||l).template({1:function(e,t,n,l,o){return'style="position:absolute; top:0; left:0; width:100%; height:100%;"'},3:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i=e.lambda,r=e.escapeExpression;return'width="'+r(i(null!=(a=null!=t?t.videoSize:t)?a.width:a,t))+'" height="'+r(i(null!=(a=null!=t?t.videoSize:t)?a.height:a,t))+'"'},compiler:[8,">= 4.3.0"],main:function(e,t,n,l,o){e.propertyIsEnumerable;var a,i,r=null!=t?t:e.nullContext||{},s=e.hooks.helperMissing,u=e.escapeExpression;return'<iframe frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen '+(null!=(a=n.if.call(r,null!=t?t.isResponsive:t,{name:"if",hash:{},fn:e.program(1,o,0),inverse:e.program(3,o,0),data:o}))?a:"")+' src="'+u("function"==typeof(i=null!=(i=n.baseUrl||(null!=t?t.baseUrl:t))?i:s)?i.call(r,{name:"baseUrl",hash:{},data:o}):i)+"?shareCode="+u("function"==typeof(i=null!=(i=n.shortCode||(null!=t?t.shortCode:t))?i:s)?i.call(r,{name:"shortCode",hash:{},data:o}):i)+"&a="+u("function"==typeof(i=null!=(i=n.autoplay||(null!=t?t.autoplay:t))?i:s)?i.call(r,{name:"autoplay",hash:{},data:o}):i)+'"></iframe>'},useData:!0})},1473:function(e,t,n){"use strict";n.r(t);var l=n(1),o=n(1030),a=n(5),i=n(30),r=n(2),s=n(3),u=n(82),c="shared.shared-utils",p=function(){return[{label:s.a.getPhrase(c,"responsive"),width:"100%",height:"100%"},{label:s.a.getPhrase(c,"small"),width:"640",height:"360"},{label:s.a.getPhrase(c,"medium"),width:"1014",height:"576"},{label:s.a.getPhrase(c,"large"),width:"1280",height:"720"}]},h=n(283),d=n(187),f=n(16),b=n(8),m=n(13),y=n(1243),g=n.n(y),v=n(1244),k=n.n(v),w=n(1245),S=n.n(w),x=n(1246),C=n.n(x),E=n(0);function P(e){return(P="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 I(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(e,t){for(var n=0;n<t.length;n++){var l=t[n];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function z(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),e}function V(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&&D(e,t)}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _(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,l=T(e);if(t){var o=T(this).constructor;n=Reflect.construct(l,arguments,o)}else n=l.apply(this,arguments);return M(this,n)}}function M(e,t){return!t||"object"!==P(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 T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}n.d(t,"ShareView",(function(){return U}));var R=function(e){V(n,e);var t=_(n);function n(e){return I(this,n),t.call(this,e)}return z(n,[{key:"viewOptions",value:function(){return{footerTextClass:g.a.footerText,privacyDescription:this.options.privacyDescription}}},{key:"name",get:function(){return"ShareFooterComponent"}},{key:"className",get:function(){return"modal-footer bg-light rounded-bottom"}},{key:"template",get:function(){return S.a}}]),n}(r.a.Component),U=function(e){V(n,e);var t=_(n);function n(e){var l;return I(this,n),(l=t.call(this,e)).clipboards=[],l}return z(n,[{key:"initialize",value:function(){this.setUpViewModel(),this.bindListeners(),this.videoDataService=a.a.getInstance(f.a.Video,this)}},{key:"events",value:function(){return{"click @ui.copy":"onClickCopy","click @ui.embedToggle":"onClickEmbed"}}},{key:"regions",value:function(){return{container:{el:".".concat(g.a.container),replaceElement:!1},footer:{el:".modal-footer",replaceElement:!0}}}},{key:"bindListeners",value:function(){this.listenTo(this.viewModel,"change:autoplay change:selectedVideoSize",this.render),this.listenTo(this.viewModel,"change:public",this.onTogglePublic),this.listenTo(E.e.VIDEO,"".concat(E.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render)}},{key:"setUpViewModel",value:function(){this.viewModel=i.a.get("share:".concat(this.options.videoId),this.options)}},{key:"onTogglePublic",value:function(){var e=this,t=this.viewModel.get("public")?b.l.Public:b.l.SchoolOnly;this.videoDataService.getSharedResource(this.videoId,t,(function(n){n.set("privacyId",t),e.onSharedResourceSync(n)}))}},{key:"updateViewModel",value:function(){this.viewModel.set("public",this.model.get("privacyId")===b.l.Public,{silent:!0})}},{key:"onSharedResourceSync",value:function(e){this.model=e,this.updateViewModel(),this.render()}},{key:"fetchData",value:function(){this.video=this.videoDataService.getVideo(this.videoId),this.model||this.videoDataService.getSharedResource(this.videoId,null,l.bind(this.onSharedResourceSync,this))}},{key:"buildEmbedString",value:function(){var e=l.extend({},this.model.toJSON(),this.viewModel.toJSON()),t=this.options.videoSizes[e.selectedVideoSize],n="100%"===t.height&&"100%"===t.width;e.videoSize=t,e.baseUrl=u.a.safeUrlConcat(this.config.get("onlineUrl"),"/share/embed"),e.isResponsive=n;var o=C()(e);return n?'<div style="padding:56.25% 0 0 0; position:relative;">'.concat(o,"</div>"):o}},{key:"onClickEmbed",value:function(){this.viewModel.set("showEmbed",!0),this.render()}},{key:"onClickCopy",value:function(e){this.$(e.currentTarget).text(s.a.getPhrase(this.lang,"copied"))}},{key:"getPrivacyDescription",value:function(e){switch(e){case b.l[b.l.Private]:return s.a.getPhrase(this.lang,"private");case b.l[b.l.SchoolOnly]:return s.a.getPhrase(this.lang,"schoolOnly");case b.l[b.l.Public]:return s.a.getPhrase(this.lang,"public");default:return""}}},{key:"initClipboards",value:function(){var e=this;this.destroyClipboards(),this.getUI("copy").each((function(t,n){e.clipboards.push(new o(n))}))}},{key:"destroyClipboards",value:function(){l.each(this.clipboards,(function(e){return e.destroy()})),this.clipboards=[]}},{key:"getCannotPublicShareText",value:function(){return this.video?m.x.isExchangeVideo(this.video)?s.a.getPhrase(this.lang,"cannotShareExchange"):s.a.getPhrase(this.lang,"cannotShareClickView"):""}},{key:"onBeforeDestroy",value:function(){this.destroyClipboards()}},{key:"renderFooter",value:function(){var e=this.model&&this.getPrivacyDescription(this.model.get("privacy"));this.showChildView("footer",new R({privacyDescription:e}))}},{key:"viewOptions",value:function(){return Object.assign(Object.assign({styles:g.a},this.viewModel.toJSON()),{embedString:this.model&&this.buildEmbedString(),spinnerEl:m.q.getSpinner({size:m.r.Large,extraClasses:"mx-auto"}),showLoader:!this.model||!this.video,canPublicShare:this.video&&m.j.canPublicShare(this.video),cannotPublicShareText:this.getCannotPublicShareText()})}},{key:"onBeforeRender",value:function(){this.fetchData()}},{key:"onRender",value:function(){this.initClipboards(),this.renderFooter()}},{key:"name",get:function(){return"ShareView"}},{key:"title",get:function(){return!1}},{key:"template",get:function(){return k.a}},{key:"lang",get:function(){return"shared.share"}},{key:"props",get:function(){return["videoId"]}},{key:"elements",get:function(){return{copy:".copy",embedToggle:".embed-toggle"}}},{key:"defaults",get:function(){return{autoplay:!1,selectedVideoSize:0,videoSizes:p()}}},{key:"behaviors",get:function(){return[{behaviorClass:h.f,title:s.a.getPhrase(this.lang,"share"),hideCloseButton:!0},{behaviorClass:h.g,bindViewModel:!0}]}},{key:"bindings",get:function(){var e=this;return{"[name=autoplay]":"autoplay","[name=selectedVideoSize]":{observe:"selectedVideoSize",selectOptions:{collection:function(){return l.map(e.options.videoSizes,(function(e,t){return{label:e.label,value:t}}))}}},"[name=public]":"public"}}},{key:"requiredResources",get:function(){return{config:d.b.config}}}]),n}(r.a.View)}}]);