@clickview/library-editor 1.1.22-dev.0 → 1.1.22-rc.0

package/dist/scripts/13.chunk.js

@@ -0,0 +1,373 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[13],{
+
+/***/ "./src/shared/components/select/Select.hbs":
+/*!*************************************************!*\
+  !*** ./src/shared/components/select/Select.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;
+
+  return container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.disabled : stack1), depth0));
+},"3":function(container,depth0,helpers,partials,data) {
+    return " disabled";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<button \r\n  class=\"dropdown-toggle form-control btn-block text-left position-relative "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.selectButton : stack1), depth0))
+    + " "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.disabled : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\" \r\n  type=\"button\" \r\n  id=\"dropdownMenuButton\" \r\n  data-toggle=\"dropdown\" \r\n  aria-haspopup=\"true\" \r\n  aria-expanded=\"false\"\r\n  "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.disabled : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + " \r\n  name=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.inputName : stack1), depth0))
+    + "\"\r\n  >\r\n  "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.placeholderText : stack1), depth0))
+    + "\r\n</button>\r\n<div class=\"dropdown-region\"></div>\r\n<div class=\"form-feedback\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/select/SelectComponent.ts":
+/*!*********************************************************!*\
+  !*** ./src/shared/components/select/SelectComponent.ts ***!
+  \*********************************************************/
+/*! exports provided: SelectComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectComponent", function() { return SelectComponent; });
+/* 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 _dropdown_DropdownComponentCollection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dropdown/DropdownComponentCollection */ "./src/shared/components/dropdown/DropdownComponentCollection.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _Select_hbs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Select.hbs */ "./src/shared/components/select/Select.hbs");
+/* harmony import */ var _Select_hbs__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Select_hbs__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _select_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./select.scss */ "./src/shared/components/select/select.scss");
+/* harmony import */ var _select_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_select_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 _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 ENTER_KEYCODE = 13;
+var UP_ARROW_KEYCODE = 38;
+var DOWN_ARROW_KEYCODE = 40;
+var TYPING_TIMEOUT = 500;
+var SelectComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(SelectComponent, _Core$Component);
+
+  var _super = _createSuper(SelectComponent);
+
+  function SelectComponent(options) {
+    var _this;
+
+    _classCallCheck(this, SelectComponent);
+
+    _this = _super.call(this, options); // Component state
+
+    _this.selectSearch = '';
+    _this.sameCharIndex = 1;
+    _this.optionStep = 1;
+    return _this;
+  }
+
+  _createClass(SelectComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.setModel();
+      this.bindListeners();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        dropdown: {
+          el: '.dropdown-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'keydown': 'onKeydown',
+        'shown.bs.dropdown': 'onShowDropdown'
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo(this.options.channelName, this.options.childOptions.eventName, this.onSelect);
+    }
+  }, {
+    key: "onShowDropdown",
+    value: function onShowDropdown(e) {
+      var radio = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName);
+      radio.trigger('center:dropdown');
+    }
+  }, {
+    key: "onKeydown",
+    value: function onKeydown(event) {
+      if (event.keyCode === UP_ARROW_KEYCODE || event.keyCode === DOWN_ARROW_KEYCODE) {
+        this.onArrowKeyDown(event);
+      } else if (event.keyCode === ENTER_KEYCODE) {
+        this.render();
+      } else {
+        this.onType(event);
+      }
+
+      var radio = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName);
+      radio.trigger('center:dropdown');
+    }
+  }, {
+    key: "onArrowKeyDown",
+    value: function onArrowKeyDown(event) {
+      if (_utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].getSelected(this.collection)) {
+        this.optionStep = 1;
+      } else {
+        this.optionStep = 0;
+      }
+
+      var selectedModel = this.getNextModel(event.keyCode);
+
+      if (!selectedModel) {
+        _utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].deselectAll(this.collection);
+        selectedModel = this.getNextModel(event.keyCode);
+      }
+
+      while (this.isDisabled(selectedModel)) {
+        this.optionStep++;
+        selectedModel = this.getNextModel(event.keyCode);
+      }
+
+      this.onSelect(selectedModel);
+    }
+  }, {
+    key: "onType",
+    value: function onType(event) {
+      // Returns if keys such as "Tab" or "Backspace" are pressed
+      if (event.key.toString().length !== 1) return;
+      var modelMatch = this.getModelMatch(event);
+      if (modelMatch) this.onSelect(modelMatch);
+      this.runTimer();
+    }
+  }, {
+    key: "onSelect",
+    value: function onSelect(model) {
+      if (this.isDisabled(model)) return;
+      _utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].setSelected(model.get('id'), this.collection);
+      this.setModel();
+      this.getUI('dropdownToggle').text(this.getButtonText());
+      var radio = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName);
+      radio.trigger('select:option:selected', model);
+    }
+  }, {
+    key: "setModel",
+    value: function setModel() {
+      this.model = _utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].getSelected(this.collection);
+    }
+  }, {
+    key: "getNextModel",
+    value: function getNextModel(key) {
+      var currentModel = _utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].getSelected(this.collection) || this.collection.first();
+      var index = this.collection.indexOf(currentModel);
+      var nextModel;
+
+      if (key === UP_ARROW_KEYCODE) {
+        nextModel = this.collection.at(index - this.optionStep);
+      } else {
+        nextModel = this.collection.at(index + this.optionStep);
+      }
+      /**
+       * This handles cases where users downstroke into 1 or more
+       * disabled folders that stretch until the end of the collection.
+       * This will wrap their selection back to the top.
+       */
+
+
+      if (!nextModel) {
+        _utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].deselectAll(this.collection);
+        nextModel = this.collection.first();
+        this.optionStep = 0;
+      }
+
+      return nextModel;
+    }
+  }, {
+    key: "getModelMatch",
+    value: function getModelMatch(event) {
+      var _this2 = this;
+
+      var modelSearchResult;
+
+      if (this.selectSearch.length === 1 && this.selectSearch === event.key) {
+        modelSearchResult = this.handleSameCharIndex(event.key);
+      } else {
+        this.selectSearch += event.key;
+        this.sameCharIndex = 1;
+      }
+
+      if (!modelSearchResult) {
+        modelSearchResult = underscore__WEBPACK_IMPORTED_MODULE_0__["find"](this.collection.models, function (model) {
+          return model.get(_this2.options.displayProperty).toLowerCase().slice(0, _this2.selectSearch.length).includes(_this2.selectSearch.toLowerCase());
+        });
+      }
+
+      return modelSearchResult;
+    }
+  }, {
+    key: "handleSameCharIndex",
+    value: function handleSameCharIndex(keyCode) {
+      var _this3 = this;
+
+      var models = underscore__WEBPACK_IMPORTED_MODULE_0__["filter"](this.collection.models, function (model) {
+        return model.get(_this3.options.displayProperty).toLowerCase().slice(0, 1) === keyCode;
+      });
+
+      if (models.length > 1) {
+        /**
+         * When a user types the first char of their search, then they
+         * type that char again, rather than append that char to the search
+         * string (e.g. "aa"), we instead search for the next option in the
+         * dropdown that starts with "a", then increment sameCharIndex for cases
+         * where the user continues pressing "a" for example.
+         */
+        var modelSearchResult = models[this.sameCharIndex];
+
+        if (!modelSearchResult) {
+          modelSearchResult = underscore__WEBPACK_IMPORTED_MODULE_0__["first"](models);
+          this.sameCharIndex = 0;
+        }
+
+        this.sameCharIndex++;
+        return modelSearchResult;
+      } else {
+        return underscore__WEBPACK_IMPORTED_MODULE_0__["first"](models);
+      }
+    }
+  }, {
+    key: "runTimer",
+    value: function runTimer() {
+      var _this4 = this;
+
+      if (this.scopedTimerIndex) clearTimeout(this.scopedTimerIndex);
+      this.scopedTimerIndex = window.setTimeout(function () {
+        _this4.selectSearch = '';
+      }, TYPING_TIMEOUT);
+    }
+  }, {
+    key: "isDisabled",
+    value: function isDisabled(model) {
+      if (model.get('divider')) return true;
+      if (!underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](this.options.childOptions.isDisabled)) return false;
+      return this.options.childOptions.isDisabled.apply(this, arguments);
+    }
+  }, {
+    key: "getButtonText",
+    value: function getButtonText() {
+      if (this.options.disabled) return this.options.noOptionsText;
+      var selection = _utils__WEBPACK_IMPORTED_MODULE_4__["CollectionHelpers"].getSelected(this.collection);
+      return selection && selection.get(this.options.displayProperty) || this.options.placeholderText;
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _select_scss__WEBPACK_IMPORTED_MODULE_6___default.a,
+        inputName: this.options.inputName,
+        disabled: this.options.disabled,
+        placeholderText: this.getButtonText()
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.showChildView('dropdown', new _dropdown_DropdownComponentCollection__WEBPACK_IMPORTED_MODULE_3__["DropdownComponentCollection"]({
+        collection: this.collection,
+        channelName: this.options.channelName,
+        childOptions: underscore__WEBPACK_IMPORTED_MODULE_0__["extend"](this.options.childOptions),
+        displayOptions: {
+          extraClasses: "w-100 ".concat(_select_scss__WEBPACK_IMPORTED_MODULE_6___default.a.dropdownMenu)
+        },
+        analyticsHelper: this.options.analyticsHelper
+      }));
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'SelectComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _Select_hbs__WEBPACK_IMPORTED_MODULE_5___default.a;
+    }
+  }, {
+    key: "defaults",
+    get: function get() {
+      return {
+        displayProperty: 'name'
+      };
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        dropdownToggle: '.dropdown-toggle'
+      };
+    }
+  }]);
+
+  return SelectComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/select/select.scss":
+/*!**************************************************!*\
+  !*** ./src/shared/components/select/select.scss ***!
+  \**************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dropdownMenu":"cv--dropdownMenu--2RaQu","selectButton":"cv--selectButton--2xGqi","disabled":"cv--disabled--15kWr"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=13.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/select/Select.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/select/SelectComponent.ts","webpack://@clickview/library-editor/./src/shared/components/select/select.scss?d7a2"],"names":[],"mappings":"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","file":"scripts/13.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable;\n\n  return container.escapeExpression(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.disabled : stack1), depth0));\n},\"3\":function(container,depth0,helpers,partials,data) {\n    return \" disabled\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});\n\n  return \"<button \\r\\n  class=\\\"dropdown-toggle form-control btn-block text-left position-relative \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.selectButton : stack1), depth0))\n    + \" \"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.disabled : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\\" \\r\\n  type=\\\"button\\\" \\r\\n  id=\\\"dropdownMenuButton\\\" \\r\\n  data-toggle=\\\"dropdown\\\" \\r\\n  aria-haspopup=\\\"true\\\" \\r\\n  aria-expanded=\\\"false\\\"\\r\\n  \"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.disabled : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \" \\r\\n  name=\\\"\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.inputName : stack1), depth0))\n    + \"\\\"\\r\\n  >\\r\\n  \"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.placeholderText : stack1), depth0))\n    + \"\\r\\n</button>\\r\\n<div class=\\\"dropdown-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\n\r\nimport { DropdownComponentCollection, DropdownAnalyticsHelper } from 'shared/components/dropdown/DropdownComponentCollection';\r\nimport { CollectionHelpers } from 'shared/utils';\r\n\r\nimport SelectTemplate from './Select.hbs';\r\nimport styles from './select.scss';\r\n\r\nexport interface SelectChildOptions {\r\n  channelName?: string;\r\n  titleProperty?: string;\r\n  eventName: string;\r\n  extraClasses?: string;\r\n  prefixHandler?: () => string;\r\n  currentSelectedMessage?: string;\r\n  isDisabled?: (model: Core.Model) => boolean;\r\n  truncateOptionNames?: boolean;\r\n}\r\n\r\nexport interface SelectComponentOptions extends Core.ComponentCollectionOptions {\r\n  channelName: string;\r\n  childOptions: SelectChildOptions;\r\n  placeholderText: string;\r\n  noOptionsText?: string;\r\n  inputName?: string;\r\n  disabled?: boolean;\r\n  displayProperty?: string;\r\n  analyticsHelper: DropdownAnalyticsHelper;\r\n}\r\n\r\nconst ENTER_KEYCODE = 13;\r\nconst UP_ARROW_KEYCODE = 38;\r\nconst DOWN_ARROW_KEYCODE = 40;\r\nconst TYPING_TIMEOUT = 500;\r\n\r\nexport class SelectComponent extends Core.Component {\r\n  public collection: Core.Collection;\r\n  public options: SelectComponentOptions;\r\n\r\n  // Component state\r\n  private selectSearch: string = '';\r\n  private sameCharIndex: number = 1;\r\n  private scopedTimerIndex: number;\r\n  private optionStep: number = 1;\r\n\r\n  public constructor(options: SelectComponentOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.setModel();\r\n\r\n    this.bindListeners();\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'SelectComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return SelectTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      dropdown: {\r\n        el: '.dropdown-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'keydown': 'onKeydown',\r\n      'shown.bs.dropdown': 'onShowDropdown'\r\n    };\r\n  }\r\n\r\n  public get defaults(): ObjectHash {\r\n    return {\r\n      displayProperty: 'name'\r\n    };\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      dropdownToggle: '.dropdown-toggle'\r\n    };\r\n  }\r\n\r\n  private bindListeners(): void {\r\n    this.listenTo(this.options.channelName, this.options.childOptions.eventName, this.onSelect);\r\n  }\r\n\r\n  private onShowDropdown(e: JQuery.Event): void {\r\n    const radio = Radio.channel(this.options.channelName);\r\n    radio.trigger('center:dropdown');\r\n  }\r\n\r\n  private onKeydown(event: JQueryEventObject): void {\r\n    if (event.keyCode === UP_ARROW_KEYCODE || event.keyCode === DOWN_ARROW_KEYCODE) {\r\n      this.onArrowKeyDown(event);\r\n    } else if (event.keyCode === ENTER_KEYCODE) {\r\n      this.render();\r\n    } else {\r\n      this.onType(event);\r\n    }\r\n\r\n    const radio = Radio.channel(this.options.channelName);\r\n    radio.trigger('center:dropdown');\r\n  }\r\n\r\n  private onArrowKeyDown(event: JQueryEventObject): void {\r\n    if (CollectionHelpers.getSelected(this.collection)) {\r\n      this.optionStep = 1;\r\n    } else {\r\n      this.optionStep = 0;\r\n    }\r\n\r\n    let selectedModel: Core.Model = this.getNextModel(event.keyCode);\r\n\r\n    if (!selectedModel) {\r\n      CollectionHelpers.deselectAll(this.collection);\r\n      selectedModel = this.getNextModel(event.keyCode);\r\n    }\r\n\r\n    while (this.isDisabled(selectedModel)) {\r\n      this.optionStep++;\r\n      selectedModel = this.getNextModel(event.keyCode);\r\n    }\r\n\r\n    this.onSelect(selectedModel);\r\n  }\r\n\r\n  private onType(event: JQueryEventObject): void {\r\n    // Returns if keys such as \"Tab\" or \"Backspace\" are pressed\r\n    if (event.key.toString().length !== 1) return;\r\n\r\n    const modelMatch: Core.Model = this.getModelMatch(event);\r\n    if (modelMatch)\r\n      this.onSelect(modelMatch);\r\n\r\n    this.runTimer();\r\n  }\r\n\r\n  public onSelect(model: Core.Model): void {\r\n    if (this.isDisabled(model))\r\n      return;\r\n\r\n    CollectionHelpers.setSelected(model.get('id'), this.collection);\r\n    this.setModel();\r\n    this.getUI('dropdownToggle').text(this.getButtonText());\r\n\r\n    const radio = Radio.channel(this.options.channelName);\r\n    radio.trigger('select:option:selected', model);\r\n  }\r\n\r\n  public setModel(): void {\r\n    this.model = CollectionHelpers.getSelected(this.collection);\r\n  }\r\n\r\n  private getNextModel(key: number): Core.Model {\r\n    const currentModel: Core.Model = CollectionHelpers.getSelected(this.collection) || this.collection.first();\r\n    const index: number = this.collection.indexOf(currentModel);\r\n\r\n    let nextModel: Core.Model;\r\n    if (key === UP_ARROW_KEYCODE) {\r\n      nextModel = this.collection.at(index - this.optionStep);\r\n    } else {\r\n      nextModel = this.collection.at(index + this.optionStep);\r\n    }\r\n\r\n    /**\r\n     * This handles cases where users downstroke into 1 or more\r\n     * disabled folders that stretch until the end of the collection.\r\n     * This will wrap their selection back to the top.\r\n     */\r\n    if (!nextModel) {\r\n      CollectionHelpers.deselectAll(this.collection);\r\n      nextModel = this.collection.first();\r\n      this.optionStep = 0;\r\n    }\r\n\r\n    return nextModel;\r\n  }\r\n\r\n  private getModelMatch(event: JQueryEventObject): Core.Model {\r\n    let modelSearchResult: Core.Model;\r\n    if (this.selectSearch.length === 1 && this.selectSearch === event.key) {\r\n      modelSearchResult = this.handleSameCharIndex(event.key);\r\n    } else {\r\n      this.selectSearch += event.key;\r\n      this.sameCharIndex = 1;\r\n    }\r\n\r\n    if (!modelSearchResult) {\r\n      modelSearchResult = _.find(this.collection.models, (model: Core.Model) =>\r\n        model.get(this.options.displayProperty)\r\n          .toLowerCase().slice(0, this.selectSearch.length).includes(this.selectSearch.toLowerCase()));\r\n    }\r\n\r\n    return modelSearchResult;\r\n  }\r\n\r\n  private handleSameCharIndex(keyCode: string): Core.Model {\r\n    const models: Core.Model[] = _.filter(\r\n      this.collection.models, (model: Core.Model) => {\r\n        return model.get(this.options.displayProperty).toLowerCase().slice(0, 1) === keyCode;\r\n      }\r\n    );\r\n    if (models.length > 1) {\r\n      /**\r\n       * When a user types the first char of their search, then they\r\n       * type that char again, rather than append that char to the search\r\n       * string (e.g. \"aa\"), we instead search for the next option in the\r\n       * dropdown that starts with \"a\", then increment sameCharIndex for cases\r\n       * where the user continues pressing \"a\" for example.\r\n       */\r\n      let modelSearchResult = models[this.sameCharIndex];\r\n      if (!modelSearchResult) {\r\n        modelSearchResult = _.first(models);\r\n        this.sameCharIndex = 0;\r\n      }\r\n      this.sameCharIndex++;\r\n      return modelSearchResult;\r\n    } else {\r\n      return _.first(models);\r\n    }\r\n  }\r\n\r\n  private runTimer(): void {\r\n    if (this.scopedTimerIndex)\r\n      clearTimeout(this.scopedTimerIndex);\r\n\r\n    this.scopedTimerIndex = window.setTimeout(() => {\r\n      this.selectSearch = '';\r\n    }, TYPING_TIMEOUT);\r\n  }\r\n\r\n  private isDisabled(model: Core.Model): boolean {\r\n    if (model.get('divider'))\r\n      return true;\r\n\r\n    if (!_.isFunction(this.options.childOptions.isDisabled))\r\n      return false;\r\n\r\n    return this.options.childOptions.isDisabled.apply(this, arguments);\r\n  }\r\n\r\n  private getButtonText(): string {\r\n    if (this.options.disabled)\r\n      return this.options.noOptionsText;\r\n\r\n    const selection = CollectionHelpers.getSelected(this.collection);\r\n    return (selection && selection.get(this.options.displayProperty)) || this.options.placeholderText;\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      inputName: this.options.inputName,\r\n      disabled: this.options.disabled,\r\n      placeholderText: this.getButtonText()\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.showChildView('dropdown', new DropdownComponentCollection({\r\n      collection: this.collection,\r\n      channelName: this.options.channelName,\r\n      childOptions: _.extend(this.options.childOptions),\r\n      displayOptions: {\r\n        extraClasses: `w-100 ${styles.dropdownMenu}`\r\n      },\r\n      analyticsHelper: this.options.analyticsHelper\r\n    }));\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownMenu\":\"cv--dropdownMenu--2RaQu\",\"selectButton\":\"cv--selectButton--2xGqi\",\"disabled\":\"cv--disabled--15kWr\"};"],"sourceRoot":""}