@clickview/library-editor 1.1.18 → 1.1.19-rc.0

package/dist/scripts/12.chunk.js

@@ -0,0 +1,555 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[12],{
+
+/***/ "./src/apps/library-editor/components/folder-details/FolderDetails.hbs":
+/*!*****************************************************************************!*\
+  !*** ./src/apps/library-editor/components/folder-details/FolderDetails.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 alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
+
+  return "  <div class=\"form-group\">\r\n    <label for=\"name\" class=\"control-label\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"name",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n    <input name=\"name\" id=\"name\" type=\"text\" class=\"form-control\" placeholder=\""
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"namePlaceholder",{"name":"lang","hash":{},"data":data}))
+    + "\" autocomplete=\"off\" autofocus/>\r\n    <div class=\"form-feedback\"></div>\r\n  </div>\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    var alias1=container.propertyIsEnumerable;
+
+  return "  <div class=\"form-group pt-2\">\r\n    <label for=\"parentId\" class=\"control-label\">"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"parent",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n    <div class=\"parent-folder-region\"></div>\r\n  </div>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<form>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editName : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editParent : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "</form>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/folder-details/FolderDetailsComponent.ts":
+/*!*************************************************************************************!*\
+  !*** ./src/apps/library-editor/components/folder-details/FolderDetailsComponent.ts ***!
+  \*************************************************************************************/
+/*! exports provided: FolderDetailsComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FolderDetailsComponent", function() { return FolderDetailsComponent; });
+/* 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 _shared_behaviors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_components_tree_dropdown_TreeDropdownComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../shared/components/tree-dropdown/TreeDropdownComponent */ "./src/shared/components/tree-dropdown/TreeDropdownComponent.ts");
+/* harmony import */ var _utils_FolderValidation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/FolderValidation */ "./src/apps/library-editor/utils/FolderValidation.ts");
+/* harmony import */ var _FolderDetails_hbs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./FolderDetails.hbs */ "./src/apps/library-editor/components/folder-details/FolderDetails.hbs");
+/* harmony import */ var _FolderDetails_hbs__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_FolderDetails_hbs__WEBPACK_IMPORTED_MODULE_5__);
+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 FolderDetailsComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(FolderDetailsComponent, _Core$Component);
+
+  var _super = _createSuper(FolderDetailsComponent);
+
+  function FolderDetailsComponent(options) {
+    _classCallCheck(this, FolderDetailsComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(FolderDetailsComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.bindListeners();
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo(this.options.channelName, 'folder:selected', this.onFolderSelected);
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        parentFolder: '.parent-folder-region'
+      };
+    }
+  }, {
+    key: "onFolderSelected",
+    value: function onFolderSelected(model, isDisabled) {
+      if (!model) return;
+      _shared_utils__WEBPACK_IMPORTED_MODULE_2__["FolderTreeHelpers"].setSelected(this.folderTreeKey, model, this.collection, isDisabled);
+      if (!isDisabled) this.model.set('parentId', model.get('id'), {
+        validate: true
+      });
+    }
+  }, {
+    key: "renderSubFolders",
+    value: function renderSubFolders() {
+      if (!this.options.editParent) return;
+      this.showChildView('parentFolder', new _shared_components_tree_dropdown_TreeDropdownComponent__WEBPACK_IMPORTED_MODULE_3__["TreeDropdownComponent"]({
+        collection: this.collection,
+        channelName: this.options.channelName,
+        folderTreeKey: this.folderTreeKey,
+        disabledIds: this.options.disabledParentFolderIds
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        editName: this.options.editName,
+        editParent: this.options.editParent
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderSubFolders();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'FolderDetailsComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _FolderDetails_hbs__WEBPACK_IMPORTED_MODULE_5___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.folderDetails';
+    }
+  }, {
+    key: "folderTreeKey",
+    get: function get() {
+      return this.options.folderTreeKey || "folderselect:".concat(this.cid);
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_1__["BackboneValidationBehavior"],
+        modelValidation: Object(_utils_FolderValidation__WEBPACK_IMPORTED_MODULE_4__["FolderValidation"])({
+          validateName: this.options.editName,
+          validateParent: this.options.editParent,
+          folder: this.options.model,
+          collection: this.options.collection
+        })
+      }, {
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_1__["StickitBehavior"]
+      }];
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        '[name=name]': {
+          observe: 'name',
+          setOptions: {
+            validate: true
+          }
+        }
+      };
+    }
+  }]);
+
+  return FolderDetailsComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/utils/FolderValidation.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/library-editor/utils/FolderValidation.ts ***!
+  \***********************************************************/
+/*! exports provided: FolderValidation */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FolderValidation", function() { return FolderValidation; });
+/* 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 _shared_utils_FolderTreeHelpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../shared/utils/FolderTreeHelpers */ "./src/shared/utils/FolderTreeHelpers.ts");
+/* harmony import */ var _shared_constants_Misc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../shared/constants/Misc */ "./src/shared/constants/Misc.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+
+
+var lang = 'libraryEditor.utils';
+var FolderNameValidation = {
+  name: [{
+    required: true,
+    msg: function msg() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(lang, 'folderNameRequired');
+    }
+  }, {
+    maxLength: 255,
+    msg: function msg() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(lang, 'folderNameExceeds');
+    }
+  }]
+};
+
+var FolderParentValidation = function FolderParentValidation(folder, collection) {
+  return {
+    parentId: function parentId(value) {
+      if (!value) {
+        return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(lang, 'selectParentFolder');
+      }
+
+      var depth = _shared_utils_FolderTreeHelpers__WEBPACK_IMPORTED_MODULE_1__["FolderTreeHelpers"].calculateDestinationFolderDepth(folder, value, collection);
+      /**
+       * Only allow a move where the destination folder (and the depth of its ancestorss) + the selected folder
+       * AND the depth of its children does not exceed the max folder length
+       */
+
+      if (depth > _shared_constants_Misc__WEBPACK_IMPORTED_MODULE_2__["MiscConstants"].MAX_FOLDER_DEPTH) {
+        return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(lang, 'maxFolderDepth', {
+          maxDepth: _shared_constants_Misc__WEBPACK_IMPORTED_MODULE_2__["MiscConstants"].MAX_FOLDER_DEPTH
+        });
+      }
+
+      return '';
+    }
+  };
+};
+
+var FolderValidation = function FolderValidation(options) {
+  var validateName = options.validateName,
+      validateParent = options.validateParent,
+      folder = options.folder,
+      collection = options.collection;
+  if (validateName && validateParent) return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, FolderNameValidation, FolderParentValidation(folder, collection));
+  if (validateName) return FolderNameValidation;
+  if (validateParent) return FolderParentValidation(folder, collection);
+};
+
+/***/ }),
+
+/***/ "./src/shared/components/tree-dropdown/TreeDropdown.hbs":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/tree-dropdown/TreeDropdown.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.escapeExpression;
+
+  return "  <button class=\"create-new btn font-weight-bold rounded-0 w-100 text-left "
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.customItem : stack1), depth0))
+    + "\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"createNew",{"name":"lang","hash":{},"data":data}))
+    + "</button>\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;
+
+  return "<button\r\n  class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.selectBtn : stack1), depth0))
+    + " custom-select form-control\"\r\n  data-toggle=\"dropdown\"\r\n  aria-haspopup=\"true\"\r\n  aria-expanded=\"false\"\r\n  name="
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.name : stack1), depth0))
+    + "\r\n>"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.buttonText : stack1), depth0))
+    + "</button>\r\n<div class=\"dropdown-menu "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.selector : stack1), depth0))
+    + "\">\r\n  <div class=\"selector-region\"></div>\r\n"
+    + ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.canCreateNew : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "</div>\r\n<div class=\"form-feedback\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/tree-dropdown/TreeDropdownComponent.ts":
+/*!**********************************************************************!*\
+  !*** ./src/shared/components/tree-dropdown/TreeDropdownComponent.ts ***!
+  \**********************************************************************/
+/*! exports provided: TreeDropdownComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TreeDropdownComponent", function() { return TreeDropdownComponent; });
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__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 _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _left_nav_LeftNavComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../left-nav/LeftNavComponent */ "./src/shared/components/left-nav/LeftNavComponent.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _TreeDropdown_hbs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TreeDropdown.hbs */ "./src/shared/components/tree-dropdown/TreeDropdown.hbs");
+/* harmony import */ var _TreeDropdown_hbs__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_TreeDropdown_hbs__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _tree_dropdown_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tree-dropdown.scss */ "./src/shared/components/tree-dropdown/tree-dropdown.scss");
+/* harmony import */ var _tree_dropdown_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_tree_dropdown_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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 TreeDropdownComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(TreeDropdownComponent, _Core$Component);
+
+  var _super = _createSuper(TreeDropdownComponent);
+
+  function TreeDropdownComponent(options) {
+    _classCallCheck(this, TreeDropdownComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(TreeDropdownComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, 'folder:selected new:folder:selected', this.setButtonText);
+      this.listenTo(this.options.channelName, 're:render:selector', this.renderSelector);
+      this.disabledIds = this.options.disabledIds && this.options.disabledIds.reduce(function (obj, id) {
+        return Object.assign(Object.assign({}, obj), _defineProperty({}, id, true));
+      }, {});
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        selector: {
+          el: '.selector-region',
+          replaceElement: false
+        }
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'click .create-new': 'onClickCreateNew'
+      };
+    }
+  }, {
+    key: "onClickCreateNew",
+    value: function onClickCreateNew(e) {
+      e.preventDefault();
+      var channel = backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.options.channelName);
+      channel.trigger('create:folder:clicked');
+    }
+  }, {
+    key: "setButtonText",
+    value: function setButtonText(model, isDisabled) {
+      if (!model || isDisabled) {
+        var selection = _utils__WEBPACK_IMPORTED_MODULE_4__["FolderTreeHelpers"].getSelected(this.options.folderTreeKey, this.collection);
+        var text = selection ? selection.get('name') : _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(this.lang, 'button');
+        this.getUI('button').text(text);
+        return;
+      }
+
+      var name = model.get('name');
+      this.getUI('button').text(name);
+    }
+  }, {
+    key: "renderSelector",
+    value: function renderSelector() {
+      // TODO: analytics
+      this.showChildView('selector', new _left_nav_LeftNavComponent__WEBPACK_IMPORTED_MODULE_3__["LeftNavComponent"]({
+        styles: _tree_dropdown_scss__WEBPACK_IMPORTED_MODULE_6___default.a,
+        collection: this.collection,
+        channelName: this.options.channelName,
+        childrenProperty: 'children',
+        folderTreeId: this.options.folderTreeKey,
+        extraClass: _tree_dropdown_scss__WEBPACK_IMPORTED_MODULE_6___default.a.list,
+        extraClasses: _tree_dropdown_scss__WEBPACK_IMPORTED_MODULE_6___default.a.list,
+        isSelector: true,
+        disabledIds: this.disabledIds || {}
+      }));
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _tree_dropdown_scss__WEBPACK_IMPORTED_MODULE_6___default.a,
+        name: this.options.name || this.options.channelName,
+        buttonText: this.buttonText,
+        canCreateNew: this.options.canCreateNew
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.setButtonText();
+      this.renderSelector();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'TreeDropdownComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _TreeDropdown_hbs__WEBPACK_IMPORTED_MODULE_5___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'position-relative';
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.treeDropdown';
+    }
+  }, {
+    key: "defaults",
+    get: function get() {
+      return {
+        disabledIds: []
+      };
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        button: '.custom-select'
+      };
+    }
+  }]);
+
+  return TreeDropdownComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/tree-dropdown/tree-dropdown.scss":
+/*!****************************************************************!*\
+  !*** ./src/shared/components/tree-dropdown/tree-dropdown.scss ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"selectBtn":"cv--selectBtn--2TTgs","list":"cv--list--3wN7o","selector":"cv--selector--3Xf1P","customItem":"cv--customItem--199PI"};
+
+/***/ }),
+
+/***/ "./src/shared/models/DisabledSpinnerModel.ts":
+/*!***************************************************!*\
+  !*** ./src/shared/models/DisabledSpinnerModel.ts ***!
+  \***************************************************/
+/*! exports provided: DisabledSpinnerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DisabledSpinnerModel", function() { return DisabledSpinnerModel; });
+/* 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 _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 DisabledSpinnerModel = /*#__PURE__*/function (_Core$Model) {
+  _inherits(DisabledSpinnerModel, _Core$Model);
+
+  var _super = _createSuper(DisabledSpinnerModel);
+
+  function DisabledSpinnerModel() {
+    _classCallCheck(this, DisabledSpinnerModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DisabledSpinnerModel, [{
+    key: "defaults",
+    value: function defaults() {
+      return _defineProperty({}, _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__["SpinnerButtonModelAttributes"].Disabled, true);
+    }
+  }]);
+
+  return DisabledSpinnerModel;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Model);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=12.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/folder-details/FolderDetails.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/folder-details/FolderDetailsComponent.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/utils/FolderValidation.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/tree-dropdown/TreeDropdown.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/tree-dropdown/TreeDropdownComponent.ts","webpack://@clickview/library-editor/./src/shared/components/tree-dropdown/tree-dropdown.scss?dd84","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/models/DisabledSpinnerModel.ts"],"names":[],"mappings":"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","file":"scripts/12.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    var alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;\n\n  return \"  <div class=\\\"form-group\\\">\\r\\n    <label for=\\\"name\\\" class=\\\"control-label\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"name\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n    <input name=\\\"name\\\" id=\\\"name\\\" type=\\\"text\\\" class=\\\"form-control\\\" placeholder=\\\"\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"namePlaceholder\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"\\\" autocomplete=\\\"off\\\" autofocus/>\\r\\n    <div class=\\\"form-feedback\\\"></div>\\r\\n  </div>\\r\\n\";\n},\"3\":function(container,depth0,helpers,partials,data) {\n    var alias1=container.propertyIsEnumerable;\n\n  return \"  <div class=\\\"form-group pt-2\\\">\\r\\n    <label for=\\\"parentId\\\" class=\\\"control-label\\\">\"\n    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),\"parent\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n    <div class=\\\"parent-folder-region\\\"></div>\\r\\n  </div>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {});\n\n  return \"<form>\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editName : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + ((stack1 = helpers[\"if\"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editParent : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"</form>\";\n},\"useData\":true});","import { Core } from 'libs/common/core';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { Folder } from 'shared/models/Folder';\r\nimport { Library } from 'shared/models/Library';\r\nimport { FolderCollection } from 'shared/collections/FolderCollection';\r\nimport { BackboneValidationBehavior, StickitBehavior } from 'shared/behaviors';\r\nimport { FolderTreeHelpers } from 'shared/utils';\r\nimport { TreeDropdownComponent } from 'shared/components/tree-dropdown/TreeDropdownComponent';\r\n\r\nimport { FolderValidation } from 'apps/library-editor/utils/FolderValidation';\r\n\r\nimport FolderDetailsTemplate from './FolderDetails.hbs';\r\n\r\ninterface FolderDetailsComponentOptions extends Core.ComponentOptions{\r\n  model: Folder;\r\n  collection?: FolderCollection;\r\n  library?: Library;\r\n  channelName: string;\r\n  editName: boolean;\r\n  editParent: boolean;\r\n  disabledParentFolderIds?: string[];\r\n  folderTreeKey?: string;\r\n}\r\n\r\nexport class FolderDetailsComponent extends Core.Component {\r\n  public options: FolderDetailsComponentOptions;\r\n  public model: Folder;\r\n  public collection: FolderCollection;\r\n\r\n  constructor(options: FolderDetailsComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.bindListeners();\r\n  }\r\n\r\n  private bindListeners(): void {\r\n    this.listenTo(this.options.channelName, 'folder:selected', this.onFolderSelected);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'FolderDetailsComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return FolderDetailsTemplate;\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.folderDetails';\r\n  }\r\n\r\n  public get folderTreeKey(): string {\r\n    return this.options.folderTreeKey || `folderselect:${this.cid}`;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      parentFolder: '.parent-folder-region'\r\n    };\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    return [{\r\n      behaviorClass: BackboneValidationBehavior,\r\n      modelValidation: FolderValidation({\r\n        validateName: this.options.editName,\r\n        validateParent: this.options.editParent,\r\n        folder: this.options.model,\r\n        collection: this.options.collection\r\n      })\r\n    }, {\r\n      behaviorClass: StickitBehavior\r\n    }];\r\n  }\r\n\r\n  public get bindings(): ObjectHash {\r\n    return {\r\n      '[name=name]': {\r\n        observe: 'name',\r\n        setOptions: { validate: true }\r\n      }\r\n    };\r\n  }\r\n\r\n  public onFolderSelected(model: Folder, isDisabled: boolean): void {\r\n    if (!model)\r\n      return;\r\n\r\n    FolderTreeHelpers.setSelected(this.folderTreeKey, model, this.collection, isDisabled);\r\n\r\n    if (!isDisabled)\r\n      this.model.set('parentId', model.get('id'), { validate: true });\r\n  }\r\n\r\n  public renderSubFolders(): void {\r\n    if (!this.options.editParent)\r\n      return;\r\n\r\n    this.showChildView('parentFolder', new TreeDropdownComponent({\r\n      collection: this.collection,\r\n      channelName: this.options.channelName,\r\n      folderTreeKey: this.folderTreeKey,\r\n      disabledIds: this.options.disabledParentFolderIds\r\n    }));\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      editName: this.options.editName,\r\n      editParent: this.options.editParent\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderSubFolders();\r\n  }\r\n}","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { FolderCollection } from 'shared/collections/FolderCollection';\r\nimport { FolderTreeHelpers } from 'shared/utils/FolderTreeHelpers';\r\nimport { MiscConstants } from 'shared/constants/Misc';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Folder } from 'shared/models/Folder';\r\n\r\nconst lang = 'libraryEditor.utils';\r\n\r\nconst FolderNameValidation: ObjectHash = {\r\n  name: [\r\n    { required: true, msg: () => LanguageService.getPhrase(lang, 'folderNameRequired') },\r\n    { maxLength: 255, msg: () => LanguageService.getPhrase(lang, 'folderNameExceeds') },\r\n  ]\r\n};\r\n\r\nconst FolderParentValidation = (folder: Folder, collection: FolderCollection) => {\r\n  return {\r\n    parentId: (value: string) => {\r\n      if (!value) {\r\n        return LanguageService.getPhrase(lang, 'selectParentFolder');\r\n      }\r\n\r\n      const depth = FolderTreeHelpers.calculateDestinationFolderDepth(folder, value, collection);\r\n\r\n      /**\r\n       * Only allow a move where the destination folder (and the depth of its ancestorss) + the selected folder\r\n       * AND the depth of its children does not exceed the max folder length\r\n       */\r\n      if (depth > MiscConstants.MAX_FOLDER_DEPTH) {\r\n        return LanguageService.getPhrase(lang, 'maxFolderDepth', {\r\n          maxDepth: MiscConstants.MAX_FOLDER_DEPTH\r\n        });\r\n      }\r\n\r\n      return '';\r\n    }\r\n  };\r\n};\r\n\r\nexport const FolderValidation = (options: ObjectHash) => {\r\n  const { validateName, validateParent, folder, collection } = options;\r\n\r\n  if (validateName && validateParent)\r\n    return _.extend({}, FolderNameValidation, FolderParentValidation(folder, collection));\r\n\r\n  if (validateName)\r\n    return FolderNameValidation;\r\n\r\n  if (validateParent)\r\n    return FolderParentValidation(folder, collection);\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.escapeExpression;\n\n  return \"  <button class=\\\"create-new btn font-weight-bold rounded-0 w-100 text-left \"\n    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.customItem : stack1), depth0))\n    + \"\\\">\"\n    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),\"createNew\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</button>\\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;\n\n  return \"<button\\r\\n  class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.selectBtn : stack1), depth0))\n    + \" custom-select form-control\\\"\\r\\n  data-toggle=\\\"dropdown\\\"\\r\\n  aria-haspopup=\\\"true\\\"\\r\\n  aria-expanded=\\\"false\\\"\\r\\n  name=\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.name : stack1), depth0))\n    + \"\\r\\n>\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.buttonText : stack1), depth0))\n    + \"</button>\\r\\n<div class=\\\"dropdown-menu \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.selector : stack1), depth0))\n    + \"\\\">\\r\\n  <div class=\\\"selector-region\\\"></div>\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.canCreateNew : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"</div>\\r\\n<div class=\\\"form-feedback\\\"></div>\";\n},\"useData\":true});","import { ObjectHash, Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { FolderCollection } from 'shared/collections/FolderCollection';\r\nimport { LeftNavComponent } from 'shared/components/left-nav/LeftNavComponent';\r\nimport { FolderTreeHelpers } from 'shared/utils';\r\n\r\nimport TreeDropdownTemplate from './TreeDropdown.hbs';\r\nimport styles from './tree-dropdown.scss';\r\n\r\ninterface TreeDropdownComponentOptions extends Core.ComponentOptions {\r\n  folderTreeKey: string;\r\n  canCreateNew?: boolean;\r\n  disabledIds?: string[];\r\n  name?: string;\r\n}\r\n\r\nexport class TreeDropdownComponent extends Core.Component {\r\n  public options: TreeDropdownComponentOptions;\r\n  public collection: FolderCollection;\r\n\r\n  private buttonText: string;\r\n  private disabledIds: ObjectHash;\r\n\r\n  constructor(options: TreeDropdownComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(this.options.channelName, 'folder:selected new:folder:selected', this.setButtonText);\r\n    this.listenTo(this.options.channelName, 're:render:selector', this.renderSelector);\r\n\r\n    this.disabledIds = this.options.disabledIds && this.options.disabledIds.reduce((obj, id) => ({\r\n      ...obj,\r\n      [id]: true\r\n    }), {});\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'TreeDropdownComponent';\r\n  }\r\n\r\n  public get template(): string {\r\n    return TreeDropdownTemplate;\r\n  }\r\n\r\n  public get className(): string {\r\n    return 'position-relative';\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.treeDropdown';\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      selector: {\r\n        el: '.selector-region',\r\n        replaceElement: false\r\n      }\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'click .create-new': 'onClickCreateNew'\r\n    };\r\n  }\r\n\r\n  public get defaults(): ObjectHash {\r\n    return {\r\n      disabledIds: []\r\n    };\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      button: '.custom-select'\r\n    };\r\n  }\r\n\r\n  public onClickCreateNew(e: JQuery.Event): void {\r\n    e.preventDefault();\r\n\r\n    const channel = Radio.channel(this.options.channelName);\r\n    channel.trigger('create:folder:clicked');\r\n  }\r\n\r\n  private setButtonText(model?: Core.Model, isDisabled?: boolean): void {\r\n    if (!model || isDisabled) {\r\n      const selection = FolderTreeHelpers.getSelected(this.options.folderTreeKey, this.collection);\r\n\r\n      const text = selection ? selection.get('name') : LanguageService.getPhrase(this.lang, 'button');\r\n      this.getUI('button').text(text);\r\n\r\n      return;\r\n    }\r\n\r\n    const name = model.get('name');\r\n\r\n    this.getUI('button').text(name);\r\n  }\r\n\r\n  private renderSelector(): void {\r\n    // TODO: analytics\r\n    this.showChildView('selector', new LeftNavComponent({\r\n      styles,\r\n      collection:       this.collection,\r\n      channelName:      this.options.channelName,\r\n      childrenProperty: 'children',\r\n      folderTreeId:     this.options.folderTreeKey,\r\n      extraClass:       styles.list,\r\n      extraClasses:     styles.list,\r\n      isSelector:       true,\r\n      disabledIds:      this.disabledIds || {}\r\n    }));\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      name: this.options.name || this.options.channelName,\r\n      buttonText: this.buttonText,\r\n      canCreateNew: this.options.canCreateNew\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.setButtonText();\r\n    this.renderSelector();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"selectBtn\":\"cv--selectBtn--2TTgs\",\"list\":\"cv--list--3wN7o\",\"selector\":\"cv--selector--3Xf1P\",\"customItem\":\"cv--customItem--199PI\"};","import { ObjectHash } from 'backbone';\r\nimport { Core } from 'libs/common/core';\r\nimport { SpinnerButtonModelAttributes } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\n\r\nexport class DisabledSpinnerModel extends Core.Model {\r\n  public defaults(): ObjectHash {\r\n    return {\r\n      [SpinnerButtonModelAttributes.Disabled]: true\r\n    };\r\n  }\r\n}"],"sourceRoot":""}