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

package/dist/scripts/25.chunk.js

@@ -0,0 +1,365 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[25],{
+
+/***/ "./src/shared/components/typeahead-input/SearchTypeaheadComponent.ts":
+/*!***************************************************************************!*\
+  !*** ./src/shared/components/typeahead-input/SearchTypeaheadComponent.ts ***!
+  \***************************************************************************/
+/*! exports provided: SearchTypeaheadComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchTypeaheadComponent", function() { return SearchTypeaheadComponent; });
+/* 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_errors_DevError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/apps/search/utils/TypeaheadHelper */ "../../libs/shared/src/apps/search/utils/TypeaheadHelper.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _Typeahead_hbs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Typeahead.hbs */ "./src/shared/components/typeahead-input/Typeahead.hbs");
+/* harmony import */ var _Typeahead_hbs__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Typeahead_hbs__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _typeahead_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./typeahead.scss */ "./src/shared/components/typeahead-input/typeahead.scss");
+/* harmony import */ var _typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__);
+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 SearchTypeaheadComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(SearchTypeaheadComponent, _Core$Component);
+
+  var _super = _createSuper(SearchTypeaheadComponent);
+
+  function SearchTypeaheadComponent(options) {
+    _classCallCheck(this, SearchTypeaheadComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(SearchTypeaheadComponent, [{
+    key: "events",
+    value: function events() {
+      return {
+        'submit': 'onSubmit',
+        'click .remove': 'onClickRemove'
+      };
+    }
+  }, {
+    key: "initialize",
+    value: function initialize() {
+      if (!this.model && !this.options.parentChannelName) _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].ErrorHelper.throw(new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__["DevError"]('Either pass a model or a channelName to access the typeahead selection'));
+      if (!this.model) this.model = new _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Model();
+      /**
+       * By default, set the input name to user the same name as our el id.
+       * As soon as we need to add validation, this will need to be swapped out for the stickItProperty.
+       * Or alternatively, we update the Validation cbs to not match on the model attribute name - Mike
+       */
+
+      if (!this.options.inputName) this.options.inputName = this.options.inputId;
+      this.bindListeners();
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      if (this.options.parentChannelName) this.parentChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.parentChannelName);
+      this.listenTo(this.channelName, 'typeahead:set:input', this.setInput);
+      this.listenTo(this.channelName, 'typeahead:clear:input', this.clearInput);
+    }
+  }, {
+    key: "clearInput",
+    value: function clearInput() {
+      this.getUI("input").typeahead('val', null);
+    }
+  }, {
+    key: "setInput",
+    value: function setInput(newVal) {
+      this.getUI("input").typeahead('val', newVal);
+    }
+    /**
+     * TODO: Add submit on enter support
+     */
+
+  }, {
+    key: "onTypeaheadSelect",
+    value: function onTypeaheadSelect(event, suggestion) {
+      event.preventDefault();
+      var queryString;
+      if (typeof suggestion === 'string') queryString = suggestion;else queryString = suggestion.title || suggestion.name || suggestion.query;
+      this.model.set(this.options.stickItProperty, queryString); // Pass the entire suggestion object back up to the parent
+
+      if (this.parentChannel && this.options.selectEvent) this.parentChannel.trigger(this.options.selectEvent, suggestion);
+      this.onSubmit(event);
+      this.toggleRemove();
+    }
+  }, {
+    key: "onSubmit",
+    value: function onSubmit(event) {
+      var _this = this;
+
+      event.preventDefault();
+      if (this.isDestroyed()) return;
+
+      var _this$getTypeaheadAct = this.getTypeaheadActionOptions(),
+          clearOnSelect = _this$getTypeaheadAct.clearOnSelect;
+
+      if (!clearOnSelect) return;
+      this.getUI("input").typeahead('close');
+      /**
+       * Clear the current query after closing the typeahead.
+       * We need to clear out all the existing suggestions too, so wait until the
+       * next tick to ensure that the close event had properly finished.
+       */
+
+      setTimeout(function () {
+        _this.model.clear();
+
+        _this.clearInput();
+      }, 0);
+      return false;
+    }
+  }, {
+    key: "onClickRemove",
+    value: function onClickRemove() {
+      this.model.clear();
+      this.parentChannel.trigger(this.options.removeEvent, this.model);
+      this.toggleRemove();
+    }
+  }, {
+    key: "getSources",
+    value: function getSources() {
+      if (!underscore__WEBPACK_IMPORTED_MODULE_0__["isArray"](this.options.typeaheadConfigs)) return _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_5__["TypeaheadHelper"].getSearchSources([this.options.typeaheadConfigs]);
+      var sources = _libs_shared_src_apps_search_utils_TypeaheadHelper__WEBPACK_IMPORTED_MODULE_5__["TypeaheadHelper"].getSearchSources(this.options.typeaheadConfigs);
+      return sources;
+    }
+  }, {
+    key: "getTypeaheadOptions",
+    value: function getTypeaheadOptions() {
+      var defaults = {
+        minLength: 1,
+        highlight: true
+      };
+      if (!this.options.typeaheadOptions) return defaults;
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, defaults, this.options.typeaheadOptions);
+    }
+  }, {
+    key: "getTypeaheadActionOptions",
+    value: function getTypeaheadActionOptions() {
+      var baseOptions = {
+        clearOnSelect: false
+      };
+      if (!underscore__WEBPACK_IMPORTED_MODULE_0__["isObject"](this.options.actionOptions)) return baseOptions;
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"]({}, baseOptions, this.options.actionOptions);
+    }
+  }, {
+    key: "bindOptionalCallbacks",
+    value: function bindOptionalCallbacks() {
+      if (!underscore__WEBPACK_IMPORTED_MODULE_0__["isObject"](this.options.callbacks)) return;
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](this.options.callbacks.onRender)) this.getUI("input").on('typeahead:render', underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.options.callbacks.onRender, this));
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](this.options.callbacks.onInput)) this.listenTo(this.model, "change:".concat(this.options.stickItProperty), this.options.callbacks.onInput);
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["isFunction"](this.options.callbacks.onBlur)) this.getUI("input").on('blur', underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.options.callbacks.onBlur, this, this.channelName, this.options.stickItProperty));
+    }
+  }, {
+    key: "initTypeahead",
+    value: function initTypeahead() {
+      this.getUI("input").typeahead(this.getTypeaheadOptions(), this.getSources());
+    }
+  }, {
+    key: "initTypeaheadListeners",
+    value: function initTypeaheadListeners() {
+      this.getUI("input").on('typeahead:select', underscore__WEBPACK_IMPORTED_MODULE_0__["bind"](this.onTypeaheadSelect, this));
+      this.bindOptionalCallbacks();
+    }
+  }, {
+    key: "toggleRemove",
+    value: function toggleRemove() {
+      if (this.shouldShowRemove()) this.$el.find('.remove').show();else this.$el.find('.remove').hide();
+    }
+    /**
+     * Show the remove button if:
+     *
+     * Content is editable
+     * We have a value
+     * We have a remove event to trigger
+     *
+     * OR
+     *
+     * We're being force to show the remove button (Used by PPDD)
+     */
+
+  }, {
+    key: "shouldShowRemove",
+    value: function shouldShowRemove() {
+      if (!this.options.editable) return false;
+      if (this.options.forceShowRemoveButton) return true;
+      return this.options.removeEvent && !!this.model.get(this.options.stickItProperty);
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return Object.assign(Object.assign({
+        styles: _typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a
+      }, this.options), {
+        showRemove: this.shouldShowRemove(),
+        svgRemove: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Close)
+      });
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.stickit();
+      this.initTypeahead();
+      this.initTypeaheadListeners();
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Validation"].bind(this);
+      this.toggleRemove();
+    }
+  }, {
+    key: "onClose",
+    value: function onClose() {
+      this.getUI('input').off();
+      this.unstickit();
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Validation"].unbind(this);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'SearchTypeaheadComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _Typeahead_hbs__WEBPACK_IMPORTED_MODULE_7___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "search-container ".concat(_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.typeaheadContainer, " mb-2");
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return _utils__WEBPACK_IMPORTED_MODULE_6__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        input: "#".concat(this.options.inputId)
+      };
+    }
+  }, {
+    key: "defaults",
+    get: function get() {
+      return {
+        inputId: 'search-typeahead',
+        placeholderText: 'Search',
+        stickItProperty: 'name',
+        selectEvent: 'select:result',
+        additionalClasses: '',
+        editable: true
+      };
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      var inputName = "[name=".concat(this.options.inputName, "]");
+      return _defineProperty({}, inputName, {
+        observe: this.options.stickItProperty,
+        setOptions: {
+          validate: true
+        }
+      });
+    }
+  }]);
+
+  return SearchTypeaheadComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/typeahead-input/Typeahead.hbs":
+/*!*************************************************************!*\
+  !*** ./src/shared/components/typeahead-input/Typeahead.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 "autofocus";
+},"5":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 "<input\r\n  name=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.inputName : stack1), depth0))
+    + "\"\r\n  type=\"text\"\r\n  class=\"form-control "
+    + ((stack1 = helpers.unless.call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + " "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.additionalClasses : stack1), depth0))
+    + "\"\r\n  id=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.inputId : stack1), depth0))
+    + "\"\r\n  autocomplete=\"off\"\r\n  placeholder=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.placeholderText : stack1), depth0))
+    + "\"\r\n  "
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.autofocus : stack1),{"name":"if","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n  "
+    + ((stack1 = helpers.unless.call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{"name":"unless","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n></input>\r\n<span class=\"svg-container mb-2 "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svg : stack1), depth0))
+    + " remove\" style=\"display: none;\">"
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svgRemove : stack1), depth0)) != null ? stack1 : "")
+    + "</span>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/typeahead-input/typeahead.scss":
+/*!**************************************************************!*\
+  !*** ./src/shared/components/typeahead-input/typeahead.scss ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"svg":"cv--svg--1iL3O","typeaheadContainer":"cv--typeaheadContainer--1SWXc","disabled":"cv--disabled--3C2O8"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=25.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/typeahead-input/SearchTypeaheadComponent.ts","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/shared/components/typeahead-input/Typeahead.hbs","webpack://@clickview/library-editor/./src/shared/components/typeahead-input/typeahead.scss?b75a"],"names":[],"mappings":"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","file":"scripts/25.chunk.js","sourcesContent":["import * as _ from 'underscore';\r\nimport { Radio, Validation, ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { DevError } from 'libs/common/backbone/errors/DevError';\r\nimport { SvgHelper, cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { TypeaheadConfigHandler, TypeaheadSourceItem } from 'libs/shared/apps/search/interfaces';\r\nimport { TypeaheadHelper } from 'libs/shared/apps/search/utils/TypeaheadHelper';\r\n\r\nimport { RadioChannelHelper } from 'shared/utils';\r\n\r\nimport TypeaheadTemplate from './Typeahead.hbs';\r\nimport styles from './typeahead.scss';\r\n\r\ninterface TypeaheadCallbacks {\r\n  onRender?: (...args: any) => any;\r\n  onInput?: (...args: any) => any;\r\n  onBlur?: (...args: any) => any;\r\n}\r\n\r\ninterface TypeaheadActionOptions {\r\n  clearOnSelect?: boolean;\r\n}\r\n\r\ninterface SearchTypeaheadComponentOptions<TSearchType> extends Core.ComponentOptions {\r\n  parentChannelName: string;\r\n  inputId: string;\r\n  selectEvent: string;\r\n  typeaheadConfigs: TypeaheadSourceItem<TSearchType> | TypeaheadSourceItem<TSearchType>[];\r\n  stickItProperty?: string;\r\n  inputName?: string;\r\n  placeholderText?: string;\r\n  callbacks?: TypeaheadCallbacks;\r\n  typeaheadOptions?: ObjectHash;\r\n  actionOptions?: TypeaheadActionOptions;\r\n  editable?: boolean;\r\n  additionalClasses?: string;\r\n  removeEvent?: string;\r\n  forceShowRemoveButton?: boolean;\r\n}\r\n\r\nexport class SearchTypeaheadComponent<TSearchType> extends Core.Component {\r\n  public options: SearchTypeaheadComponentOptions<TSearchType>;\r\n  private parentChannel: Radio.Channel;\r\n\r\n  constructor(options?: SearchTypeaheadComponentOptions<TSearchType>) {\r\n    super(options);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'SearchTypeaheadComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return TypeaheadTemplate;\r\n  }\r\n\r\n  public get className(): string {\r\n    return `search-container ${styles.typeaheadContainer} mb-2`;\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return RadioChannelHelper.generateUniqueChannelName(this);\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      input: `#${this.options.inputId}`\r\n    };\r\n  }\r\n\r\n  public get defaults(): ObjectHash {\r\n    return {\r\n      inputId: 'search-typeahead',\r\n      placeholderText: 'Search',\r\n      stickItProperty: 'name',\r\n      selectEvent: 'select:result',\r\n      additionalClasses: '',\r\n      editable: true\r\n    };\r\n  }\r\n\r\n  public events(): ObjectHash {\r\n    return {\r\n      'submit': 'onSubmit',\r\n      'click .remove': 'onClickRemove'\r\n    };\r\n  }\r\n\r\n  public initialize(): void {\r\n    if (!this.model && !this.options.parentChannelName)\r\n      Core.ErrorHelper.throw(new DevError('Either pass a model or a channelName to access the typeahead selection'));\r\n\r\n    if (!this.model)\r\n      this.model = new Core.Model();\r\n\r\n    /**\r\n     * By default, set the input name to user the same name as our el id.\r\n     * As soon as we need to add validation, this will need to be swapped out for the stickItProperty.\r\n     * Or alternatively, we update the Validation cbs to not match on the model attribute name - Mike\r\n     */\r\n    if (!this.options.inputName)\r\n      this.options.inputName = this.options.inputId;\r\n\r\n    this.bindListeners();\r\n  }\r\n\r\n  protected bindListeners(): void {\r\n    if (this.options.parentChannelName)\r\n      this.parentChannel = Radio.channel(this.options.parentChannelName);\r\n\r\n    this.listenTo(this.channelName, 'typeahead:set:input', this.setInput);\r\n    this.listenTo(this.channelName, 'typeahead:clear:input', this.clearInput);\r\n  }\r\n\r\n  public get bindings(): ObjectHash {\r\n    const inputName = `[name=${this.options.inputName}]`;\r\n    return {\r\n      [inputName]: {\r\n        observe: this.options.stickItProperty,\r\n        setOptions : { validate: true },\r\n      }\r\n    };\r\n  }\r\n\r\n  public clearInput(): void {\r\n    this.getUI(`input`).typeahead('val', null);\r\n  }\r\n\r\n  public setInput(newVal: string): void {\r\n    this.getUI(`input`).typeahead('val', newVal);\r\n  }\r\n  /**\r\n   * TODO: Add submit on enter support\r\n   */\r\n  protected onTypeaheadSelect(event: any, suggestion: string | ObjectHash): void {\r\n    event.preventDefault();\r\n\r\n    let queryString;\r\n    if (typeof suggestion === 'string')\r\n      queryString = suggestion;\r\n    else\r\n      queryString = suggestion.title || suggestion.name || suggestion.query;\r\n\r\n    this.model.set(this.options.stickItProperty, queryString);\r\n\r\n    // Pass the entire suggestion object back up to the parent\r\n    if (this.parentChannel && this.options.selectEvent)\r\n      this.parentChannel.trigger(this.options.selectEvent, suggestion);\r\n\r\n    this.onSubmit(event);\r\n    this.toggleRemove();\r\n  }\r\n\r\n  private onSubmit(event: JQuery.Event): boolean {\r\n    event.preventDefault();\r\n\r\n    if (this.isDestroyed())\r\n      return;\r\n\r\n    const { clearOnSelect } = this.getTypeaheadActionOptions();\r\n\r\n    if (!clearOnSelect)\r\n      return;\r\n\r\n    this.getUI(`input`).typeahead('close');\r\n\r\n    /**\r\n     * Clear the current query after closing the typeahead.\r\n     * We need to clear out all the existing suggestions too, so wait until the\r\n     * next tick to ensure that the close event had properly finished.\r\n     */\r\n    setTimeout(() => {\r\n      this.model.clear();\r\n      this.clearInput();\r\n    }, 0);\r\n\r\n    return false;\r\n  }\r\n\r\n  private onClickRemove(): void {\r\n    this.model.clear();\r\n    this.parentChannel.trigger(this.options.removeEvent, this.model);\r\n    this.toggleRemove();\r\n  }\r\n\r\n  protected getSources(): TypeaheadConfigHandler<TSearchType>[] | Twitter.Typeahead.Dataset<TSearchType>[] {\r\n    if (!_.isArray(this.options.typeaheadConfigs))\r\n      return TypeaheadHelper.getSearchSources<TSearchType>([this.options.typeaheadConfigs]);\r\n\r\n    const sources = TypeaheadHelper.getSearchSources<TSearchType>(this.options.typeaheadConfigs);\r\n\r\n    return sources;\r\n  }\r\n\r\n  private getTypeaheadOptions(): ObjectHash {\r\n    const defaults = { minLength: 1, highlight: true };\r\n\r\n    if (!this.options.typeaheadOptions)\r\n      return defaults;\r\n\r\n    return _.extend({}, defaults, this.options.typeaheadOptions);\r\n  }\r\n\r\n  private getTypeaheadActionOptions(): TypeaheadActionOptions {\r\n    const baseOptions: TypeaheadActionOptions = { clearOnSelect: false };\r\n\r\n    if (!_.isObject(this.options.actionOptions))\r\n      return baseOptions;\r\n\r\n    return _.extend({}, baseOptions, this.options.actionOptions);\r\n  }\r\n\r\n  private bindOptionalCallbacks(): TypeaheadActionOptions {\r\n    if (!_.isObject(this.options.callbacks))\r\n      return;\r\n\r\n    if (_.isFunction(this.options.callbacks.onRender))\r\n      this.getUI(`input`).on('typeahead:render', _.bind(this.options.callbacks.onRender, this));\r\n\r\n    if (_.isFunction(this.options.callbacks.onInput))\r\n      this.listenTo(this.model, `change:${this.options.stickItProperty}`, this.options.callbacks.onInput);\r\n\r\n    if (_.isFunction(this.options.callbacks.onBlur))\r\n      this.getUI(`input`).on('blur', _.bind(this.options.callbacks.onBlur, this, this.channelName, this.options.stickItProperty));\r\n  }\r\n\r\n  protected initTypeahead(): void {\r\n    (this.getUI(`input`) as any).typeahead(this.getTypeaheadOptions(), this.getSources());\r\n  }\r\n\r\n  protected initTypeaheadListeners(): void {\r\n    this.getUI(`input`).on('typeahead:select', _.bind(this.onTypeaheadSelect, this));\r\n    this.bindOptionalCallbacks();\r\n  }\r\n\r\n  private toggleRemove(): void {\r\n    if (this.shouldShowRemove())\r\n      this.$el.find('.remove').show();\r\n    else\r\n      this.$el.find('.remove').hide();\r\n  }\r\n\r\n  /**\r\n   * Show the remove button if:\r\n   * \r\n   * Content is editable \r\n   * We have a value\r\n   * We have a remove event to trigger\r\n   * \r\n   * OR\r\n   * \r\n   * We're being force to show the remove button (Used by PPDD)\r\n   */\r\n  private shouldShowRemove(): boolean {\r\n    if (!this.options.editable)\r\n      return false;\r\n\r\n    if (this.options.forceShowRemoveButton)\r\n      return true;\r\n\r\n    return this.options.removeEvent && !!this.model.get(this.options.stickItProperty);\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      ...this.options,\r\n      showRemove: this.shouldShowRemove(),\r\n      svgRemove: SvgHelper.getSvg(cvSvgLibrary.Close)\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.stickit();\r\n    this.initTypeahead();\r\n    this.initTypeaheadListeners();\r\n    Validation.bind(this);\r\n\r\n    this.toggleRemove();\r\n  }\r\n\r\n  public onClose(): void {\r\n    this.getUI('input').off();\r\n    this.unstickit();\r\n    Validation.unbind(this);\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;\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 \"autofocus\";\n},\"5\":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 \"<input\\r\\n  name=\\\"\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.inputName : stack1), depth0))\n    + \"\\\"\\r\\n  type=\\\"text\\\"\\r\\n  class=\\\"form-control \"\n    + ((stack1 = helpers.unless.call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \" \"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.additionalClasses : stack1), depth0))\n    + \"\\\"\\r\\n  id=\\\"\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.inputId : stack1), depth0))\n    + \"\\\"\\r\\n  autocomplete=\\\"off\\\"\\r\\n  placeholder=\\\"\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.placeholderText : stack1), depth0))\n    + \"\\\"\\r\\n  \"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.autofocus : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(3, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n  \"\n    + ((stack1 = helpers.unless.call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.editable : stack1),{\"name\":\"unless\",\"hash\":{},\"fn\":container.program(5, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n></input>\\r\\n<span class=\\\"svg-container mb-2 \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svg : stack1), depth0))\n    + \" remove\\\" style=\\\"display: none;\\\">\"\n    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svgRemove : stack1), depth0)) != null ? stack1 : \"\")\n    + \"</span>\";\n},\"useData\":true});","// extracted by mini-css-extract-plugin\nmodule.exports = {\"svg\":\"cv--svg--1iL3O\",\"typeaheadContainer\":\"cv--typeaheadContainer--1SWXc\",\"disabled\":\"cv--disabled--3C2O8\"};"],"sourceRoot":""}