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

package/dist/scripts/18.chunk.js

@@ -0,0 +1,393 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[18],{
+
+/***/ "./src/apps/library-editor/components/library-select/LibrarySelect.hbs":
+/*!*****************************************************************************!*\
+  !*** ./src/apps/library-editor/components/library-select/LibrarySelect.hbs ***!
+  \*****************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"dropdown-menu-region\"></div>\r\n<div class=\"form-feedback\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/components/library-select/LibrarySelectComponent.ts":
+/*!*************************************************************************************!*\
+  !*** ./src/apps/library-editor/components/library-select/LibrarySelectComponent.ts ***!
+  \*************************************************************************************/
+/*! exports provided: LibrarySelectComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LibrarySelectComponent", function() { return LibrarySelectComponent; });
+/* 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_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _shared_components_select_SelectComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/components/select/SelectComponent */ "./src/shared/components/select/SelectComponent.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _LibrarySelect_hbs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./LibrarySelect.hbs */ "./src/apps/library-editor/components/library-select/LibrarySelect.hbs");
+/* harmony import */ var _LibrarySelect_hbs__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_LibrarySelect_hbs__WEBPACK_IMPORTED_MODULE_7__);
+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 LibrarySelectComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(LibrarySelectComponent, _Core$Component);
+
+  var _super = _createSuper(LibrarySelectComponent);
+
+  function LibrarySelectComponent(options) {
+    _classCallCheck(this, LibrarySelectComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(LibrarySelectComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.bindListeners();
+      _shared_utils__WEBPACK_IMPORTED_MODULE_6__["CollectionHelpers"].deselectAll(this.collection);
+      _shared_utils__WEBPACK_IMPORTED_MODULE_6__["CollectionHelpers"].setSelected(this.options.currentLibraryId, this.collection);
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        dropdown: {
+          el: '.dropdown-menu-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      var _this = this;
+
+      this.listenTo(this.channelName, 'select:option:selected', function (model) {
+        var channel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_this.options.channelName);
+        channel.trigger('library:selected', model);
+      });
+    }
+  }, {
+    key: "getIsOptionDisabledFn",
+    value: function getIsOptionDisabledFn() {
+      var disabledLibraryIds = this.options.disabledLibraryIds;
+      return function (model) {
+        var data = model || this.model;
+        if (underscore__WEBPACK_IMPORTED_MODULE_0__["contains"](disabledLibraryIds, data.get('id') + '')) return true;
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.showChildView('dropdown', new _shared_components_select_SelectComponent__WEBPACK_IMPORTED_MODULE_5__["SelectComponent"]({
+        collection: this.collection,
+        channelName: this.channelName,
+        childOptions: {
+          titleProperty: 'name',
+          eventName: 'select:option:click',
+          isDisabled: this.getIsOptionDisabledFn()
+        },
+        placeholderText: this.options.placeholderText || _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(this.lang, 'placeholder'),
+        noOptionsText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(this.lang, 'noLibraries'),
+        inputName: this.options.inputName,
+        disabled: this.collection.length === 0 || this.options.disabled,
+        analyticsHelper: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"]
+      }));
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'LibrarySelectComponent';
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return "".concat(this.name).concat(this.cid);
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'position-relative';
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.librarySelect';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _LibrarySelect_hbs__WEBPACK_IMPORTED_MODULE_7___default.a;
+    }
+  }]);
+
+  return LibrarySelectComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./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"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=18.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/library-select/LibrarySelect.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/components/library-select/LibrarySelectComponent.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"],"names":[],"mappings":"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","file":"scripts/18.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    return \"<div class=\\\"dropdown-menu-region\\\"></div>\\r\\n<div class=\\\"form-feedback\\\"></div>\";\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash, Radio } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { LibraryCollection } from 'shared/collections/LibraryCollection';\r\nimport { Library } from 'shared/models/Library';\r\nimport { SelectComponent } from 'shared/components/select/SelectComponent';\r\nimport { CollectionHelpers } from 'shared/utils';\r\n\r\nimport LibrarySelectTemplate from './LibrarySelect.hbs';\r\n\r\ninterface LibrarySelectComponentOptions extends Core.ComponentOptions {\r\n  collection: LibraryCollection;\r\n  channelName: string;\r\n  currentLibraryId?: string;\r\n  inputName?: string;\r\n  placeholderText?: string;\r\n  disabled?: boolean;\r\n  disabledLibraryIds?: string[];\r\n}\r\n\r\nexport class LibrarySelectComponent extends Core.Component {\r\n  protected options: LibrarySelectComponentOptions;\r\n\r\n  constructor(options: LibrarySelectComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.bindListeners();\r\n\r\n    CollectionHelpers.deselectAll(this.collection);\r\n    CollectionHelpers.setSelected(this.options.currentLibraryId, this.collection);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'LibrarySelectComponent';\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return `${this.name}${this.cid}`;\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.librarySelect';\r\n  }\r\n\r\n  public get template(): string {\r\n    return LibrarySelectTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      dropdown: {\r\n        el: '.dropdown-menu-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  private bindListeners(): void {\r\n    this.listenTo(this.channelName, 'select:option:selected', (model: Library) => {\r\n      const channel = Radio.channel(this.options.channelName);\r\n      channel.trigger('library:selected', model);\r\n    });\r\n  }\r\n\r\n  private getIsOptionDisabledFn(): (model: Library) => boolean {\r\n    const disabledLibraryIds = this.options.disabledLibraryIds;\r\n    return function(model: Library): boolean {\r\n      const data = model || this.model;\r\n\r\n      if (_.contains(disabledLibraryIds, data.get('id') + ''))\r\n        return true;\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.showChildView('dropdown', new SelectComponent({\r\n      collection: this.collection,\r\n      channelName: this.channelName,\r\n      childOptions: {\r\n        titleProperty: 'name',\r\n        eventName: 'select:option:click',\r\n        isDisabled: this.getIsOptionDisabledFn()\r\n      },\r\n      placeholderText: this.options.placeholderText || LanguageService.getPhrase(this.lang, 'placeholder'),\r\n      noOptionsText: LanguageService.getPhrase(this.lang, 'noLibraries'),\r\n      inputName: this.options.inputName,\r\n      disabled: this.collection.length === 0 || this.options.disabled,\r\n      analyticsHelper: AnalyticsHelper\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.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\"};"],"sourceRoot":""}