@clickview/library-editor 1.1.23-dev.1 → 1.1.23-rc.0

package/dist/scripts/18.chunk.js

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

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