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

package/dist/scripts/2.chunk.js

@@ -0,0 +1,523 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[2],{
+
+/***/ "./src/shared/components/left-nav/LeftNavComponent.ts":
+/*!************************************************************!*\
+  !*** ./src/shared/components/left-nav/LeftNavComponent.ts ***!
+  \************************************************************/
+/*! exports provided: LeftNavComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LeftNavComponent", function() { return LeftNavComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _LeftNavNodeComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LeftNavNodeComponent */ "./src/shared/components/left-nav/LeftNavNodeComponent.ts");
+/* harmony import */ var _left_nav_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./left-nav.scss */ "./src/shared/components/left-nav/left-nav.scss");
+/* harmony import */ var _left_nav_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_left_nav_scss__WEBPACK_IMPORTED_MODULE_3__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+var LeftNavComponent = /*#__PURE__*/function (_Core$ComponentCollec) {
+  _inherits(LeftNavComponent, _Core$ComponentCollec);
+
+  var _super = _createSuper(LeftNavComponent);
+
+  function LeftNavComponent(options) {
+    _classCallCheck(this, LeftNavComponent);
+
+    options.styles = underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, _left_nav_scss__WEBPACK_IMPORTED_MODULE_3___default.a, options.styles);
+    return _super.call(this, options);
+  }
+
+  _createClass(LeftNavComponent, [{
+    key: "name",
+    get: function get() {
+      return 'LeftNavComponent';
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'ul';
+    }
+  }, {
+    key: "childView",
+    get: function get() {
+      return _LeftNavNodeComponent__WEBPACK_IMPORTED_MODULE_2__["LeftNavNodeComponent"];
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      var base = "".concat(this.options.styles.folderTree, " position-relative");
+      if (this.options.extraClass) return "".concat(base, " ").concat(this.options.extraClass);
+      return base;
+    }
+  }, {
+    key: "viewComparator",
+    get: function get() {
+      return function (model) {
+        var _a;
+
+        return (_a = model.get('name')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+      };
+    }
+  }, {
+    key: "childViewOptions",
+    get: function get() {
+      return {
+        styles: this.options.styles,
+        channelName: this.options.channelName,
+        appLink: this.options.appLink,
+        linkArgs: this.options.linkArgs,
+        linkParams: this.options.linkParams,
+        childrenProperty: this.options.childrenProperty,
+        textProperty: this.options.textProperty,
+        actions: this.options.actions,
+        extraClass: this.options.extraClass,
+        folderTreeId: this.options.folderTreeId,
+        analyticsOptions: this.options.analyticsOptions,
+        isSelector: this.options.isSelector,
+        disabledIds: this.options.disabledIds
+      };
+    }
+  }]);
+
+  return LeftNavComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ComponentCollection);
+
+/***/ }),
+
+/***/ "./src/shared/components/left-nav/LeftNavNode.hbs":
+/*!********************************************************!*\
+  !*** ./src/shared/components/left-nav/LeftNavNode.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;
+
+  return "    <span class=\""
+    + container.escapeExpression(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.caretClass : stack1), depth0))
+    + " d-inline-block position-absolute\">\r\n      "
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n    </span>\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    return "<ul></ul>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<div class=\"position-relative "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.itemClass : stack1), depth0))
+    + "\">\r\n  <a class=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.anchorClass : stack1), depth0))
+    + " d-block ui-node\">\r\n"
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showCaret : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    <span class=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.textStyle : stack1), depth0))
+    + " ui-text "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.extraClasses : stack1), depth0))
+    + "\">"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))
+    + "</span>\r\n  </a>\r\n  <div class=\"actions-region\"></div>\r\n</div>\r\n"
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.children : stack1)) != null ? stack1.length : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/left-nav/LeftNavNodeComponent.ts":
+/*!****************************************************************!*\
+  !*** ./src/shared/components/left-nav/LeftNavNodeComponent.ts ***!
+  \****************************************************************/
+/*! exports provided: LeftNavNodeComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LeftNavNodeComponent", function() { return LeftNavNodeComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _LeftNavComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./LeftNavComponent */ "./src/shared/components/left-nav/LeftNavComponent.ts");
+/* harmony import */ var _apps_library_editor_behaviors_droppable_DroppableBehavior__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../apps/library-editor/behaviors/droppable/DroppableBehavior */ "./src/apps/library-editor/behaviors/droppable/DroppableBehavior.ts");
+/* harmony import */ var _apps_library_editor_behaviors_draggable_folder_DraggableFolderBehavior__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../apps/library-editor/behaviors/draggable-folder/DraggableFolderBehavior */ "./src/apps/library-editor/behaviors/draggable-folder/DraggableFolderBehavior.ts");
+/* harmony import */ var _LeftNavNode_hbs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./LeftNavNode.hbs */ "./src/shared/components/left-nav/LeftNavNode.hbs");
+/* harmony import */ var _LeftNavNode_hbs__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_LeftNavNode_hbs__WEBPACK_IMPORTED_MODULE_10__);
+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 LeftNavNodeComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(LeftNavNodeComponent, _Core$Component);
+
+  var _super = _createSuper(LeftNavNodeComponent);
+
+  function LeftNavNodeComponent(options) {
+    _classCallCheck(this, LeftNavNodeComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(LeftNavNodeComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.model, 'change:name', this.render);
+      var collection = this.getChildren();
+      if (collection) this.listenTo(collection, 'add remove', this.render);
+      this.listenTo(this, 'open:sub:folders', this.onOpenSubFolders);
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'click .ui-node': 'onClick'
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        children: {
+          el: 'ul',
+          replaceElement: true
+        },
+        actions: {
+          el: '.actions-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "hasChildren",
+    value: function hasChildren() {
+      var children = this.getChildren();
+      return !!children && !!children.length;
+    }
+  }, {
+    key: "getChildren",
+    value: function getChildren() {
+      if (!this.options.childrenProperty) return null;
+      return this.model.get(this.options.childrenProperty);
+    }
+  }, {
+    key: "getText",
+    value: function getText() {
+      if (!this.options.textProperty) return this.model.get('name');
+      return this.model.get(this.options.textProperty);
+    }
+  }, {
+    key: "isSelected",
+    value: function isSelected() {
+      return _utils__WEBPACK_IMPORTED_MODULE_5__["FolderTreeHelpers"].isSelected(this.options.folderTreeId, this.model.get('id'));
+    }
+  }, {
+    key: "isParent",
+    value: function isParent() {
+      return _utils__WEBPACK_IMPORTED_MODULE_5__["FolderTreeHelpers"].isParent(this.options.folderTreeId, this.model.get('id'));
+    }
+  }, {
+    key: "isDisabled",
+    value: function isDisabled() {
+      return this.options.disabledIds && this.options.disabledIds[this.model.get('id').toString()];
+    }
+  }, {
+    key: "getAnchorClass",
+    value: function getAnchorClass() {
+      var className = "position-relative ".concat(this.options.styles.node);
+      if (this.isSelected()) className += ' text-white font-weight-bold';else if (this.isDisabled()) className += ' text-muted';else className += ' text-dark';
+      return className;
+    }
+  }, {
+    key: "getAppLink",
+    value: function getAppLink() {
+      if (!this.options.appLink) return {};
+      var linkArgs = this.options.linkArgs;
+      var linkParams = this.options.linkParams;
+      return {
+        application: this.options.appLink.application,
+        action: this.options.appLink.action,
+        args: underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](linkArgs) ? linkArgs(this.model) : null,
+        params: underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](linkParams) ? linkParams(this.model) : null
+      };
+    }
+    /**
+     * Clicking on a folder can result in one of three outcomes, depending on the
+     * current state of the folder and the user's intent;
+     *
+     * 1. Where the folder isn't selected, navigate to that folder, select it and open any children.
+     * 2. Where the folder is already selected and we *aren't* already on the target route,
+     *    navigate to the target route.
+     * 3. Where the folder is already selected and we *are* on the same route as the target route,
+     *    we will only toggle the open/closed state of any children (no route change will occur).
+     */
+
+  }, {
+    key: "onClick",
+    value: function onClick(event) {
+      event.stopPropagation();
+      var childrenRegion = this.getRegion('children');
+      var radio = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName);
+
+      if (!this.isDisabled()) {
+        this.$el.addClass(this.options.styles.selected);
+        this.getUI('text').addClass('text-white font-weight-bold');
+      }
+
+      if (this.options.isSelector) radio.trigger('folder:selected', this.model, this.isDisabled());
+
+      if (this.isDisabled() || this.isSelected() && this.isCurrentPath()) {
+        /**
+         * Prevent the applink route change from propagating up. We also need to
+         * stop the default action, as it won't be caught and will cause a page load.
+         */
+        event.stopImmediatePropagation();
+        event.preventDefault();
+
+        if (!this.hasChildren()) {
+          if (this.options.isSelector) radio.trigger('re:render:selector');
+          return;
+        }
+
+        var openChildren = !childrenRegion.hasView(); // Toggle displaying the folder's children  
+
+        openChildren ? this.openChildren() : this.closeChildren();
+        if (this.options.isSelector && openChildren) radio.trigger('re:render:selector');
+        return;
+      }
+      /**
+      * If the target path doesn't match the current path, or clicking a folder that
+      * hasn't been selected, we'll let the event bubble up and navigate to the page root.
+      * Open any children if they exist.
+      */
+
+
+      if (!this.hasChildren()) return;
+      this.openChildren();
+      if (this.options.isSelector) backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName).trigger('re:render:selector');
+    }
+  }, {
+    key: "isCurrentPath",
+    value: function isCurrentPath() {
+      var currentAppLink = _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.getCurrentAppLink();
+      var targetAppLink = this.getAppLink();
+      if (!underscore__WEBPACK_IMPORTED_MODULE_0__["keys"](targetAppLink).length) return true;
+      return currentAppLink.application === targetAppLink.application && currentAppLink.action === targetAppLink.action;
+    }
+  }, {
+    key: "closeChildren",
+    value: function closeChildren() {
+      var childrenRegion = this.getRegion('children');
+      this.$el.addClass(this.options.styles.collapsed);
+      this.$el.removeClass(this.options.styles.parent);
+      childrenRegion.empty();
+    }
+  }, {
+    key: "openChildren",
+    value: function openChildren() {
+      this.$el.removeClass(this.options.styles.collapsed);
+      this.renderChildren();
+    }
+  }, {
+    key: "onOpenSubFolders",
+    value: function onOpenSubFolders(extraClasses) {
+      if (this.renderedSubChildren) return;
+      this.renderChildren(extraClasses);
+    }
+  }, {
+    key: "renderChildren",
+    value: function renderChildren(extraClasses) {
+      var collection = this.getChildren();
+      if (!collection || !collection.length) return;
+      var options = {
+        styles: this.options.styles,
+        channelName: this.options.channelName,
+        appLink: this.options.appLink,
+        linkArgs: this.options.linkArgs,
+        linkParams: this.options.linkParams,
+        childrenProperty: this.options.childrenProperty,
+        textProperty: this.options.textProperty,
+        actions: this.options.actions,
+        folderTreeId: this.options.folderTreeId,
+        analyticsOptions: this.options.analyticsOptions,
+        extraClass: this.options.extraClass,
+        isSelector: this.options.isSelector,
+        disabledIds: this.options.disabledIds
+      };
+      options.extraClasses = extraClasses;
+      options.collection = collection;
+      this.showChildView('children', new _LeftNavComponent__WEBPACK_IMPORTED_MODULE_7__["LeftNavComponent"](options));
+      this.renderedSubChildren = true;
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      var itemClass = "".concat(this.options.styles.item, " ").concat(this.options.styles.customItem || '');
+      if (this.isDisabled() && this.renderedSubChildren) itemClass += " ".concat(this.options.styles.disabledActive);
+      return {
+        children: this.getChildren(),
+        itemClass: itemClass,
+        anchorClass: this.getAnchorClass(),
+        caretClass: this.options.styles.caret,
+        showCaret: this.hasChildren(),
+        svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Caret),
+        extraClasses: this.options.extraClasses,
+        textStyle: this.options.styles.text,
+        text: this.getText()
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.resetClassName();
+      if (this.options.actions) this.showChildView('actions', new this.options.actions({
+        model: this.model,
+        extraClasses: "rounded-circle mr-1 ".concat(this.options.styles.actions),
+        buttonClass: 'text-muted',
+        analyticsOptions: this.options.analyticsOptions
+      }));
+
+      if (!this.isSelected() && !this.isParent()) {
+        return;
+      }
+
+      this.renderChildren();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'LeftNavNodeComponent';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        /**
+         * Must use the first child syntax ">"
+         * in case there are nested items
+         */
+        anchor: '.ui-node',
+        text: '.ui-text'
+      };
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'li';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      var className = 'position-relative';
+      if (this.isSelected()) className += " ".concat(this.options.styles.selected);
+      if (this.isParent()) className += " ".concat(this.options.styles.parent);
+      return className;
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      if (this.options.isSelector) return [];
+      return [{
+        behaviorClass: _apps_library_editor_behaviors_droppable_DroppableBehavior__WEBPACK_IMPORTED_MODULE_8__["DroppableBehavior"],
+        ui: 'anchor',
+        channelNames: [_constants__WEBPACK_IMPORTED_MODULE_6__["ServiceChannels"].VIDEO_DRAG_DROP, _constants__WEBPACK_IMPORTED_MODULE_6__["ServiceChannels"].FOLDER_DRAG_DROP],
+        analyticsOptions: {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].LeftNav
+        }
+      }, {
+        behaviorClass: _apps_library_editor_behaviors_draggable_folder_DraggableFolderBehavior__WEBPACK_IMPORTED_MODULE_9__["DraggableFolderBehavior"]
+      }];
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      if (!this.options.appLink) return {};
+      return {
+        '@ui.anchor': this.getAppLink()
+      };
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _LeftNavNode_hbs__WEBPACK_IMPORTED_MODULE_10___default.a;
+    }
+  }]);
+
+  return LeftNavNodeComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/left-nav/left-nav.scss":
+/*!******************************************************!*\
+  !*** ./src/shared/components/left-nav/left-nav.scss ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"folderTree":"cv--folderTree--1inFA","text":"cv--text--2ovSq","caret":"cv--caret--2pwp9","library":"cv--library--2WHiz","selected":"cv--selected--200l0","parent":"cv--parent--205QS","disabledActive":"cv--disabledActive--25EPE","disabled":"cv--disabled--387cT","collapsed":"cv--collapsed--1-_q7","actions":"cv--actions--3Il7t","node":"cv--node--23bpP","libraryContainer":"cv--libraryContainer--EuNKs","item":"cv--item--ahYSz"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=2.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/left-nav/LeftNavComponent.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/left-nav/LeftNavNode.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/left-nav/LeftNavNodeComponent.ts","webpack://@clickview/library-editor/./src/shared/components/left-nav/left-nav.scss?f045"],"names":[],"mappings":"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","file":"scripts/2.chunk.js","sourcesContent":["import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\n\r\nimport { LeftNavNodeComponent } from './LeftNavNodeComponent';\r\nimport styles from './left-nav.scss';\r\nimport { Folder } from 'shared/models/Folder';\r\n\r\nexport interface LeftNavComponentOptions extends Core.ComponentOptions {\r\n  styles?: any;\r\n  channelName: string;\r\n  childrenProperty?: string;\r\n  textProperty?: string;\r\n  appLink?: Core.AppLink;\r\n  linkArgs?: (model: Core.Model) => any[];\r\n  linkParams?: (model: Core.Model) => string | ObjectHash;\r\n  actions?: new (...args: any[]) => Core.Component;\r\n  extraClasses?: string;\r\n  extraClass?: string;\r\n  folderTreeId: string;\r\n  analyticsOptions?: AnalyticsOptions;\r\n  isSelector?: boolean;\r\n  disabledIds?: ObjectHash;\r\n}\r\n\r\nexport class LeftNavComponent extends Core.ComponentCollection {\r\n  protected options: LeftNavComponentOptions;\r\n  private disabledIds: ObjectHash;\r\n\r\n  constructor(options?: LeftNavComponentOptions) {\r\n    options.styles = _.extend({}, styles, options.styles);\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'LeftNavComponent';\r\n  }\r\n\r\n  public get tagName(): string {\r\n    return 'ul';\r\n  }\r\n\r\n  public get childView(): any {\r\n    return LeftNavNodeComponent;\r\n  }\r\n\r\n  public get className(): string {\r\n    const base = `${this.options.styles.folderTree} position-relative`;\r\n\r\n    if (this.options.extraClass)\r\n      return `${base} ${this.options.extraClass}`;\r\n\r\n    return base;\r\n  }\r\n\r\n  public get viewComparator(): (model: Folder) => string {\r\n    return (model: Folder) => model.get('name')?.toLowerCase();\r\n  }\r\n\r\n  public get childViewOptions(): LeftNavComponentOptions {\r\n    return {\r\n      styles: this.options.styles,\r\n      channelName: this.options.channelName,\r\n      appLink: this.options.appLink,\r\n      linkArgs: this.options.linkArgs,\r\n      linkParams: this.options.linkParams,\r\n      childrenProperty: this.options.childrenProperty,\r\n      textProperty: this.options.textProperty,\r\n      actions: this.options.actions,\r\n      extraClass: this.options.extraClass,\r\n      folderTreeId: this.options.folderTreeId,\r\n      analyticsOptions: this.options.analyticsOptions,\r\n      isSelector: this.options.isSelector,\r\n      disabledIds: this.options.disabledIds\r\n    };\r\n  }\r\n}","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;\n\n  return \"    <span class=\\\"\"\n    + container.escapeExpression(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.caretClass : stack1), depth0))\n    + \" d-inline-block position-absolute\\\">\\r\\n      \"\n    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : \"\")\n    + \"\\r\\n    </span>\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n    return \"<ul></ul>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});\n\n  return \"<div class=\\\"position-relative \"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.itemClass : stack1), depth0))\n    + \"\\\">\\r\\n  <a class=\\\"\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.anchorClass : stack1), depth0))\n    + \" d-block ui-node\\\">\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showCaret : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"    <span class=\\\"\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.textStyle : stack1), depth0))\n    + \" ui-text \"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.extraClasses : stack1), depth0))\n    + \"\\\">\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))\n    + \"</span>\\r\\n  </a>\\r\\n  <div class=\\\"actions-region\\\"></div>\\r\\n</div>\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.children : stack1)) != null ? stack1.length : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\");\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash, Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { SvgHelper, cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { LocationContext } from 'libs/analytics/interfaces';\r\n\r\nimport { FolderTreeHelpers } from 'shared/utils';\r\nimport { ServiceChannels } from 'shared/constants';\r\nimport { LeftNavComponent, LeftNavComponentOptions } from 'shared/components/left-nav/LeftNavComponent';\r\n\r\nimport { DroppableBehavior } from 'apps/library-editor/behaviors/droppable/DroppableBehavior';\r\nimport { DraggableFolderBehavior } from 'apps/library-editor/behaviors/draggable-folder/DraggableFolderBehavior';\r\n\r\nimport LeftNavNodeTemplate from './LeftNavNode.hbs';\r\n\r\nexport class LeftNavNodeComponent extends Core.Component {\r\n  public options: LeftNavComponentOptions;\r\n\r\n  /**\r\n   * This is used to not re-render the sub children during drag and drop\r\n   */\r\n  private renderedSubChildren: boolean;\r\n\r\n  constructor(options?: LeftNavComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(this.model, 'change:name', this.render);\r\n\r\n    const collection = this.getChildren();\r\n    if (collection)\r\n      this.listenTo(collection, 'add remove', this.render);\r\n\r\n    this.listenTo(this, 'open:sub:folders', this.onOpenSubFolders);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'LeftNavNodeComponent';\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      /**\r\n       * Must use the first child syntax \">\"\r\n       * in case there are nested items\r\n       */\r\n      anchor: '.ui-node',\r\n      text: '.ui-text'\r\n    };\r\n  }\r\n\r\n  public get tagName(): string {\r\n    return 'li';\r\n  }\r\n\r\n  public get className(): string {\r\n    let className = 'position-relative';\r\n\r\n    if (this.isSelected())\r\n      className += ` ${this.options.styles.selected}`;\r\n\r\n    if (this.isParent())\r\n      className += ` ${this.options.styles.parent}`;\r\n\r\n    return className;\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    if (this.options.isSelector)\r\n      return [];\r\n\r\n    return [{\r\n      behaviorClass: DroppableBehavior,\r\n      ui: 'anchor',\r\n      channelNames: [\r\n        ServiceChannels.VIDEO_DRAG_DROP,\r\n        ServiceChannels.FOLDER_DRAG_DROP\r\n      ],\r\n      analyticsOptions: {\r\n        location: LocationContext.LeftNav\r\n      }\r\n    }, {\r\n      behaviorClass: DraggableFolderBehavior\r\n    }];\r\n  }\r\n\r\n  public get appLinks(): Core.AppLinkHash {\r\n    if (!this.options.appLink) return {};\r\n\r\n    return {\r\n      '@ui.anchor': this.getAppLink()\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'click .ui-node': 'onClick'\r\n    };\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      children: {\r\n        el: 'ul',\r\n        replaceElement: true\r\n      },\r\n      actions: {\r\n        el: '.actions-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  public get template(): any {\r\n    return LeftNavNodeTemplate;\r\n  }\r\n\r\n  public hasChildren(): boolean {\r\n    const children = this.getChildren();\r\n    return !!children && !!children.length;\r\n  }\r\n\r\n  public getChildren(): Core.Collection {\r\n    if (!this.options.childrenProperty)\r\n      return null;\r\n\r\n    return this.model.get(this.options.childrenProperty);\r\n  }\r\n\r\n  public getText(): string {\r\n    if (!this.options.textProperty)\r\n      return this.model.get('name');\r\n\r\n    return this.model.get(this.options.textProperty);\r\n  }\r\n\r\n  private isSelected(): boolean {\r\n    return FolderTreeHelpers.isSelected(this.options.folderTreeId, this.model.get('id'));\r\n  }\r\n\r\n  private isParent(): boolean {\r\n    return FolderTreeHelpers.isParent(this.options.folderTreeId, this.model.get('id'));\r\n  }\r\n\r\n  private isDisabled(): boolean {\r\n    return this.options.disabledIds && this.options.disabledIds[this.model.get('id').toString()];\r\n  }\r\n\r\n  private getAnchorClass(): string {\r\n    let className = `position-relative ${this.options.styles.node}`;\r\n\r\n    if (this.isSelected())\r\n      className += ' text-white font-weight-bold';\r\n    else if (this.isDisabled())\r\n      className += ' text-muted';\r\n    else\r\n      className += ' text-dark';\r\n\r\n    return className;\r\n  }\r\n\r\n  private getAppLink(): Core.AppLink {\r\n    if (!this.options.appLink)\r\n      return {} as Core.AppLink;\r\n\r\n    const linkArgs = this.options.linkArgs;\r\n    const linkParams = this.options.linkParams;\r\n\r\n    return {\r\n      application: this.options.appLink.application,\r\n      action: this.options.appLink.action,\r\n      args: _.isFunction(linkArgs) ? linkArgs(this.model) : null,\r\n      params: _.isFunction(linkParams) ? linkParams(this.model) : null\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Clicking on a folder can result in one of three outcomes, depending on the\r\n   * current state of the folder and the user's intent; \r\n   * \r\n   * 1. Where the folder isn't selected, navigate to that folder, select it and open any children.\r\n   * 2. Where the folder is already selected and we *aren't* already on the target route,\r\n   *    navigate to the target route.\r\n   * 3. Where the folder is already selected and we *are* on the same route as the target route, \r\n   *    we will only toggle the open/closed state of any children (no route change will occur).\r\n   */\r\n  public onClick(event: JQuery.Event): void {\r\n    event.stopPropagation();\r\n\r\n    const childrenRegion = this.getRegion('children');\r\n    const radio = Radio.channel(this.options.channelName);\r\n\r\n    if (!this.isDisabled()) {\r\n      this.$el.addClass(this.options.styles.selected);\r\n      this.getUI('text').addClass('text-white font-weight-bold');\r\n    }\r\n\r\n    if (this.options.isSelector)\r\n      radio.trigger('folder:selected', this.model, this.isDisabled());\r\n\r\n    if (this.isDisabled() || (this.isSelected() && this.isCurrentPath())) {\r\n      /**\r\n       * Prevent the applink route change from propagating up. We also need to \r\n       * stop the default action, as it won't be caught and will cause a page load.\r\n       */\r\n      event.stopImmediatePropagation();\r\n      event.preventDefault();\r\n\r\n      if (!this.hasChildren()) {\r\n        if (this.options.isSelector)\r\n          radio.trigger('re:render:selector');\r\n\r\n        return;\r\n      }\r\n\r\n      const openChildren = !childrenRegion.hasView();\r\n\r\n      // Toggle displaying the folder's children  \r\n      openChildren ? this.openChildren() : this.closeChildren();\r\n\r\n      if (this.options.isSelector && openChildren)\r\n        radio.trigger('re:render:selector');\r\n\r\n      return;\r\n    }\r\n\r\n    /** \r\n    * If the target path doesn't match the current path, or clicking a folder that\r\n    * hasn't been selected, we'll let the event bubble up and navigate to the page root.\r\n    * Open any children if they exist.\r\n    */\r\n    if (!this.hasChildren())\r\n      return;\r\n\r\n    this.openChildren();\r\n\r\n    if (this.options.isSelector)\r\n      Radio.channel(this.options.channelName).trigger('re:render:selector');\r\n  }\r\n\r\n  private isCurrentPath(): boolean {\r\n    const currentAppLink = Core.AppLinkHelper.getCurrentAppLink();\r\n    const targetAppLink = this.getAppLink();\r\n\r\n    if (!_.keys(targetAppLink).length)\r\n      return true;\r\n\r\n    return currentAppLink.application === targetAppLink.application && currentAppLink.action === targetAppLink.action;\r\n  }\r\n\r\n  private closeChildren(): void {\r\n    const childrenRegion = this.getRegion('children');\r\n    this.$el.addClass(this.options.styles.collapsed);\r\n    this.$el.removeClass(this.options.styles.parent);\r\n    childrenRegion.empty();\r\n  }\r\n\r\n  private openChildren(): void {\r\n    this.$el.removeClass(this.options.styles.collapsed);\r\n    this.renderChildren();\r\n  }\r\n\r\n  private onOpenSubFolders(extraClasses?: string): void {\r\n    if (this.renderedSubChildren)\r\n      return;\r\n\r\n    this.renderChildren(extraClasses);\r\n  }\r\n\r\n  private renderChildren(extraClasses?: string): void {\r\n    const collection = this.getChildren();\r\n    if (!collection || !collection.length) return;\r\n\r\n    const options: LeftNavComponentOptions = {\r\n      styles: this.options.styles,\r\n      channelName: this.options.channelName,\r\n      appLink: this.options.appLink,\r\n      linkArgs: this.options.linkArgs,\r\n      linkParams: this.options.linkParams,\r\n      childrenProperty: this.options.childrenProperty,\r\n      textProperty: this.options.textProperty,\r\n      actions: this.options.actions,\r\n      folderTreeId: this.options.folderTreeId,\r\n      analyticsOptions: this.options.analyticsOptions,\r\n      extraClass: this.options.extraClass,\r\n      isSelector: this.options.isSelector,\r\n      disabledIds: this.options.disabledIds\r\n    };\r\n    options.extraClasses = extraClasses;\r\n    options.collection = collection;\r\n    this.showChildView('children', new LeftNavComponent(options));\r\n\r\n    this.renderedSubChildren = true;\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    let itemClass = `${this.options.styles.item} ${this.options.styles.customItem || ''}`;\r\n\r\n    if (this.isDisabled() && this.renderedSubChildren)\r\n      itemClass += ` ${this.options.styles.disabledActive}`;\r\n\r\n    return {\r\n      children: this.getChildren(),\r\n      itemClass: itemClass,\r\n      anchorClass: this.getAnchorClass(),\r\n      caretClass: this.options.styles.caret,\r\n      showCaret: this.hasChildren(),\r\n      svg: SvgHelper.getSvg(cvSvgLibrary.Caret),\r\n      extraClasses: this.options.extraClasses,\r\n      textStyle: this.options.styles.text,\r\n      text: this.getText(),\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.resetClassName();\r\n\r\n    if (this.options.actions)\r\n      this.showChildView('actions', new this.options.actions({\r\n        model: this.model,\r\n        extraClasses: `rounded-circle mr-1 ${this.options.styles.actions}`,\r\n        buttonClass: 'text-muted',\r\n        analyticsOptions: this.options.analyticsOptions\r\n      }));\r\n\r\n    if (!this.isSelected() && !this.isParent()) {\r\n      return;\r\n    }\r\n\r\n    this.renderChildren();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"folderTree\":\"cv--folderTree--1inFA\",\"text\":\"cv--text--2ovSq\",\"caret\":\"cv--caret--2pwp9\",\"library\":\"cv--library--2WHiz\",\"selected\":\"cv--selected--200l0\",\"parent\":\"cv--parent--205QS\",\"disabledActive\":\"cv--disabledActive--25EPE\",\"disabled\":\"cv--disabled--387cT\",\"collapsed\":\"cv--collapsed--1-_q7\",\"actions\":\"cv--actions--3Il7t\",\"node\":\"cv--node--23bpP\",\"libraryContainer\":\"cv--libraryContainer--EuNKs\",\"item\":\"cv--item--ahYSz\"};"],"sourceRoot":""}