@clickview/library-editor 1.1.23-rc.3 → 1.1.24-rc.0

package/dist/scripts/2.chunk.js

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

@@ -1 +0,0 @@
-{"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?6c82"],"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":""}