\");\n }\n });\n return Dataset;\n function getDisplayFn(display) {\n display = display || _.stringify;\n return _.isFunction(display) ? display : displayFn;\n function displayFn(obj) {\n return obj[display];\n }\n }\n function getTemplates(templates, displayFn) {\n return {\n notFound: templates.notFound && _.templatify(templates.notFound),\n pending: templates.pending && _.templatify(templates.pending),\n header: templates.header && _.templatify(templates.header),\n footer: templates.footer && _.templatify(templates.footer),\n suggestion: templates.suggestion || suggestionTemplate\n };\n function suggestionTemplate(context) {\n return $(\"
\").text(displayFn(context));\n }\n }\n function isValidName(str) {\n return /^[_a-zA-Z0-9-]+$/.test(str);\n }\n }();\n var Menu = function() {\n \"use strict\";\n function Menu(o, www) {\n var that = this;\n o = o || {};\n if (!o.node) {\n $.error(\"node is required\");\n }\n www.mixin(this);\n this.$node = $(o.node);\n this.query = null;\n this.datasets = _.map(o.datasets, initializeDataset);\n function initializeDataset(oDataset) {\n var node = that.$node.find(oDataset.node).first();\n oDataset.node = node.length ? node : $(\"
\").appendTo(that.$node);\n return new Dataset(oDataset, www);\n }\n }\n _.mixin(Menu.prototype, EventEmitter, {\n _onSelectableClick: function onSelectableClick($e) {\n this.trigger(\"selectableClicked\", $($e.currentTarget));\n },\n _onRendered: function onRendered(type, dataset, suggestions, async) {\n this.$node.toggleClass(this.classes.empty, this._allDatasetsEmpty());\n this.trigger(\"datasetRendered\", dataset, suggestions, async);\n },\n _onCleared: function onCleared() {\n this.$node.toggleClass(this.classes.empty, this._allDatasetsEmpty());\n this.trigger(\"datasetCleared\");\n },\n _propagate: function propagate() {\n this.trigger.apply(this, arguments);\n },\n _allDatasetsEmpty: function allDatasetsEmpty() {\n return _.every(this.datasets, isDatasetEmpty);\n function isDatasetEmpty(dataset) {\n return dataset.isEmpty();\n }\n },\n _getSelectables: function getSelectables() {\n return this.$node.find(this.selectors.selectable);\n },\n _removeCursor: function _removeCursor() {\n var $selectable = this.getActiveSelectable();\n $selectable && $selectable.removeClass(this.classes.cursor);\n },\n _ensureVisible: function ensureVisible($el) {\n var elTop, elBottom, nodeScrollTop, nodeHeight;\n elTop = $el.position().top;\n elBottom = elTop + $el.outerHeight(true);\n nodeScrollTop = this.$node.scrollTop();\n nodeHeight = this.$node.height() + parseInt(this.$node.css(\"paddingTop\"), 10) + parseInt(this.$node.css(\"paddingBottom\"), 10);\n if (elTop < 0) {\n this.$node.scrollTop(nodeScrollTop + elTop);\n } else if (nodeHeight < elBottom) {\n this.$node.scrollTop(nodeScrollTop + (elBottom - nodeHeight));\n }\n },\n bind: function() {\n var that = this, onSelectableClick;\n onSelectableClick = _.bind(this._onSelectableClick, this);\n this.$node.on(\"click.tt\", this.selectors.selectable, onSelectableClick);\n _.each(this.datasets, function(dataset) {\n dataset.onSync(\"asyncRequested\", that._propagate, that).onSync(\"asyncCanceled\", that._propagate, that).onSync(\"asyncReceived\", that._propagate, that).onSync(\"rendered\", that._onRendered, that).onSync(\"cleared\", that._onCleared, that);\n });\n return this;\n },\n isOpen: function isOpen() {\n return this.$node.hasClass(this.classes.open);\n },\n open: function open() {\n this.$node.addClass(this.classes.open);\n },\n close: function close() {\n this.$node.removeClass(this.classes.open);\n this._removeCursor();\n },\n setLanguageDirection: function setLanguageDirection(dir) {\n this.$node.attr(\"dir\", dir);\n },\n selectableRelativeToCursor: function selectableRelativeToCursor(delta) {\n var $selectables, $oldCursor, oldIndex, newIndex;\n $oldCursor = this.getActiveSelectable();\n $selectables = this._getSelectables();\n oldIndex = $oldCursor ? $selectables.index($oldCursor) : -1;\n newIndex = oldIndex + delta;\n newIndex = (newIndex + 1) % ($selectables.length + 1) - 1;\n newIndex = newIndex < -1 ? $selectables.length - 1 : newIndex;\n return newIndex === -1 ? null : $selectables.eq(newIndex);\n },\n setCursor: function setCursor($selectable) {\n this._removeCursor();\n if ($selectable = $selectable && $selectable.first()) {\n $selectable.addClass(this.classes.cursor);\n this._ensureVisible($selectable);\n }\n },\n getSelectableData: function getSelectableData($el) {\n return $el && $el.length ? Dataset.extractData($el) : null;\n },\n getActiveSelectable: function getActiveSelectable() {\n var $selectable = this._getSelectables().filter(this.selectors.cursor).first();\n return $selectable.length ? $selectable : null;\n },\n getTopSelectable: function getTopSelectable() {\n var $selectable = this._getSelectables().first();\n return $selectable.length ? $selectable : null;\n },\n update: function update(query) {\n var isValidUpdate = query !== this.query;\n if (isValidUpdate) {\n this.query = query;\n _.each(this.datasets, updateDataset);\n }\n return isValidUpdate;\n function updateDataset(dataset) {\n dataset.update(query);\n }\n },\n empty: function empty() {\n _.each(this.datasets, clearDataset);\n this.query = null;\n this.$node.addClass(this.classes.empty);\n function clearDataset(dataset) {\n dataset.clear();\n }\n },\n destroy: function destroy() {\n this.$node.off(\".tt\");\n this.$node = $(\"
\");\n _.each(this.datasets, destroyDataset);\n function destroyDataset(dataset) {\n dataset.destroy();\n }\n }\n });\n return Menu;\n }();\n var DefaultMenu = function() {\n \"use strict\";\n var s = Menu.prototype;\n function DefaultMenu() {\n Menu.apply(this, [].slice.call(arguments, 0));\n }\n _.mixin(DefaultMenu.prototype, Menu.prototype, {\n open: function open() {\n !this._allDatasetsEmpty() && this._show();\n return s.open.apply(this, [].slice.call(arguments, 0));\n },\n close: function close() {\n this._hide();\n return s.close.apply(this, [].slice.call(arguments, 0));\n },\n _onRendered: function onRendered() {\n if (this._allDatasetsEmpty()) {\n this._hide();\n } else {\n this.isOpen() && this._show();\n }\n return s._onRendered.apply(this, [].slice.call(arguments, 0));\n },\n _onCleared: function onCleared() {\n if (this._allDatasetsEmpty()) {\n this._hide();\n } else {\n this.isOpen() && this._show();\n }\n return s._onCleared.apply(this, [].slice.call(arguments, 0));\n },\n setLanguageDirection: function setLanguageDirection(dir) {\n this.$node.css(dir === \"ltr\" ? this.css.ltr : this.css.rtl);\n return s.setLanguageDirection.apply(this, [].slice.call(arguments, 0));\n },\n _hide: function hide() {\n this.$node.hide();\n },\n _show: function show() {\n this.$node.css(\"display\", \"block\");\n }\n });\n return DefaultMenu;\n }();\n var Typeahead = function() {\n \"use strict\";\n function Typeahead(o, www) {\n var onFocused, onBlurred, onEnterKeyed, onTabKeyed, onEscKeyed, onUpKeyed, onDownKeyed, onLeftKeyed, onRightKeyed, onQueryChanged, onWhitespaceChanged;\n o = o || {};\n if (!o.input) {\n $.error(\"missing input\");\n }\n if (!o.menu) {\n $.error(\"missing menu\");\n }\n if (!o.eventBus) {\n $.error(\"missing event bus\");\n }\n www.mixin(this);\n this.eventBus = o.eventBus;\n this.minLength = _.isNumber(o.minLength) ? o.minLength : 1;\n this.input = o.input;\n this.menu = o.menu;\n this.enabled = true;\n this.active = false;\n this.input.hasFocus() && this.activate();\n this.dir = this.input.getLangDir();\n this._hacks();\n this.menu.bind().onSync(\"selectableClicked\", this._onSelectableClicked, this).onSync(\"asyncRequested\", this._onAsyncRequested, this).onSync(\"asyncCanceled\", this._onAsyncCanceled, this).onSync(\"asyncReceived\", this._onAsyncReceived, this).onSync(\"datasetRendered\", this._onDatasetRendered, this).onSync(\"datasetCleared\", this._onDatasetCleared, this);\n onFocused = c(this, \"activate\", \"open\", \"_onFocused\");\n onBlurred = c(this, \"deactivate\", \"_onBlurred\");\n onEnterKeyed = c(this, \"isActive\", \"isOpen\", \"_onEnterKeyed\");\n onTabKeyed = c(this, \"isActive\", \"isOpen\", \"_onTabKeyed\");\n onEscKeyed = c(this, \"isActive\", \"_onEscKeyed\");\n onUpKeyed = c(this, \"isActive\", \"open\", \"_onUpKeyed\");\n onDownKeyed = c(this, \"isActive\", \"open\", \"_onDownKeyed\");\n onLeftKeyed = c(this, \"isActive\", \"isOpen\", \"_onLeftKeyed\");\n onRightKeyed = c(this, \"isActive\", \"isOpen\", \"_onRightKeyed\");\n onQueryChanged = c(this, \"_openIfActive\", \"_onQueryChanged\");\n onWhitespaceChanged = c(this, \"_openIfActive\", \"_onWhitespaceChanged\");\n this.input.bind().onSync(\"focused\", onFocused, this).onSync(\"blurred\", onBlurred, this).onSync(\"enterKeyed\", onEnterKeyed, this).onSync(\"tabKeyed\", onTabKeyed, this).onSync(\"escKeyed\", onEscKeyed, this).onSync(\"upKeyed\", onUpKeyed, this).onSync(\"downKeyed\", onDownKeyed, this).onSync(\"leftKeyed\", onLeftKeyed, this).onSync(\"rightKeyed\", onRightKeyed, this).onSync(\"queryChanged\", onQueryChanged, this).onSync(\"whitespaceChanged\", onWhitespaceChanged, this).onSync(\"langDirChanged\", this._onLangDirChanged, this);\n }\n _.mixin(Typeahead.prototype, {\n _hacks: function hacks() {\n var $input, $menu;\n $input = this.input.$input || $(\"
\");\n $menu = this.menu.$node || $(\"
\");\n $input.on(\"blur.tt\", function($e) {\n var active, isActive, hasActive;\n active = document.activeElement;\n isActive = $menu.is(active);\n hasActive = $menu.has(active).length > 0;\n if (_.isMsie() && (isActive || hasActive)) {\n $e.preventDefault();\n $e.stopImmediatePropagation();\n _.defer(function() {\n $input.focus();\n });\n }\n });\n $menu.on(\"mousedown.tt\", function($e) {\n $e.preventDefault();\n });\n },\n _onSelectableClicked: function onSelectableClicked(type, $el) {\n this.select($el);\n },\n _onDatasetCleared: function onDatasetCleared() {\n this._updateHint();\n },\n _onDatasetRendered: function onDatasetRendered(type, dataset, suggestions, async) {\n this._updateHint();\n this.eventBus.trigger(\"render\", suggestions, async, dataset);\n },\n _onAsyncRequested: function onAsyncRequested(type, dataset, query) {\n this.eventBus.trigger(\"asyncrequest\", query, dataset);\n },\n _onAsyncCanceled: function onAsyncCanceled(type, dataset, query) {\n this.eventBus.trigger(\"asynccancel\", query, dataset);\n },\n _onAsyncReceived: function onAsyncReceived(type, dataset, query) {\n this.eventBus.trigger(\"asyncreceive\", query, dataset);\n },\n _onFocused: function onFocused() {\n this._minLengthMet() && this.menu.update(this.input.getQuery());\n },\n _onBlurred: function onBlurred() {\n if (this.input.hasQueryChangedSinceLastFocus()) {\n this.eventBus.trigger(\"change\", this.input.getQuery());\n }\n },\n _onEnterKeyed: function onEnterKeyed(type, $e) {\n var $selectable;\n if ($selectable = this.menu.getActiveSelectable()) {\n this.select($selectable) && $e.preventDefault();\n }\n },\n _onTabKeyed: function onTabKeyed(type, $e) {\n var $selectable;\n if ($selectable = this.menu.getActiveSelectable()) {\n this.select($selectable) && $e.preventDefault();\n } else if ($selectable = this.menu.getTopSelectable()) {\n this.autocomplete($selectable) && $e.preventDefault();\n }\n },\n _onEscKeyed: function onEscKeyed() {\n this.close();\n },\n _onUpKeyed: function onUpKeyed() {\n this.moveCursor(-1);\n },\n _onDownKeyed: function onDownKeyed() {\n this.moveCursor(+1);\n },\n _onLeftKeyed: function onLeftKeyed() {\n if (this.dir === \"rtl\" && this.input.isCursorAtEnd()) {\n this.autocomplete(this.menu.getTopSelectable());\n }\n },\n _onRightKeyed: function onRightKeyed() {\n if (this.dir === \"ltr\" && this.input.isCursorAtEnd()) {\n this.autocomplete(this.menu.getTopSelectable());\n }\n },\n _onQueryChanged: function onQueryChanged(e, query) {\n this._minLengthMet(query) ? this.menu.update(query) : this.menu.empty();\n },\n _onWhitespaceChanged: function onWhitespaceChanged() {\n this._updateHint();\n },\n _onLangDirChanged: function onLangDirChanged(e, dir) {\n if (this.dir !== dir) {\n this.dir = dir;\n this.menu.setLanguageDirection(dir);\n }\n },\n _openIfActive: function openIfActive() {\n this.isActive() && this.open();\n },\n _minLengthMet: function minLengthMet(query) {\n query = _.isString(query) ? query : this.input.getQuery() || \"\";\n return query.length >= this.minLength;\n },\n _updateHint: function updateHint() {\n var $selectable, data, val, query, escapedQuery, frontMatchRegEx, match;\n $selectable = this.menu.getTopSelectable();\n data = this.menu.getSelectableData($selectable);\n val = this.input.getInputValue();\n if (data && !_.isBlankString(val) && !this.input.hasOverflow()) {\n query = Input.normalizeQuery(val);\n escapedQuery = _.escapeRegExChars(query);\n frontMatchRegEx = new RegExp(\"^(?:\" + escapedQuery + \")(.+$)\", \"i\");\n match = frontMatchRegEx.exec(data.val);\n match && this.input.setHint(val + match[1]);\n } else {\n this.input.clearHint();\n }\n },\n isEnabled: function isEnabled() {\n return this.enabled;\n },\n enable: function enable() {\n this.enabled = true;\n },\n disable: function disable() {\n this.enabled = false;\n },\n isActive: function isActive() {\n return this.active;\n },\n activate: function activate() {\n if (this.isActive()) {\n return true;\n } else if (!this.isEnabled() || this.eventBus.before(\"active\")) {\n return false;\n } else {\n this.active = true;\n this.eventBus.trigger(\"active\");\n return true;\n }\n },\n deactivate: function deactivate() {\n if (!this.isActive()) {\n return true;\n } else if (this.eventBus.before(\"idle\")) {\n return false;\n } else {\n this.active = false;\n this.close();\n this.eventBus.trigger(\"idle\");\n return true;\n }\n },\n isOpen: function isOpen() {\n return this.menu.isOpen();\n },\n open: function open() {\n if (!this.isOpen() && !this.eventBus.before(\"open\")) {\n this.menu.open();\n this._updateHint();\n this.eventBus.trigger(\"open\");\n }\n return this.isOpen();\n },\n close: function close() {\n if (this.isOpen() && !this.eventBus.before(\"close\")) {\n this.menu.close();\n this.input.clearHint();\n this.input.resetInputValue();\n this.eventBus.trigger(\"close\");\n }\n return !this.isOpen();\n },\n setVal: function setVal(val) {\n this.input.setQuery(_.toStr(val));\n },\n getVal: function getVal() {\n return this.input.getQuery();\n },\n select: function select($selectable) {\n var data = this.menu.getSelectableData($selectable);\n if (data && !this.eventBus.before(\"select\", data.obj)) {\n this.input.setQuery(data.val, true);\n this.eventBus.trigger(\"select\", data.obj);\n this.close();\n return true;\n }\n return false;\n },\n autocomplete: function autocomplete($selectable) {\n var query, data, isValid;\n query = this.input.getQuery();\n data = this.menu.getSelectableData($selectable);\n isValid = data && query !== data.val;\n if (isValid && !this.eventBus.before(\"autocomplete\", data.obj)) {\n this.input.setQuery(data.val);\n this.eventBus.trigger(\"autocomplete\", data.obj);\n return true;\n }\n return false;\n },\n moveCursor: function moveCursor(delta) {\n var query, $candidate, data, payload, cancelMove;\n query = this.input.getQuery();\n $candidate = this.menu.selectableRelativeToCursor(delta);\n data = this.menu.getSelectableData($candidate);\n payload = data ? data.obj : null;\n cancelMove = this._minLengthMet() && this.menu.update(query);\n if (!cancelMove && !this.eventBus.before(\"cursorchange\", payload)) {\n this.menu.setCursor($candidate);\n if (data) {\n this.input.setInputValue(data.val);\n } else {\n this.input.resetInputValue();\n this._updateHint();\n }\n this.eventBus.trigger(\"cursorchange\", payload);\n return true;\n }\n return false;\n },\n destroy: function destroy() {\n this.input.destroy();\n this.menu.destroy();\n }\n });\n return Typeahead;\n function c(ctx) {\n var methods = [].slice.call(arguments, 1);\n return function() {\n var args = [].slice.call(arguments);\n _.each(methods, function(method) {\n return ctx[method].apply(ctx, args);\n });\n };\n }\n }();\n (function() {\n \"use strict\";\n var old, keys, methods;\n old = $.fn.typeahead;\n keys = {\n www: \"tt-www\",\n attrs: \"tt-attrs\",\n typeahead: \"tt-typeahead\"\n };\n methods = {\n initialize: function initialize(o, datasets) {\n var www;\n datasets = _.isArray(datasets) ? datasets : [].slice.call(arguments, 1);\n o = o || {};\n www = WWW(o.classNames);\n return this.each(attach);\n function attach() {\n var $input, $wrapper, $hint, $menu, defaultHint, defaultMenu, eventBus, input, menu, typeahead, MenuConstructor;\n _.each(datasets, function(d) {\n d.highlight = !!o.highlight;\n });\n $input = $(this);\n $wrapper = $(www.html.wrapper);\n $hint = $elOrNull(o.hint);\n $menu = $elOrNull(o.menu);\n defaultHint = o.hint !== false && !$hint;\n defaultMenu = o.menu !== false && !$menu;\n defaultHint && ($hint = buildHintFromInput($input, www));\n defaultMenu && ($menu = $(www.html.menu).css(www.css.menu));\n $hint && $hint.val(\"\");\n $input = prepInput($input, www);\n if (defaultHint || defaultMenu) {\n $wrapper.css(www.css.wrapper);\n $input.css(defaultHint ? www.css.input : www.css.inputWithNoHint);\n $input.wrap($wrapper).parent().prepend(defaultHint ? $hint : null).append(defaultMenu ? $menu : null);\n }\n MenuConstructor = defaultMenu ? DefaultMenu : Menu;\n eventBus = new EventBus({\n el: $input\n });\n input = new Input({\n hint: $hint,\n input: $input\n }, www);\n menu = new MenuConstructor({\n node: $menu,\n datasets: datasets\n }, www);\n typeahead = new Typeahead({\n input: input,\n menu: menu,\n eventBus: eventBus,\n minLength: o.minLength\n }, www);\n $input.data(keys.www, www);\n $input.data(keys.typeahead, typeahead);\n }\n },\n isEnabled: function isEnabled() {\n var enabled;\n ttEach(this.first(), function(t) {\n enabled = t.isEnabled();\n });\n return enabled;\n },\n enable: function enable() {\n ttEach(this, function(t) {\n t.enable();\n });\n return this;\n },\n disable: function disable() {\n ttEach(this, function(t) {\n t.disable();\n });\n return this;\n },\n isActive: function isActive() {\n var active;\n ttEach(this.first(), function(t) {\n active = t.isActive();\n });\n return active;\n },\n activate: function activate() {\n ttEach(this, function(t) {\n t.activate();\n });\n return this;\n },\n deactivate: function deactivate() {\n ttEach(this, function(t) {\n t.deactivate();\n });\n return this;\n },\n isOpen: function isOpen() {\n var open;\n ttEach(this.first(), function(t) {\n open = t.isOpen();\n });\n return open;\n },\n open: function open() {\n ttEach(this, function(t) {\n t.open();\n });\n return this;\n },\n close: function close() {\n ttEach(this, function(t) {\n t.close();\n });\n return this;\n },\n select: function select(el) {\n var success = false, $el = $(el);\n ttEach(this.first(), function(t) {\n success = t.select($el);\n });\n return success;\n },\n autocomplete: function autocomplete(el) {\n var success = false, $el = $(el);\n ttEach(this.first(), function(t) {\n success = t.autocomplete($el);\n });\n return success;\n },\n moveCursor: function moveCursoe(delta) {\n var success = false;\n ttEach(this.first(), function(t) {\n success = t.moveCursor(delta);\n });\n return success;\n },\n val: function val(newVal) {\n var query;\n if (!arguments.length) {\n ttEach(this.first(), function(t) {\n query = t.getVal();\n });\n return query;\n } else {\n ttEach(this, function(t) {\n t.setVal(newVal);\n });\n return this;\n }\n },\n destroy: function destroy() {\n ttEach(this, function(typeahead, $input) {\n revert($input);\n typeahead.destroy();\n });\n return this;\n }\n };\n $.fn.typeahead = function(method) {\n if (methods[method]) {\n return methods[method].apply(this, [].slice.call(arguments, 1));\n } else {\n return methods.initialize.apply(this, arguments);\n }\n };\n $.fn.typeahead.noConflict = function noConflict() {\n $.fn.typeahead = old;\n return this;\n };\n function ttEach($els, fn) {\n $els.each(function() {\n var $input = $(this), typeahead;\n (typeahead = $input.data(keys.typeahead)) && fn(typeahead, $input);\n });\n }\n function buildHintFromInput($input, www) {\n return $input.clone().addClass(www.classes.hint).removeData().css(www.css.hint).css(getBackgroundStyles($input)).prop(\"readonly\", true).removeAttr(\"id name placeholder required\").attr({\n autocomplete: \"off\",\n spellcheck: \"false\",\n tabindex: -1\n });\n }\n function prepInput($input, www) {\n $input.data(keys.attrs, {\n dir: $input.attr(\"dir\"),\n autocomplete: $input.attr(\"autocomplete\"),\n spellcheck: $input.attr(\"spellcheck\"),\n style: $input.attr(\"style\")\n });\n $input.addClass(www.classes.input).attr({\n autocomplete: \"off\",\n spellcheck: false\n });\n try {\n !$input.attr(\"dir\") && $input.attr(\"dir\", \"auto\");\n } catch (e) {}\n return $input;\n }\n function getBackgroundStyles($el) {\n return {\n backgroundAttachment: $el.css(\"background-attachment\"),\n backgroundClip: $el.css(\"background-clip\"),\n backgroundColor: $el.css(\"background-color\"),\n backgroundImage: $el.css(\"background-image\"),\n backgroundOrigin: $el.css(\"background-origin\"),\n backgroundPosition: $el.css(\"background-position\"),\n backgroundRepeat: $el.css(\"background-repeat\"),\n backgroundSize: $el.css(\"background-size\")\n };\n }\n function revert($input) {\n var www, $wrapper;\n www = $input.data(keys.www);\n $wrapper = $input.parent().filter(www.selectors.wrapper);\n _.each($input.data(keys.attrs), function(val, key) {\n _.isUndefined(val) ? $input.removeAttr(key) : $input.attr(key, val);\n });\n $input.removeData(keys.typeahead).removeData(keys.www).removeData(keys.attr).removeClass(www.classes.input);\n if ($wrapper.length) {\n $input.detach().insertAfter($wrapper);\n $wrapper.remove();\n }\n }\n function $elOrNull(obj) {\n var isValid, $el;\n isValid = _.isJQuery(obj) || _.isElement(obj);\n $el = isValid ? $(obj).first() : [];\n return $el.length ? $el : null;\n }\n })();\n});\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/typeahead.js/dist/typeahead.bundle.js\n ** module id = 342\n ** module chunks = 3\n **/","// These are global dependencies\r\n//import $ from 'jquery';\r\nimport Bloodhound from 'typeahead.js';\r\nimport ko from 'knockout';\r\nimport 'knockout.validation';\r\nimport { isPostalCodeValid } from '../Common/utilities';\r\nimport geo from '../Common/geo';\r\nimport { triggerGtm } from '../gtm';\r\n\r\n\r\n// Allow cross domain requests\r\njQuery.support.cors = true;\r\n\r\n// The viewmodel for the find dealer modal\r\nfunction FindDealerViewModel(options) {\r\n var self = this,\r\n mapZoomLevel = 14,\r\n siteProtocol = $(\".site-protocol\") && $(\".site-protocol\").val() ? $(\".site-protocol\").val() : \"http\",\r\n findDealerBaseUrl = $(\".find-dealer-url\").val().substring(0, 5) === 'https' ?\r\n $(\".find-dealer-url\").val() : $(\".find-dealer-url\").val().replace(\"http\", siteProtocol.trim()),\r\n geodataCitiesUrl = $(\".geodata-cities-url\").val().substring(0, 5) === 'https' ?\r\n $('.geodata-cities-url').val() : $('.geodata-cities-url').val().replace(\"http\", siteProtocol.trim());\r\n\r\n // viewmodel observables\r\n self.language = ko.observable(options.language || 'en');\r\n // input values\r\n self.postalCode = ko.observable('');\r\n self.city = ko.observable('');\r\n self.province = ko.observable('');\r\n // observable for the chosen region\r\n self.chosenRegion = ko.observable('');\r\n // values for control state and display logic\r\n self.viewState = ko.observable(0);\r\n self.hasError = ko.observable(false);\r\n self.regions = ko.observableArray([{}]);\r\n // keep track of the current request url for modifying and the gold lease filter\r\n self.currentUrl = '';\r\n\r\n // dealer fields\r\n self.clientLocation = options.clientLocation || {};\r\n self.dealersListElement = options.dealersListElement;\r\n self.dealersMapElement = options.dealersMapElement;\r\n self.selectedDealer = null;\r\n self.dealerMarkers = new Array();\r\n self.infoWindows = new Array();\r\n self.map = null;\r\n // If Internet Explorer\r\n self.is_ie = window.navigator.userAgent.indexOf(\"MSIE \") > -1 || window.navigator.userAgent.indexOf(\"Trident/\") > -1;\r\n // dealer viewmodel\r\n self.dealersViewModel = {\r\n Dealers: ko.observableArray(),\r\n Unit: ko.observable('KM'),\r\n MatchingType: ko.observable(),\r\n HasSelection: ko.observable(false)\r\n };\r\n\r\n // options for typeahead\r\n self.typeAheadOptions = {\r\n hint: false,\r\n name: \"finddealer-city\",\r\n minLength: 2,\r\n maxItem: 10,\r\n limit: 10,\r\n caching: true\r\n };\r\n\r\n // observable subscriptions\r\n self.chosenRegion.subscribe(function (selection) {\r\n if (self.viewState() >= 2 && typeof (selection) === 'string') {\r\n self.bindDealersByRegion();\r\n }\r\n });\r\n\r\n // Initializes the find dealer modal viewmodel\r\n self.initialize = function (postalCode, language) {\r\n self.language(language);\r\n self.viewState(1);\r\n\r\n // populate the input and region select\r\n self.postalCode(postalCode);\r\n self.populateRegions();\r\n\r\n // Initialize Google Map\r\n var mapOptions = {\r\n center: new google.maps.LatLng(self.clientLocation.latitude, self.clientLocation.longitude),\r\n zoom: mapZoomLevel\r\n };\r\n var googleMap = new google.maps.Map(self.dealersMapElement, mapOptions);\r\n self.map = googleMap;\r\n\r\n //Populate the map and dealer's result set based on the client's location\r\n if (postalCode) {\r\n self.bindDealersByPostalCode(postalCode);\r\n self.viewState(2);\r\n }\r\n };\r\n\r\n // Initializes the find dealer modal viewmodel\r\n self.launchWithPostal = function (postalCode, language) {\r\n self.language(language);\r\n\r\n // populate the input and region select\r\n self.postalCode(postalCode);\r\n\r\n // If a region has been selected use that, otherwise default to the first option\r\n var region = getCookie('user-selected-region');\r\n if (region && region.length > 0) {\r\n $('.region-chosen-select option[value=' + region + ']').prop('selected', true);\r\n } else {\r\n navigator.geolocation.getCurrentPosition(function (position) {\r\n // retrieve ip, see if we can retrieve a province based on that\r\n var url = $('.geodata-coordinates-url').val().replace('{0}', position.coords.latitude).replace('{1}', position.coords.longitude).replace('{2}', self.language());\r\n url = url.substring(0, 5) === 'https' ? url : url.replace(\"http\", siteProtocol.trim());\r\n\r\n self.clientLocation = position.coords;\r\n var urlLang = self.language() === 'en' ? url : url + \"&AcceptLanguage=fr\";\r\n getCrossDomain(urlLang,\r\n function (provinces) {\r\n if (provinces != null && provinces.Province != null) {\r\n var code = provinces.Province.Abbreviation;\r\n self.viewState(2);\r\n self.chosenRegion(code);\r\n self.viewState(3);\r\n $(\".region-chosen-select\").trigger(\"chosen:updated\");\r\n }\r\n },\r\n function (err) {\r\n console.log('Error during region data retrieval: ', err);\r\n });\r\n\r\n },\r\n function (error) {\r\n return true;\r\n });\r\n }\r\n\r\n //Populate the map and dealer's result set based on the client's location\r\n if (postalCode) {\r\n self.bindDealersByPostalCode(postalCode);\r\n self.viewState(3);\r\n }\r\n };\r\n\r\n // disposal method for cleaning up object\r\n self.dispose = function () {\r\n // Clear fields\r\n self.language(\"\");\r\n self.viewState(0);\r\n self.clientLocation = null;\r\n self.dealersListElement = null;\r\n self.dealersMapElement = null;\r\n self.dealerItemSelector = null;\r\n self.selectedDealer = null;\r\n self.map = null;\r\n self.dealerMarkers = null;\r\n self.infoWindows = null;\r\n self.postalCode = ko.observable('');\r\n self.city = ko.observable('');\r\n self.province = ko.observable('');\r\n self.chosenRegion = ko.observable('');\r\n // Clear viewmodel\r\n self.dealersViewModel = null;\r\n };\r\n\r\n // Binds dealers by provided postal code\r\n self.bindDealersByPostalCode = function (postalCode) {\r\n // remove all other error styling\r\n $('.find-dealer-city').removeClass('has-error').html(\"\");\r\n self.city(\"\");\r\n\r\n // Validate postal code\r\n if (self.viewState() > 1 && !self.postalCode()) {\r\n var errMsg = self.language() === 'en' ? \"Postal code cannot be empty.\" : \"Code postal ne peut pas être vide.\";\r\n $('.find-dealer-search-error').html(errMsg);\r\n $('.find-dealer-postalcode').addClass('has-error');\r\n self.hasError(true);\r\n } else {\r\n if (self.postalCode() !== '' && typeof (self.postalCode()) !== 'undefined') {\r\n self.hasError(false);\r\n $('.find-dealer-postalcode').removeClass('has-error');\r\n //fire gtm tracking only if postal is correct and the search was initiated by click on 'Go' within modal window, not by modal launch itself\r\n if ((postalCode === undefined) && isPostalCodeValid(self.postalCode())) {\r\n geo.setPostalCodeContext(self.postalCode());\r\n triggerGtm({\r\n 'event': 'find-a-dealer-postal-search',\r\n 'fsa': self.postalCode().substr(0, 3)\r\n });\r\n }\r\n // Get dealers from API and update the viewmodel\r\n var urlTemplate = findDealerBaseUrl + \"/postalcode/{postalCode}?count={count}\";\r\n var url = urlTemplate.replace('{postalCode}', self.postalCode()).replace('{count}', 10);\r\n self.currentUrl = url;\r\n self.getDealers(url);\r\n }\r\n }\r\n };\r\n\r\n // Binds dealers by chosen city\r\n self.bindDealersByCity = function () {\r\n // remove all other error styling\r\n $('.find-dealer-postalcode').removeClass('has-error').html(\"\");\r\n self.postalCode(\"\");\r\n\r\n // Validate city\r\n if (self.viewState() > 1 && !self.city()) {\r\n var errMsg = self.language() === 'en' ? \"City cannot be empty.\" : \"Ville ne peut pas être vide.\";\r\n $('.find-dealer-search-error').html(errMsg);\r\n $('.find-dealer-city').addClass('has-error');\r\n self.hasError(true);\r\n } else {\r\n if (self.city() !== '') {\r\n self.hasError(false);\r\n $('.find-dealer-city').removeClass('has-error');\r\n\r\n //gtm tracking\r\n triggerGtm({'event': 'find-a-dealer-city-search','city': self.city()});\r\n\r\n //parse province from city textbox\r\n var province = null;\r\n var city = self.city(); \r\n if (city.includes(',')) {\r\n var cityText = self.city().split(',');\r\n city = cityText[0].trim(); \r\n var provinceText = cityText[1].trim();\r\n province = provinceText ? self.getProvinceCode(provinceText) : null;\r\n }\r\n else {\r\n province = self.province() ? self.getProvinceCode(self.province()) : null;\r\n }\r\n\r\n // Get dealers from API and update the viewmodel \r\n var urlTemplate = findDealerBaseUrl + \"/city/{city}{province}?count={count}\";\r\n var url = province === null\r\n ? urlTemplate.replace('{city}', city).replace('{province}', '').replace('{count}', 50)\r\n : urlTemplate.replace('{city}', city).replace('{province}', '/' + province).replace('{count}', 50);\r\n self.currentUrl = url;\r\n self.getDealers(url);\r\n }\r\n }\r\n };\r\n\r\n // Binds dealers for the selected region\r\n self.bindDealersByRegion = function () {\r\n // remove all other error styling\r\n $('.find-dealer-postalcode').removeClass('has-error').html(\"\");\r\n $('.find-dealer-city').removeClass('has-error');\r\n\r\n // Validate region\r\n if (!self.chosenRegion || !self.chosenRegion()) {\r\n //$('.find-dealer-search-error').html(\"ERROR - Region cannot be null or empty.\");\r\n throw { name: \"NullError\", message: \"Region cannot be null.\" };\r\n } else {\r\n // Get dealers from API and update the view-model\r\n self.hasError(false);\r\n\r\n //gtm tracking\r\n triggerGtm({ 'event': 'find-a-dealer-province-search', 'province': self.chosenRegion() });\r\n\r\n var urlTemplate = findDealerBaseUrl + \"/province/{province}?count={count}\";\r\n var url = urlTemplate.replace('{province}', self.chosenRegion()).replace('{count}', 500);\r\n self.currentUrl = url;\r\n self.getDealers(url);\r\n }\r\n };\r\n\r\n // Binds dealer to the map and dealers list.\r\n self.bindDealers = function (dealers) {\r\n // Clear the effects of previous result\r\n self.clearResults();\r\n\r\n var viewModel = new Array();\r\n if (dealers) {\r\n $.each(dealers.Items, function (index, item) {\r\n //var goldLeaseFlag = _.indexOf(goldLeaseIds, item.Dealer.Id) > -1;\r\n\r\n // Add the dealer to the viewmodel\r\n var viewModelDealer = self.generateViewModelDealer(item);\r\n viewModel.push(viewModelDealer);\r\n\r\n // Create dealer's map marker\r\n if (item.Dealer.Location.Coordinate) {\r\n var marker = self.createDealerMarker(item, viewModelDealer);\r\n self.dealerMarkers.push(marker);\r\n }\r\n });\r\n }\r\n\r\n // Set return message if there is one \r\n let HideResults = false;\r\n \r\n if(dealers.Items.length==0){\r\n HideResults= true;\r\n }\r\n \r\n self.DealerResultShowHide(HideResults,dealers.Message);\r\n\r\n // Customize map center and boundaries\r\n self.setMapBoundaries(self.dealerMarkers);\r\n\r\n // Update view-model\r\n self.dealersViewModel.Dealers(viewModel);\r\n if (dealers.Unit && dealers.Unit.Name) {\r\n self.dealersViewModel.Unit(dealers.Unit.Name);\r\n }\r\n self.dealersViewModel.MatchingType(dealers.Matching.MatchingType);\r\n };\r\n\r\n // using a cross-domain request or ajax call, based on browser, try to get the dealers by the URL provided\r\n self.getDealers = function (url) {\r\n // Update the selected dealer of the controller to the current dealer\r\n self.selectedDealer = null;\r\n self.dealersViewModel.HasSelection(false);\r\n\r\n // try the crossdomain request to the API for the dealers, applying goldlease url part if needed\r\n $(\".find-dealer-search-loader\").show();\r\n var urlLang = self.language() === 'en' ? url : url + \"&AcceptLanguage=fr\";\r\n getCrossDomain(urlLang,\r\n function (data) {\r\n $(\".find-dealer-search-loader\").hide();\r\n self.bindDealers(data);\r\n },\r\n function (err) {\r\n $(\".find-dealer-search-loader\").hide();\r\n $('.find-dealer-search-results').hide();\r\n console.log('Error during dealers data retrieval: ', err);\r\n\r\n // Set error message\r\n self.hasError(true);\r\n var emptyMsg = 'City ' + self.city() + ' not found.';\r\n $('.popup-find-dealer').css(\"height\", \"250px\");\r\n $('.popup-overlay').hide();\r\n $('.sorry').addClass(\"has-error\").html(emptyMsg);\r\n \r\n });\r\n };\r\n\r\n // Resets the form\r\n self.resetForm = function () {\r\n self.viewState(1);\r\n self.hasError(false);\r\n self.postalCode('');\r\n self.city('');\r\n self.province('');\r\n self.chosenRegion('');\r\n };\r\n\r\n // populate the region dropdown\r\n self.populateRegions = function () {\r\n var url = $('.geodata-url').val().replace('{0}', self.language());\r\n url = url.substring(0, 5) === 'https' ? url : url.replace('http', siteProtocol.trim());\r\n\r\n // try the crossdomain request to the API for the regions\r\n getCrossDomain(url,\r\n function (data) {\r\n // Sort the regions alphabetically\r\n data = data.sort((function (a, b) {\r\n if (a.Abbreviation < b.Abbreviation) return -1;\r\n if (a.Abbreviation > b.Abbreviation) return 1;\r\n return 0;\r\n }));\r\n\r\n // remove nunavut\r\n $.each(data, function (i) {\r\n if (data[i].Abbreviation.toLowerCase() == 'nu') {\r\n data.splice(i, 1);\r\n return false;\r\n }\r\n });\r\n\r\n // bind the regions using the ko observable array\r\n self.regions(data);\r\n\r\n // If a region has been selected use that, otherwise default to the first option\r\n var region = getCookie('user-selected-region');\r\n if (region && region.length > 0) {\r\n $('.region-chosen-select option[value=' + region + ']').prop('selected', true);\r\n } else {\r\n navigator.geolocation.getCurrentPosition(function (position) {\r\n // retrieve ip, see if we can retrieve a province based on that\r\n var url = $('.geodata-coordinates-url').val().replace('{0}', position.coords.latitude).replace('{1}', position.coords.longitude).replace('{2}', self.language());\r\n url = url.substring(0, 5) === 'https' ? url : url.replace('http', siteProtocol.trim());\r\n\r\n self.clientLocation = position.coords;\r\n getCrossDomain(url,\r\n function (provinces) {\r\n if (provinces != null && provinces.Province != null) {\r\n var code = provinces.Province.Abbreviation;\r\n self.chosenRegion(code);\r\n $(\".region-chosen-select\").trigger(\"chosen:updated\");\r\n self.viewState(3);\r\n $('.region-chosen-select option[value=' + code + ']').prop('selected', true);\r\n }\r\n },\r\n function (err) {\r\n console.log('Error during region data retrieval: ', err);\r\n });\r\n },\r\n // Load province list when geolocation cannot be retrieved \r\n function (error) {\r\n $(\".region-chosen-select\").trigger(\"chosen:updated\");\r\n var selectItemText = self.language() === 'en' ? 'Select your Region' : 'Sélectionnez votre Province';\r\n $('.chosen-single span').text(selectItemText);\r\n return true;\r\n });\r\n self.ieCompatible();\r\n }\r\n },\r\n function (err) {\r\n console.log('Error during region data retrieval: ', err);\r\n });\r\n };\r\n\r\n // Gets the currently selected dealer\r\n self.getSelectedDealer = function () {\r\n return self.selectedDealer;\r\n };\r\n\r\n // refresh the google map when a dealer is selected\r\n self.updateMap = function () {\r\n self.setMapBoundaries(self.dealerMarkers);\r\n google.maps.event.trigger(self.map, 'resize');\r\n self.map.panTo(self.dealerMarkers[0].getPosition());\r\n };\r\n\r\n // convert the name of a province to it's abbreviation code\r\n self.getProvinceCode = function (provinceName) {\r\n switch (provinceName.toLowerCase()) {\r\n case 'british columbia':\r\n case 'colombie britannique':\r\n return 'BC';\r\n case 'alberta':\r\n return 'AB';\r\n case 'saskatchewan':\r\n return 'SK';\r\n case 'manitoba':\r\n return 'MB';\r\n case 'ontario':\r\n return 'ON';\r\n case 'quebec':\r\n case 'québec':\r\n return 'QC';\r\n case 'new brunswick':\r\n case 'nouveau-brunswick':\r\n return 'NB';\r\n case 'nova scotia':\r\n case 'nouvelle-écosse':\r\n return 'NS';\r\n case 'prince edward island':\r\n case 'île du prince-édouard':\r\n return 'PE';\r\n case 'newfoundland and labrador':\r\n case 'terre-neuve et labrador':\r\n return 'NL';\r\n case 'yukon':\r\n case 'territoire du yukon':\r\n return 'YT';\r\n case 'nunavut':\r\n return 'NU';\r\n case 'northwest territories':\r\n case 'territoires du nord-ouest':\r\n return 'NT';\r\n }\r\n\r\n // default\r\n return 'ON';\r\n };\r\n\r\n // Generates a dealer viewmodel from the model dealer data.\r\n self.generateViewModelDealer = function (dealer) {\r\n if (!dealer)\r\n throw { name: 'NullError', message: 'Dealer cannot be null.' };\r\n\r\n var viewModelDealer = $.extend({}, dealer);\r\n\r\n viewModelDealer.CityProv = ko.computed(function () {\r\n return viewModelDealer.Dealer.Location.City.Name + ', ' + viewModelDealer.Dealer.Location.Province.Abbreviation;\r\n });\r\n\r\n viewModelDealer.PhoneNumberFormatted = ko.computed(function () {\r\n if (viewModelDealer.Dealer.ContactInformation.Phones == null || viewModelDealer.Dealer.ContactInformation.Phones.length == 0) {\r\n return '';\r\n }\r\n\r\n var areaCode = viewModelDealer.Dealer.ContactInformation.Phones[0].Number.substring(0, 3);\r\n var firstPart = viewModelDealer.Dealer.ContactInformation.Phones[0].Number.substring(3, 6);\r\n var secondPart = viewModelDealer.Dealer.ContactInformation.Phones[0].Number.substring(6, 10);\r\n\r\n var numberTemplate = '({0}) {1}-{2}';\r\n var number = numberTemplate\r\n .replace(\"{0}\", areaCode)\r\n .replace(\"{1}\", firstPart)\r\n .replace(\"{2}\", secondPart);\r\n\r\n return number;\r\n });\r\n\r\n viewModelDealer.DistanceFormatted = ko.computed(function () {\r\n return parseFloat(viewModelDealer.DistanceToOrigin).toFixed(2);\r\n });\r\n\r\n viewModelDealer.DealerLink = ko.computed(function () {\r\n var link = self.language() === 'en'\r\n ? '/dealerlocator/' +\r\n viewModelDealer.Dealer.Location.Province.Name + '/' +\r\n viewModelDealer.Dealer.Location.City.Name + '/' +\r\n viewModelDealer.Dealer.ExportKey\r\n : '/trouver-concessionaire/' +\r\n viewModelDealer.Dealer.Location.Province.Name + '/' +\r\n viewModelDealer.Dealer.Location.City.Name + '/' +\r\n viewModelDealer.Dealer.ExportKey;\r\n return link;\r\n });\r\n\r\n viewModelDealer.isSelected = ko.observable();\r\n viewModelDealer.selectedChanged = self.dealerSelectedChangeHandler;\r\n return viewModelDealer;\r\n };\r\n\r\n // handler for when a dealer is selected on the side or in the map\r\n self.dealerSelectedChangeHandler = function (currentDealer) {\r\n // Set the isSelected of all the view-model dealers to false\r\n $.each(self.dealersViewModel.Dealers(), function (index, item) {\r\n item.isSelected(false);\r\n });\r\n\r\n $('.first-col li').removeClass('active');\r\n\r\n // open the info window for selected dealer\r\n for (var i = 0; i < self.infoWindows.length; i++) {\r\n var item = self.infoWindows[i];\r\n item.window.close();\r\n\r\n if (item.title === currentDealer.Dealer.Name) {\r\n item.window.open(self.map, item.marker);\r\n }\r\n }\r\n\r\n // Set the isSelected of the current dealer to true\r\n //currentDealer.isSelected(true);\r\n\r\n // Update the selected dealer of the controller to the current dealer\r\n self.selectedDealer = currentDealer;\r\n self.dealersViewModel.HasSelection(true);\r\n };\r\n\r\n // Clears the effects of previous result set from map and the dealers' list\r\n self.clearResults = function () {\r\n // Scroll the dealer's list section to top\r\n self.dealersListElement.scrollTop = 0;\r\n self.infoWindows = [];\r\n\r\n // Clear markers\r\n for (var i = 0; i < self.dealerMarkers.length; i++) {\r\n self.dealerMarkers[i].setMap(null);\r\n }\r\n self.dealerMarkers = [];\r\n };\r\n\r\n // Sets the boundaries of the map to fit all the markers in the it\r\n self.setMapBoundaries = function (markers) {\r\n if (!markers) return;\r\n\r\n var mapBounds = new google.maps.LatLngBounds();\r\n for (var i = 0; i < markers.length; i++) {\r\n mapBounds.extend(markers[i].position);\r\n }\r\n\r\n self.map.fitBounds(mapBounds);\r\n\r\n if (markers.length < 2) {\r\n self.map.setZoom(mapZoomLevel);\r\n }\r\n };\r\n\r\n // Creates a Google map marker for the provided dealer with an info window attached to it\r\n self.createDealerMarker = function (item, viewModelDealer) {\r\n var dealer = item.Dealer;\r\n\r\n if (!dealer)\r\n throw { name: \"NullError\", message: \"Dealer cannot be null\" };\r\n\r\n if (!viewModelDealer)\r\n throw { name: \"NullError\", message: \"View-model dealer cannot be null\" };\r\n\r\n // Create map marker\r\n var latLng = new google.maps.LatLng(dealer.Location.Coordinate.Latitude, dealer.Location.Coordinate.Longitude);\r\n var marker = new google.maps.Marker({\r\n position: latLng,\r\n map: self.map,\r\n title: dealer.Name,\r\n viewModelDealer: viewModelDealer,\r\n icon: '/_Global/img/find_dealer/honda_pin.png'\r\n });\r\n\r\n var dealerInfoWindowTemplate = '
' +\r\n '
';\r\n\r\n var dealerLink = self.language() === 'en' ? '/dealerlocator/' : '/trouver-concessionaire/';\r\n dealerLink = dealerLink + dealer.Location.Province.Name + '/' + dealer.Location.City.Name + '/' + dealer.ExportKey;\r\n var dealerInfoWindowMarkup = dealerInfoWindowTemplate\r\n .replace(\"{image}\", dealer.ImageUrl)\r\n .replace(\"{dealerlink}\", dealerLink)\r\n .replace(\"{name}\", dealer.Name)\r\n .replace(\"{address}\", dealer.Location.Address)\r\n .replace(\"{city}\", dealer.Location.City.Name)\r\n .replace(\"{province}\", dealer.Location.Province.Abbreviation)\r\n .replace(\"{postal}\", dealer.Location.PostalCode.Value)\r\n .replace(\"{number}\", viewModelDealer.PhoneNumberFormatted());\r\n\r\n // Create info window\r\n var infowindow = new google.maps.InfoWindow({ content: dealerInfoWindowMarkup });\r\n self.infoWindows.push({ window: infowindow, title: dealer.Name, marker: marker });\r\n\r\n // Bind click listener to the marker\r\n google.maps.event.addListener(marker, 'click', function () {\r\n // Trigger the dealer selection change handler\r\n self.dealerSelectedChangeHandler(marker.viewModelDealer);\r\n });\r\n\r\n return marker;\r\n };\r\n\r\n // binding handler to manage the chosen.js dropdown\r\n ko.bindingHandlers.typeahead = {\r\n init: function (element, valueAccessor, allBindingsAccessor) {\r\n var el = $(element),\r\n options = ko.utils.unwrapObservable(valueAccessor()),\r\n emptyMsg = self.language() === 'en'\r\n ? 'Unable to find any Cities that match the current query'\r\n : 'Incapable de trouver des villes qui correspondent à la présente requête.';\r\n\r\n // set up the bloodhound instance to get the remote data after the city name is typed in\r\n var citiesbh = new Bloodhound({\r\n datumTokenizer: function (datum) { return Bloodhound.tokenizers.whitespace(datum.value); },\r\n queryTokenizer: Bloodhound.tokenizers.whitespace,\r\n limit: options.limit,\r\n remote: {\r\n url: geodataCitiesUrl + '%QUERY' + '?AcceptLanguage=' + self.language(),\r\n wildcard: '%QUERY'\r\n }\r\n });\r\n\r\n el.attr(\"autocomplete\", \"off\").typeahead({\r\n hint: options.hint,\r\n highlight: true,\r\n accent: true,\r\n minLength: options.minLength,\r\n maxItem: options.maxItem,\r\n limit: options.limit,\r\n cache: options.caching\r\n },\r\n {\r\n name: options.name,\r\n display: function (city) { return city.Name + ', ' + city.ProvinceName; },\r\n source: citiesbh.ttAdapter(),\r\n templates: {\r\n empty: [''].join('\\n'),\r\n suggestion: Handlebars.compile('{name}
' +\r\n ' ' +\r\n '![](\"{image}?width=90&height=86\")
' +\r\n '
' +\r\n ' ' +\r\n '
' +\r\n '{address}
{city}, {province} {postal}
' +\r\n '{city}, {province} {postal}
{number}
' +\r\n '{{Name}}, {{ProvinceName}}
')\r\n }\r\n }).on(\"typeahead:selected\", function (obj, datum) {\r\n self.city(datum.Name);\r\n self.province(datum.ProvinceName);\r\n }).on(\"typeahead:active\", function (evt) {\r\n if (self.city() !== \"\") {\r\n self.city(\"\");\r\n el.typeahead('val', '');\r\n }\r\n });\r\n }\r\n };\r\n\r\n // binding handler to manage the chosen.js dropdown\r\n ko.bindingHandlers.chosen = {\r\n init: function(element) {\r\n ko.bindingHandlers.options.init(element);\r\n\r\n // apply the chosen plug-in to the dropdown element\r\n $(element).chosen({\r\n disable_search_threshold: 1,\r\n disable_search: true,\r\n width: \"265px\",\r\n inherit_select_classes: true\r\n });\r\n },\r\n update: function (element, valueAccessor, allBindings) {\r\n ko.bindingHandlers.options.update(element, valueAccessor, allBindings);\r\n }\r\n };\r\n\r\n self.DealerResultShowHide = function (HideResults,ErrorMessage) {\r\n if (HideResults === true) {\r\n $('.find-dealer-search-results').hide();\r\n $('.popup-find-dealer').css(\"height\", \"250px\");\r\n $('.popup-overlay').hide();\r\n }\r\n else {\r\n $('.find-dealer-search-results').show();\r\n $('.popup-find-dealer').css(\"height\", \"1000px\"); \r\n }\r\n \r\n if (ErrorMessage) {\r\n $('.find-dealer-search-error').html(ErrorMessage);\r\n self.hasError(true);\r\n }\r\n else {\r\n $('.find-dealer-search-error').html('');\r\n self.hasError(false);\r\n }\r\n };\r\n\r\n self.ieCompatible = function () {\r\n if (self.is_ie) {\r\n $('.find-dealer-select-region').show();\r\n $('.chosen-container').hide();\r\n var selectItemText = self.language() === 'en' ? 'Select your Region' : 'Sélectionnez votre Province';\r\n $('.find-dealer-select-region').prepend(new Option(selectItemText, \" \"));\r\n $('.find-dealer-select-region')[0].options[0].selected = true;\r\n }\r\n\r\n };\r\n return self;\r\n}\r\n\r\nexport default FindDealerViewModel;\n\n\n/** WEBPACK FOOTER **\n ** D:/cjtws/workspace/r-Q46MKCSNXL/source/Mc.Web.Mvc/_Global/js/es6Source/FindDealer/FindDealerViewModel.js\n **/","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/process/browser.js\n ** module id = 592\n ** module chunks = 3\n **/"],"sourceRoot":""}