@athoscommerce/snap-controller 1.0.0

package/dist/cjs/Autocomplete/AutocompleteController.js

@@ -0,0 +1,1091 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteController = exports.INPUT_DELAY = void 0;
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
+var AbstractController_1 = require("../Abstract/AbstractController");
+var getParams_1 = require("../utils/getParams");
+var types_1 = require("../types");
+var isClickWithinProductLink_1 = require("../utils/isClickWithinProductLink");
+var isClickWithinBannerLink_1 = require("../utils/isClickWithinBannerLink");
+var INPUT_ATTRIBUTE = 'ss-autocomplete-input';
+exports.INPUT_DELAY = 200;
+var KEY_ENTER = 13;
+var KEY_ESCAPE = 27;
+var PARAM_FALLBACK_QUERY = 'fallbackQuery';
+var defaultConfig = {
+    id: 'autocomplete',
+    selector: '',
+    action: '',
+    globals: {},
+    beacon: {
+        enabled: true,
+    },
+    settings: {
+        initializeFromUrl: true,
+        syncInputs: true,
+        serializeForm: false,
+        facets: {
+            trim: true,
+            pinFiltered: true,
+        },
+        redirects: {
+            merchandising: true,
+            singleResult: false,
+        },
+        bind: {
+            input: true,
+            submit: true,
+        },
+    },
+};
+var AutocompleteController = /** @class */ (function (_super) {
+    __extends(AutocompleteController, _super);
+    function AutocompleteController(config, _a, context) {
+        var client = _a.client, store = _a.store, urlManager = _a.urlManager, eventManager = _a.eventManager, profiler = _a.profiler, logger = _a.logger, tracker = _a.tracker;
+        var _b, _c, _d, _e, _f, _g, _h, _j;
+        var _this = _super.call(this, config, { client: client, store: store, urlManager: urlManager, eventManager: eventManager, profiler: profiler, logger: logger, tracker: tracker }, context) || this;
+        _this.type = types_1.ControllerTypes.autocomplete;
+        _this.events = {};
+        _this.track = {
+            banner: {
+                impression: function (_banner) {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (!_banner) {
+                        _this.log.warn('No banner provided to track.banner.impression');
+                        return;
+                    }
+                    var responseId = _banner.responseId, uid = _banner.uid;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    else if ((_d = (_c = (_b = (_a = _this.events) === null || _a === void 0 ? void 0 : _a[responseId]) === null || _b === void 0 ? void 0 : _b.banner) === null || _c === void 0 ? void 0 : _c[uid]) === null || _d === void 0 ? void 0 : _d.impression) {
+                        return;
+                    }
+                    var banner = { uid: uid };
+                    var data = {
+                        responseId: responseId,
+                        banners: [banner],
+                        results: [],
+                    };
+                    _this.eventManager.fire('track.banner.impression', { controller: _this, product: { uid: uid }, trackEvent: data });
+                    ((_e = _this.config.beacon) === null || _e === void 0 ? void 0 : _e.enabled) && _this.tracker.events.autocomplete.impression({ data: data, siteId: (_f = _this.config.globals) === null || _f === void 0 ? void 0 : _f.siteId });
+                    _this.events[responseId].banner[uid] = _this.events[responseId].banner[uid] || {};
+                    _this.events[responseId].banner[uid].impression = true;
+                },
+                click: function (e, banner) {
+                    var _a, _b, _c;
+                    if (!banner) {
+                        _this.log.warn('No banner provided to track.banner.click');
+                        return;
+                    }
+                    var responseId = banner.responseId, uid = banner.uid;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    if ((0, isClickWithinBannerLink_1.isClickWithinBannerLink)(e)) {
+                        if ((_c = (_b = (_a = _this.events) === null || _a === void 0 ? void 0 : _a[responseId]) === null || _b === void 0 ? void 0 : _b.banner[uid]) === null || _c === void 0 ? void 0 : _c.clickThrough) {
+                            return;
+                        }
+                        _this.track.banner.clickThrough(e, banner);
+                        _this.events[responseId].banner[uid] = _this.events[responseId].banner[uid] || {};
+                        _this.events[responseId].banner[uid].clickThrough = true;
+                        setTimeout(function () {
+                            _this.events[responseId].banner[uid].clickThrough = false;
+                        }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                    }
+                },
+                clickThrough: function (e, _a) {
+                    var _b, _c;
+                    var uid = _a.uid, responseId = _a.responseId;
+                    if (!uid) {
+                        _this.log.warn('No banner uid provided to track.banner.clickThrough');
+                        return;
+                    }
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    var banner = { uid: uid };
+                    var data = {
+                        responseId: responseId,
+                        banners: [banner],
+                    };
+                    _this.eventManager.fire('track.banner.clickThrough', { controller: _this, event: e, product: { uid: uid }, trackEvent: data });
+                    ((_b = _this.config.beacon) === null || _b === void 0 ? void 0 : _b.enabled) && _this.tracker.events.autocomplete.clickThrough({ data: data, siteId: (_c = _this.config.globals) === null || _c === void 0 ? void 0 : _c.siteId });
+                    _this.events[responseId].banner[uid] = _this.events[responseId].banner[uid] || {};
+                    _this.events[responseId].banner[uid].clickThrough = true;
+                    setTimeout(function () {
+                        _this.events[responseId].banner[uid].clickThrough = false;
+                    }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                },
+            },
+            product: {
+                clickThrough: function (e, result) {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.clickThrough');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    var type = (['product', 'banner'].includes(result.type) ? result.type : 'product');
+                    var item = __assign({ type: type, uid: result.id ? '' + result.id : '' }, (type === 'product'
+                        ? {
+                            parentId: ((_a = result.mappings.core) === null || _a === void 0 ? void 0 : _a.parentId) ? '' + ((_b = result.mappings.core) === null || _b === void 0 ? void 0 : _b.parentId) : '',
+                            sku: ((_c = result.mappings.core) === null || _c === void 0 ? void 0 : _c.sku) ? '' + ((_d = result.mappings.core) === null || _d === void 0 ? void 0 : _d.sku) : undefined,
+                        }
+                        : {}));
+                    var data = {
+                        responseId: responseId,
+                        results: [item],
+                    };
+                    _this.eventManager.fire('track.product.clickThrough', { controller: _this, event: e, product: result, trackEvent: data });
+                    ((_e = _this.config.beacon) === null || _e === void 0 ? void 0 : _e.enabled) && _this.tracker.events.autocomplete.clickThrough({ data: data, siteId: (_f = _this.config.globals) === null || _f === void 0 ? void 0 : _f.siteId });
+                },
+                click: function (e, result) {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.click');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    if (result.type === 'banner' && (0, isClickWithinBannerLink_1.isClickWithinBannerLink)(e)) {
+                        if ((_c = (_b = (_a = _this.events) === null || _a === void 0 ? void 0 : _a[responseId]) === null || _b === void 0 ? void 0 : _b.product[result.id]) === null || _c === void 0 ? void 0 : _c.inlineBannerClickThrough) {
+                            return;
+                        }
+                        _this.track.product.clickThrough(e, result);
+                        _this.events[responseId].product[result.id] = _this.events[responseId].product[result.id] || {};
+                        _this.events[responseId].product[result.id].inlineBannerClickThrough = true;
+                        setTimeout(function () {
+                            _this.events[responseId].product[result.id].inlineBannerClickThrough = false;
+                        }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                    }
+                    else if ((0, isClickWithinProductLink_1.isClickWithinProductLink)(e, result)) {
+                        if ((_f = (_e = (_d = _this.events) === null || _d === void 0 ? void 0 : _d[responseId]) === null || _e === void 0 ? void 0 : _e.product[result.id]) === null || _f === void 0 ? void 0 : _f.productClickThrough) {
+                            return;
+                        }
+                        _this.track.product.clickThrough(e, result);
+                        _this.events[responseId].product[result.id] = _this.events[responseId].product[result.id] || {};
+                        _this.events[responseId].product[result.id].productClickThrough = true;
+                        setTimeout(function () {
+                            _this.events[responseId].product[result.id].productClickThrough = false;
+                        }, isClickWithinProductLink_1.CLICK_DUPLICATION_TIMEOUT);
+                    }
+                },
+                impression: function (result) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.impression');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    else if ((_c = (_b = (_a = _this.events) === null || _a === void 0 ? void 0 : _a[responseId]) === null || _b === void 0 ? void 0 : _b.product[result.id]) === null || _c === void 0 ? void 0 : _c.impression) {
+                        return;
+                    }
+                    var type = (['product', 'banner'].includes(result.type) ? result.type : 'product');
+                    var item = __assign({ type: type, uid: result.id ? '' + result.id : '' }, (type === 'product'
+                        ? {
+                            parentId: ((_d = result.mappings.core) === null || _d === void 0 ? void 0 : _d.parentId) ? '' + ((_e = result.mappings.core) === null || _e === void 0 ? void 0 : _e.parentId) : '',
+                            sku: ((_f = result.mappings.core) === null || _f === void 0 ? void 0 : _f.sku) ? '' + ((_g = result.mappings.core) === null || _g === void 0 ? void 0 : _g.sku) : undefined,
+                        }
+                        : {}));
+                    var data = {
+                        responseId: responseId,
+                        results: [item],
+                        banners: [],
+                    };
+                    _this.eventManager.fire('track.product.impression', { controller: _this, product: result, trackEvent: data });
+                    ((_h = _this.config.beacon) === null || _h === void 0 ? void 0 : _h.enabled) && _this.tracker.events.autocomplete.impression({ data: data, siteId: (_j = _this.config.globals) === null || _j === void 0 ? void 0 : _j.siteId });
+                    _this.events[responseId].product[result.id] = _this.events[responseId].product[result.id] || {};
+                    _this.events[responseId].product[result.id].impression = true;
+                },
+                addToCart: function (result) {
+                    var _a, _b, _c, _d;
+                    if (!result) {
+                        _this.log.warn('No result provided to track.product.addToCart');
+                        return;
+                    }
+                    var responseId = result.responseId;
+                    if (!_this.events[responseId]) {
+                        _this.log.warn('No responseId found in controller, ensure correct controller is used');
+                        return;
+                    }
+                    var product = {
+                        parentId: result.id,
+                        uid: result.id,
+                        sku: (_a = result.mappings.core) === null || _a === void 0 ? void 0 : _a.sku,
+                        qty: result.quantity || 1,
+                        price: Number((_b = result.mappings.core) === null || _b === void 0 ? void 0 : _b.price),
+                    };
+                    var data = {
+                        responseId: responseId,
+                        results: [product],
+                    };
+                    _this.eventManager.fire('track.product.addToCart', { controller: _this, product: result, trackEvent: data });
+                    ((_c = _this.config.beacon) === null || _c === void 0 ? void 0 : _c.enabled) && _this.tracker.events.autocomplete.addToCart({ data: data, siteId: (_d = _this.config.globals) === null || _d === void 0 ? void 0 : _d.siteId });
+                },
+            },
+            redirect: function (_a) {
+                var _b, _c;
+                var redirectURL = _a.redirectURL, responseId = _a.responseId;
+                if (!redirectURL) {
+                    _this.log.warn('No redirectURL provided to track.redirect');
+                    return;
+                }
+                var data = {
+                    responseId: responseId,
+                    redirect: redirectURL,
+                };
+                _this.eventManager.fire('track.redirect', { controller: _this, redirectURL: redirectURL, trackEvent: data });
+                ((_b = _this.config.beacon) === null || _b === void 0 ? void 0 : _b.enabled) && _this.tracker.events.autocomplete.redirect({ data: data, siteId: (_c = _this.config.globals) === null || _c === void 0 ? void 0 : _c.siteId });
+            },
+        };
+        _this.handlers = {
+            input: {
+                enterKey: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                    var input, actionUrl, err_1;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                if (!(e.keyCode == KEY_ENTER)) return [3 /*break*/, 9];
+                                input = e.target;
+                                actionUrl = this.store.services.urlManager;
+                                e.preventDefault();
+                                _a.label = 1;
+                            case 1:
+                                if (!this.store.loading) return [3 /*break*/, 3];
+                                return [4 /*yield*/, timeout(exports.INPUT_DELAY)];
+                            case 2:
+                                _a.sent();
+                                return [3 /*break*/, 1];
+                            case 3:
+                                // set fallbackQuery to the correctedQuery
+                                if (this.store.search.correctedQuery) {
+                                    actionUrl = actionUrl === null || actionUrl === void 0 ? void 0 : actionUrl.set(PARAM_FALLBACK_QUERY, this.store.search.correctedQuery.string);
+                                }
+                                actionUrl = actionUrl === null || actionUrl === void 0 ? void 0 : actionUrl.set('query', input.value);
+                                // wait for input delay
+                                return [4 /*yield*/, timeout(exports.INPUT_DELAY + 1)];
+                            case 4:
+                                // wait for input delay
+                                _a.sent();
+                                _a.label = 5;
+                            case 5:
+                                _a.trys.push([5, 7, , 8]);
+                                return [4 /*yield*/, this.eventManager.fire('beforeSubmit', {
+                                        controller: this,
+                                        input: input,
+                                    })];
+                            case 6:
+                                _a.sent();
+                                return [3 /*break*/, 8];
+                            case 7:
+                                err_1 = _a.sent();
+                                if ((err_1 === null || err_1 === void 0 ? void 0 : err_1.message) == 'cancelled') {
+                                    this.log.warn("'beforeSubmit' middleware cancelled");
+                                    return [2 /*return*/];
+                                }
+                                else {
+                                    this.log.error("error in 'beforeSubmit' middleware");
+                                    console.error(err_1);
+                                }
+                                return [3 /*break*/, 8];
+                            case 8:
+                                window.location.href = (actionUrl === null || actionUrl === void 0 ? void 0 : actionUrl.href) || '';
+                                _a.label = 9;
+                            case 9: return [2 /*return*/];
+                        }
+                    });
+                }); },
+                escKey: function (e) {
+                    if (e.keyCode == KEY_ESCAPE) {
+                        e.target.blur();
+                        _this.setFocused();
+                    }
+                },
+                focus: function (e) {
+                    e.stopPropagation();
+                    // timeout to ensure focus happens AFTER click
+                    setTimeout(function () {
+                        _this.setFocused(e.target);
+                    });
+                },
+                formSubmit: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                    var form, input, err_2;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                form = e.target;
+                                input = form.querySelector("input[".concat(INPUT_ATTRIBUTE, "]"));
+                                e.preventDefault();
+                                _a.label = 1;
+                            case 1:
+                                if (!this.store.loading) return [3 /*break*/, 3];
+                                return [4 /*yield*/, timeout(exports.INPUT_DELAY)];
+                            case 2:
+                                _a.sent();
+                                return [3 /*break*/, 1];
+                            case 3:
+                                // set fallbackQuery to the correctedQuery
+                                if (this.store.search.correctedQuery) {
+                                    addHiddenFormInput(form, PARAM_FALLBACK_QUERY, this.store.search.correctedQuery.string);
+                                }
+                                // wait for input delay
+                                return [4 /*yield*/, timeout(exports.INPUT_DELAY + 1)];
+                            case 4:
+                                // wait for input delay
+                                _a.sent();
+                                _a.label = 5;
+                            case 5:
+                                _a.trys.push([5, 7, , 8]);
+                                return [4 /*yield*/, this.eventManager.fire('beforeSubmit', {
+                                        controller: this,
+                                        input: input,
+                                    })];
+                            case 6:
+                                _a.sent();
+                                return [3 /*break*/, 8];
+                            case 7:
+                                err_2 = _a.sent();
+                                if ((err_2 === null || err_2 === void 0 ? void 0 : err_2.message) == 'cancelled') {
+                                    this.log.warn("'beforeSubmit' middleware cancelled");
+                                    return [2 /*return*/];
+                                }
+                                else {
+                                    this.log.error("error in 'beforeSubmit' middleware");
+                                    console.error(err_2);
+                                }
+                                return [3 /*break*/, 8];
+                            case 8:
+                                form.submit();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); },
+                formElementChange: function (e) {
+                    var _a, _b, _c, _d, _e, _f, _g;
+                    var input = e.target;
+                    var form = input === null || input === void 0 ? void 0 : input.form;
+                    var searchInput = form === null || form === void 0 ? void 0 : form.querySelector("input[".concat(INPUT_ATTRIBUTE, "]"));
+                    if (form && searchInput && ((_a = _this.config.settings) === null || _a === void 0 ? void 0 : _a.serializeForm)) {
+                        // get other form parameters (except the input)
+                        var formParameters = getFormParameters(form, function (elem) {
+                            return elem != searchInput;
+                        });
+                        // set parameters as globals
+                        _this.store.setService('urlManager', _this.store.services.urlManager.reset().withGlobals(formParameters));
+                        _this.store.reset();
+                        // rebuild trending terms with new UrlManager settings
+                        if (((_c = (_b = _this.config.settings) === null || _b === void 0 ? void 0 : _b.trending) === null || _c === void 0 ? void 0 : _c.enabled) && ((_e = (_d = _this.config.settings) === null || _d === void 0 ? void 0 : _d.trending) === null || _e === void 0 ? void 0 : _e.limit) && ((_g = (_f = _this.config.settings) === null || _f === void 0 ? void 0 : _f.trending) === null || _g === void 0 ? void 0 : _g.limit) > 0) {
+                            _this.searchTrending();
+                        }
+                    }
+                },
+                input: function (e) {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+                    // return focus on input if it was lost
+                    if (e.isTrusted && _this.store.state.focusedInput !== e.target) {
+                        _this.setFocused(e.target);
+                    }
+                    var value = e.target.value;
+                    // prevent search when value is unchanged or empty
+                    if (((!_this.store.state.input && !value) || _this.store.state.input == value) && _this.store.loaded) {
+                        return;
+                    }
+                    _this.store.state.source = 'input';
+                    _this.store.state.input = value;
+                    // remove merch redirect to prevent race condition
+                    _this.store.merchandising.redirect = '';
+                    if ((_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.syncInputs) {
+                        var inputs = document.querySelectorAll(_this.config.selector);
+                        inputs.forEach(function (input) {
+                            input.value = value;
+                        });
+                    }
+                    // TODO cancel any current requests?
+                    clearTimeout(_this.handlers.input.timeoutDelay);
+                    var trendingResultsEnabled = ((_c = _this.store.trending) === null || _c === void 0 ? void 0 : _c.length) && ((_e = (_d = _this.config.settings) === null || _d === void 0 ? void 0 : _d.trending) === null || _e === void 0 ? void 0 : _e.enabled) && ((_g = (_f = _this.config.settings) === null || _f === void 0 ? void 0 : _f.trending) === null || _g === void 0 ? void 0 : _g.showResults);
+                    var historyResultsEnabled = ((_h = _this.store.history) === null || _h === void 0 ? void 0 : _h.length) && ((_k = (_j = _this.config.settings) === null || _j === void 0 ? void 0 : _j.history) === null || _k === void 0 ? void 0 : _k.enabled) && ((_m = (_l = _this.config.settings) === null || _l === void 0 ? void 0 : _l.history) === null || _m === void 0 ? void 0 : _m.showResults);
+                    _this.handlers.input.timeoutDelay = setTimeout(function () {
+                        if (!value) {
+                            // there is no input value - reset state of store
+                            _this.store.reset();
+                            // show results for trending or history (if configured) - trending has priority
+                            if (trendingResultsEnabled) {
+                                _this.store.trending[0].preview();
+                            }
+                            else if (historyResultsEnabled) {
+                                _this.store.history[0].preview();
+                            }
+                            else {
+                                // no input - need to reset URL
+                                _this.urlManager.reset().go();
+                            }
+                        }
+                        else {
+                            // new query in the input - trigger a new search via UrlManager
+                            _this.store.state.locks.terms.unlock();
+                            _this.store.state.locks.facets.unlock();
+                            _this.urlManager.set({ query: _this.store.state.input }).go();
+                        }
+                    }, exports.INPUT_DELAY);
+                },
+                timeoutDelay: undefined,
+            },
+            document: {
+                click: function (e) {
+                    var _a;
+                    var inputs = document.querySelectorAll(_this.config.selector);
+                    // if the click is on an input or a form with inputs, stop propagation
+                    if (Array.from(inputs).includes(e.target) ||
+                        (((_a = e.target) === null || _a === void 0 ? void 0 : _a.nodeName) == 'FORM' && e.target.querySelectorAll(_this.config.selector).length)) {
+                        e.stopPropagation();
+                    }
+                    else {
+                        _this.setFocused();
+                    }
+                },
+            },
+        };
+        _this.searchTrending = function (options) { return __awaiter(_this, void 0, void 0, function () {
+            var trending, storedTerms, trendingParams, trendingProfile;
+            var _a, _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        storedTerms = this.storage.get('terms');
+                        if (!(storedTerms && !(options === null || options === void 0 ? void 0 : options.limit))) return [3 /*break*/, 1];
+                        // terms exist in storage, update store
+                        trending = JSON.parse(storedTerms);
+                        return [3 /*break*/, 3];
+                    case 1:
+                        trendingParams = {
+                            limit: (options === null || options === void 0 ? void 0 : options.limit) || ((_b = (_a = this.config.settings) === null || _a === void 0 ? void 0 : _a.trending) === null || _b === void 0 ? void 0 : _b.limit) || 5,
+                        };
+                        trendingProfile = this.profiler.create({ type: 'event', name: 'trending', context: trendingParams }).start();
+                        return [4 /*yield*/, this.client.trending(trendingParams)];
+                    case 2:
+                        trending = _d.sent();
+                        trendingProfile.stop();
+                        this.log.profile(trendingProfile);
+                        if ((_c = trending === null || trending === void 0 ? void 0 : trending.trending.queries) === null || _c === void 0 ? void 0 : _c.length) {
+                            this.storage.set('terms', JSON.stringify(trending));
+                        }
+                        _d.label = 3;
+                    case 3:
+                        this.store.updateTrendingTerms(trending);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.search = function () { return __awaiter(_this, void 0, void 0, function () {
+            var params, err_3, searchProfile, _a, meta, search, responseId_1, previousResponseId, impressedResultIds, afterSearchProfile, err_4, data, afterStoreProfile, err_5, err_6;
+            var _this = this;
+            var _b, _c, _d, _e, _f;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        _g.trys.push([0, 16, 17, 18]);
+                        if (!!this.initialized) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.init()];
+                    case 1:
+                        _g.sent();
+                        _g.label = 2;
+                    case 2:
+                        // if urlManager has no query, there will be no need to get params and no query
+                        if (!this.urlManager.state.query) {
+                            return [2 /*return*/];
+                        }
+                        params = this.params;
+                        // if params have no query do not search
+                        if (!((_c = (_b = params === null || params === void 0 ? void 0 : params.search) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.string)) {
+                            return [2 /*return*/];
+                        }
+                        this.store.loading = true;
+                        // clear the redirect URL until proper abort functionality is implemented
+                        this.store.merchandising.redirect = '';
+                        _g.label = 3;
+                    case 3:
+                        _g.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, this.eventManager.fire('beforeSearch', {
+                                controller: this,
+                                request: params,
+                            })];
+                    case 4:
+                        _g.sent();
+                        return [3 /*break*/, 6];
+                    case 5:
+                        err_3 = _g.sent();
+                        if ((err_3 === null || err_3 === void 0 ? void 0 : err_3.message) == 'cancelled') {
+                            this.log.warn("'beforeSearch' middleware cancelled");
+                            return [2 /*return*/];
+                        }
+                        else {
+                            this.log.error("error in 'beforeSearch' middleware");
+                            throw err_3;
+                        }
+                        return [3 /*break*/, 6];
+                    case 6:
+                        searchProfile = this.profiler.create({ type: 'event', name: 'search', context: params }).start();
+                        return [4 /*yield*/, this.client.autocomplete(params)];
+                    case 7:
+                        _a = _g.sent(), meta = _a.meta, search = _a.search;
+                        searchProfile.stop();
+                        this.log.profile(searchProfile);
+                        responseId_1 = search.tracking.responseId;
+                        this.events[responseId_1] = this.events[responseId_1] || { product: {}, banner: {} };
+                        previousResponseId = (_d = this.store.results[0]) === null || _d === void 0 ? void 0 : _d.responseId;
+                        if (previousResponseId && previousResponseId === responseId_1) {
+                            impressedResultIds = Object.keys(this.events[responseId_1].product || {}).filter(function (resultId) { var _a, _b; return (_b = (_a = _this.events[responseId_1].product) === null || _a === void 0 ? void 0 : _a[resultId]) === null || _b === void 0 ? void 0 : _b.impression; });
+                            this.events[responseId_1] = {
+                                product: impressedResultIds.reduce(function (acc, resultId) {
+                                    acc[resultId] = { impression: true };
+                                    return acc;
+                                }, {}),
+                                banner: this.events[responseId_1].banner,
+                            };
+                        }
+                        else {
+                            this.events[responseId_1] = { product: {}, banner: {} };
+                        }
+                        afterSearchProfile = this.profiler.create({ type: 'event', name: 'afterSearch', context: params }).start();
+                        _g.label = 8;
+                    case 8:
+                        _g.trys.push([8, 10, , 11]);
+                        return [4 /*yield*/, this.eventManager.fire('afterSearch', {
+                                controller: this,
+                                request: params,
+                                response: {
+                                    meta: meta,
+                                    search: search,
+                                },
+                            })];
+                    case 9:
+                        _g.sent();
+                        return [3 /*break*/, 11];
+                    case 10:
+                        err_4 = _g.sent();
+                        if ((err_4 === null || err_4 === void 0 ? void 0 : err_4.message) == 'cancelled') {
+                            this.log.warn("'afterSearch' middleware cancelled");
+                            afterSearchProfile.stop();
+                            return [2 /*return*/];
+                        }
+                        else {
+                            this.log.error("error in 'afterSearch' middleware");
+                            throw err_4;
+                        }
+                        return [3 /*break*/, 11];
+                    case 11:
+                        afterSearchProfile.stop();
+                        this.log.profile(afterSearchProfile);
+                        // update the store
+                        this.store.update({ meta: meta, search: search });
+                        data = { responseId: responseId_1 };
+                        ((_e = this.config.beacon) === null || _e === void 0 ? void 0 : _e.enabled) && this.tracker.events.autocomplete.render({ data: data, siteId: (_f = this.config.globals) === null || _f === void 0 ? void 0 : _f.siteId });
+                        afterStoreProfile = this.profiler.create({ type: 'event', name: 'afterStore', context: params }).start();
+                        _g.label = 12;
+                    case 12:
+                        _g.trys.push([12, 14, , 15]);
+                        return [4 /*yield*/, this.eventManager.fire('afterStore', {
+                                controller: this,
+                                request: params,
+                                response: {
+                                    meta: meta,
+                                    search: search,
+                                },
+                            })];
+                    case 13:
+                        _g.sent();
+                        return [3 /*break*/, 15];
+                    case 14:
+                        err_5 = _g.sent();
+                        if ((err_5 === null || err_5 === void 0 ? void 0 : err_5.message) == 'cancelled') {
+                            this.log.warn("'afterStore' middleware cancelled");
+                            afterStoreProfile.stop();
+                            return [2 /*return*/];
+                        }
+                        else {
+                            this.log.error("error in 'afterStore' middleware");
+                            throw err_5;
+                        }
+                        return [3 /*break*/, 15];
+                    case 15:
+                        afterStoreProfile.stop();
+                        this.log.profile(afterStoreProfile);
+                        return [3 /*break*/, 18];
+                    case 16:
+                        err_6 = _g.sent();
+                        if (err_6) {
+                            if (err_6.err && err_6.fetchDetails) {
+                                switch (err_6.fetchDetails.status) {
+                                    case 429: {
+                                        this.store.error = {
+                                            code: 429,
+                                            type: snap_store_mobx_1.ErrorType.WARNING,
+                                            message: 'Too many requests try again later',
+                                        };
+                                        break;
+                                    }
+                                    case 500: {
+                                        this.store.error = {
+                                            code: 500,
+                                            type: snap_store_mobx_1.ErrorType.ERROR,
+                                            message: 'Invalid Search Request or Service Unavailable',
+                                        };
+                                        break;
+                                    }
+                                    default: {
+                                        this.store.error = {
+                                            type: snap_store_mobx_1.ErrorType.ERROR,
+                                            message: err_6.err.message,
+                                        };
+                                        break;
+                                    }
+                                }
+                                this.log.error(this.store.error);
+                                this.handleError(err_6.err, err_6.fetchDetails);
+                            }
+                            else {
+                                this.store.error = {
+                                    type: snap_store_mobx_1.ErrorType.ERROR,
+                                    message: "Something went wrong... - ".concat(err_6),
+                                };
+                                this.log.error(err_6);
+                                this.handleError(err_6);
+                            }
+                        }
+                        return [3 /*break*/, 18];
+                    case 17:
+                        this.store.loading = false;
+                        return [7 /*endfinally*/];
+                    case 18: return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.addToCart = function (_products) { return __awaiter(_this, void 0, void 0, function () {
+            var products;
+            var _this = this;
+            return __generator(this, function (_a) {
+                products = typeof (_products === null || _products === void 0 ? void 0 : _products.slice) == 'function' ? _products.slice() : [_products];
+                if (!_products || products.length === 0) {
+                    this.log.warn('No products provided to autocomplete controller.addToCart');
+                    return [2 /*return*/];
+                }
+                products.forEach(function (product) {
+                    _this.track.product.addToCart(product);
+                });
+                if (products.length > 0) {
+                    this.eventManager.fire('addToCart', { controller: this, products: products });
+                }
+                return [2 /*return*/];
+            });
+        }); };
+        // deep merge config with defaults
+        _this.config = (0, deepmerge_1.default)(defaultConfig, _this.config);
+        // normalize trending config (old method requires only a limit to be set)
+        if (((_c = (_b = _this.config.settings) === null || _b === void 0 ? void 0 : _b.trending) === null || _c === void 0 ? void 0 : _c.limit) && typeof ((_e = (_d = _this.config.settings) === null || _d === void 0 ? void 0 : _d.trending) === null || _e === void 0 ? void 0 : _e.enabled) === 'undefined') {
+            _this.config.settings = __assign(__assign({}, _this.config.settings), { trending: __assign({ enabled: true }, _this.config.settings.trending) });
+        }
+        // normalize history config (old method requires only a limit to be set)
+        if (((_g = (_f = _this.config.settings) === null || _f === void 0 ? void 0 : _f.history) === null || _g === void 0 ? void 0 : _g.limit) && typeof ((_j = (_h = _this.config.settings) === null || _h === void 0 ? void 0 : _h.history) === null || _j === void 0 ? void 0 : _j.enabled) === 'undefined') {
+            _this.config.settings = __assign(__assign({}, _this.config.settings), { history: __assign({ enabled: true }, _this.config.settings.history) });
+        }
+        _this.store.setConfig(_this.config);
+        // get current search from url before detaching
+        if (_this.config.settings.initializeFromUrl) {
+            _this.store.state.input = _this.urlManager.state.query;
+            // reset to force search on focus
+            // TODO: make a config setting for this
+            _this.urlManager.reset().go();
+        }
+        // persist trending terms in local storage
+        _this.storage = new snap_store_mobx_1.StorageStore({
+            type: 'session',
+            key: "athos-controller-".concat(_this.config.id),
+        });
+        // add 'afterSearch' middleware
+        _this.eventManager.on('afterSearch', function (ac, next) { return __awaiter(_this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, next()];
+                    case 1:
+                        _b.sent();
+                        // cancel search if no input or query doesn't match current urlState
+                        if (((_a = ac.response.search.autocomplete) === null || _a === void 0 ? void 0 : _a.query) != ac.controller.urlManager.state.query) {
+                            return [2 /*return*/, false];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        _this.eventManager.on('beforeSubmit', function (ac, next) { return __awaiter(_this, void 0, void 0, function () {
+            var loading, inputState, redirectURL, results, filteredResults, singleResultUrl;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            return __generator(this, function (_k) {
+                switch (_k.label) {
+                    case 0: return [4 /*yield*/, next()];
+                    case 1:
+                        _k.sent();
+                        loading = ac.controller.store.loading;
+                        if (loading)
+                            return [2 /*return*/];
+                        inputState = ac.controller.store.state.input;
+                        redirectURL = (_a = ac.controller.store.merchandising) === null || _a === void 0 ? void 0 : _a.redirect;
+                        if (((_d = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.settings) === null || _c === void 0 ? void 0 : _c.redirects) === null || _d === void 0 ? void 0 : _d.merchandising) && inputState && redirectURL) {
+                            this.track.redirect({ redirectURL: redirectURL, responseId: (_e = ac.controller.store.merchandising) === null || _e === void 0 ? void 0 : _e.responseId });
+                            window.location.href = redirectURL;
+                            return [2 /*return*/, false];
+                        }
+                        if ((_h = (_g = (_f = this.config) === null || _f === void 0 ? void 0 : _f.settings) === null || _g === void 0 ? void 0 : _g.redirects) === null || _h === void 0 ? void 0 : _h.singleResult) {
+                            results = ac.controller.store.results;
+                            filteredResults = results.filter(function (result) { return result.type == 'product'; });
+                            singleResultUrl = filteredResults.length === 1 && ((_j = filteredResults[0].mappings.core) === null || _j === void 0 ? void 0 : _j.url);
+                            if (singleResultUrl) {
+                                window.location.href = singleResultUrl;
+                                return [2 /*return*/, false];
+                            }
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        // attach config plugins and event middleware
+        _this.use(_this.config);
+        return _this;
+    }
+    Object.defineProperty(AutocompleteController.prototype, "params", {
+        get: function () {
+            var _a, _b;
+            var urlState = this.urlManager.state;
+            var params = (0, deepmerge_1.default)(__assign({}, (0, getParams_1.getSearchParams)(urlState)), this.config.globals || {});
+            var _c = this.tracker.getContext(), userId = _c.userId, sessionId = _c.sessionId, pageLoadId = _c.pageLoadId, shopperId = _c.shopperId;
+            params.tracking = params.tracking || {};
+            params.tracking.domain = window.location.href;
+            if (userId) {
+                params.tracking.userId = userId;
+            }
+            if (sessionId) {
+                params.tracking.sessionId = sessionId;
+            }
+            if (pageLoadId) {
+                params.tracking.pageLoadId = pageLoadId;
+            }
+            if (this.store.state.input) {
+                params.search = params.search || {};
+                params.search.input = this.store.state.input;
+            }
+            if (this.store.state.source) {
+                params.search = params.search || {};
+                params.search.source = this.store.state.source;
+            }
+            if (!((_b = (_a = this.config.globals) === null || _a === void 0 ? void 0 : _a.personalization) === null || _b === void 0 ? void 0 : _b.disabled)) {
+                var cartItems = this.tracker.cookies.cart.get();
+                if (cartItems.length) {
+                    params.personalization = params.personalization || {};
+                    params.personalization.cart = cartItems.join(',');
+                }
+                var lastViewedItems = this.tracker.cookies.viewed.get();
+                if (lastViewedItems.length) {
+                    params.personalization = params.personalization || {};
+                    params.personalization.lastViewed = lastViewedItems.join(',');
+                }
+                if (shopperId) {
+                    params.personalization = params.personalization || {};
+                    params.personalization.shopper = shopperId;
+                }
+            }
+            return params;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    AutocompleteController.prototype.setFocused = function (inputElement) {
+        return __awaiter(this, void 0, void 0, function () {
+            var err_7, err_8;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(this.store.state.focusedInput !== inputElement)) return [3 /*break*/, 7];
+                        this.store.state.focusedInput = inputElement;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 6, , 7]);
+                        _a.label = 2;
+                    case 2:
+                        _a.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, this.eventManager.fire('focusChange', {
+                                controller: this,
+                            })];
+                    case 3:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 4:
+                        err_7 = _a.sent();
+                        if ((err_7 === null || err_7 === void 0 ? void 0 : err_7.message) == 'cancelled') {
+                            this.log.warn("'focusChange' middleware cancelled");
+                        }
+                        else {
+                            this.log.error("error in 'focusChange' middleware");
+                            throw err_7;
+                        }
+                        return [3 /*break*/, 5];
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
+                        err_8 = _a.sent();
+                        if (err_8) {
+                            console.error(err_8);
+                        }
+                        return [3 /*break*/, 7];
+                    case 7:
+                        inputElement === null || inputElement === void 0 ? void 0 : inputElement.dispatchEvent(new Event('input'));
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AutocompleteController.prototype.reset = function () {
+        // reset input values and state
+        var inputs = document.querySelectorAll(this.config.selector);
+        inputs.forEach(function (input) {
+            input.value = '';
+        });
+        this.store.reset();
+    };
+    AutocompleteController.prototype.unbind = function () {
+        var _this = this;
+        var inputs = document.querySelectorAll("input[".concat(INPUT_ATTRIBUTE, "]"));
+        inputs === null || inputs === void 0 ? void 0 : inputs.forEach(function (input) {
+            input.removeEventListener('input', _this.handlers.input.input);
+            input.removeEventListener('keydown', _this.handlers.input.enterKey);
+            input.removeEventListener('keydown', _this.handlers.input.escKey);
+            input.removeEventListener('focus', _this.handlers.input.focus);
+            if (input.form) {
+                input.form.removeEventListener('submit', _this.handlers.input.formSubmit);
+                unbindFormParameters(input.form, _this.handlers.input.formElementChange);
+            }
+        });
+        document.removeEventListener('click', this.handlers.document.click);
+    };
+    AutocompleteController.prototype.bind = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var inputs;
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            return __generator(this, function (_j) {
+                switch (_j.label) {
+                    case 0:
+                        if (!!this.initialized) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.init()];
+                    case 1:
+                        _j.sent();
+                        _j.label = 2;
+                    case 2:
+                        this.unbind();
+                        inputs = document.querySelectorAll(this.config.selector);
+                        inputs.forEach(function (input) {
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                            input.setAttribute('spellcheck', 'false');
+                            input.setAttribute('autocomplete', 'off');
+                            input.setAttribute('autocorrect', 'off');
+                            input.setAttribute('autocapitalize', 'none');
+                            input.setAttribute(INPUT_ATTRIBUTE, '');
+                            ((_b = (_a = _this.config.settings) === null || _a === void 0 ? void 0 : _a.bind) === null || _b === void 0 ? void 0 : _b.input) && input.addEventListener('input', _this.handlers.input.input);
+                            if (((_d = (_c = _this.config) === null || _c === void 0 ? void 0 : _c.settings) === null || _d === void 0 ? void 0 : _d.initializeFromUrl) && !input.value && _this.store.state.input) {
+                                input.value = _this.store.state.input;
+                            }
+                            input.addEventListener('focus', _this.handlers.input.focus);
+                            input.addEventListener('keydown', _this.handlers.input.escKey);
+                            var form = input.form;
+                            var formActionUrl;
+                            if (_this.config.action) {
+                                ((_f = (_e = _this.config.settings) === null || _e === void 0 ? void 0 : _e.bind) === null || _f === void 0 ? void 0 : _f.submit) && input.addEventListener('keydown', _this.handlers.input.enterKey);
+                                formActionUrl = _this.config.action;
+                            }
+                            else if (form) {
+                                ((_h = (_g = _this.config.settings) === null || _g === void 0 ? void 0 : _g.bind) === null || _h === void 0 ? void 0 : _h.submit) && form.addEventListener('submit', _this.handlers.input.formSubmit);
+                                formActionUrl = form.action || '';
+                                // serializeForm will include additional form element in our urlManager as globals
+                                if ((_j = _this.config.settings) === null || _j === void 0 ? void 0 : _j.serializeForm) {
+                                    bindFormParameters(form, _this.handlers.input.formElementChange, function (elem) {
+                                        return elem != input;
+                                    });
+                                    var formParameters = getFormParameters(form, function (elem) {
+                                        return elem != input;
+                                    });
+                                    // set parameters as globals
+                                    _this.store.setService('urlManager', _this.urlManager.reset().withGlobals(formParameters));
+                                }
+                            }
+                            // set the root URL on urlManager
+                            if (formActionUrl) {
+                                _this.store.setService('urlManager', _this.store.services.urlManager.withConfig(function (translatorConfig) {
+                                    return __assign(__assign({}, translatorConfig), { urlRoot: formActionUrl });
+                                }));
+                            }
+                            // if the input is currently focused, trigger setFocues which will eventually trigger input - but not if loading
+                            if (document.activeElement === input && !_this.store.loading) {
+                                _this.setFocused(input);
+                            }
+                        });
+                        // get trending terms - this is at the bottom because urlManager changes need to be in place before creating the store
+                        if (((_b = (_a = this.config.settings) === null || _a === void 0 ? void 0 : _a.trending) === null || _b === void 0 ? void 0 : _b.enabled) &&
+                            ((_d = (_c = this.config.settings) === null || _c === void 0 ? void 0 : _c.trending) === null || _d === void 0 ? void 0 : _d.limit) &&
+                            ((_f = (_e = this.config.settings) === null || _e === void 0 ? void 0 : _e.trending) === null || _f === void 0 ? void 0 : _f.limit) > 0 &&
+                            !((_g = this.store.trending) === null || _g === void 0 ? void 0 : _g.length)) {
+                            this.searchTrending();
+                        }
+                        // if we are not preventing via `disableClickOutside` setting
+                        if (!((_h = this.config.settings) === null || _h === void 0 ? void 0 : _h.disableClickOutside)) {
+                            document.addEventListener('click', this.handlers.document.click);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return AutocompleteController;
+}(AbstractController_1.AbstractController));
+exports.AutocompleteController = AutocompleteController;
+function addHiddenFormInput(form, name, value) {
+    var _a;
+    var inputElem = document.createElement('input');
+    inputElem.type = 'hidden';
+    inputElem.name = name;
+    inputElem.value = value;
+    // remove existing form element if it exists (prevent duplicates)
+    (_a = form.querySelector("[type=\"hidden\"][name=\"".concat(name, "\"]"))) === null || _a === void 0 ? void 0 : _a.remove();
+    // append form element
+    form.append(inputElem);
+}
+function timeout(time) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (resolve) {
+                    window.setTimeout(resolve, time);
+                })];
+        });
+    });
+}
+// for grabbing other parameters from the form and using them in UrlManager
+var INPUT_TYPE_BLOCKLIST = ['file', 'reset', 'submit', 'button', 'image', 'password'];
+function getFormParameters(form, filterFn) {
+    var parameters = {};
+    if (typeof form == 'object' && form.nodeName == 'FORM') {
+        for (var i = form.elements.length - 1; i >= 0; i--) {
+            var elem = form.elements[i];
+            if (typeof filterFn == 'function' && !filterFn(elem)) {
+                continue;
+            }
+            if (elem.name && !INPUT_TYPE_BLOCKLIST.includes(elem.type)) {
+                if ((elem.type != 'checkbox' && elem.type != 'radio') || elem.checked) {
+                    parameters[elem.name] = elem.value;
+                }
+            }
+        }
+    }
+    return parameters;
+}
+// this picks up changes to the form
+function bindFormParameters(form, fn, filterFn) {
+    if (typeof form == 'object' && form.nodeName == 'FORM') {
+        for (var i = form.elements.length - 1; i >= 0; i--) {
+            var elem = form.elements[i];
+            if (typeof filterFn == 'function' && !filterFn(elem)) {
+                continue;
+            }
+            if (elem.name && !INPUT_TYPE_BLOCKLIST.includes(elem.type)) {
+                elem.addEventListener('change', fn);
+            }
+        }
+    }
+}
+function unbindFormParameters(form, fn) {
+    if (typeof form == 'object' && form.nodeName == 'FORM') {
+        for (var i = form.elements.length - 1; i >= 0; i--) {
+            var elem = form.elements[i];
+            if (elem.name && !INPUT_TYPE_BLOCKLIST.includes(elem.type)) {
+                elem.removeEventListener('change', fn);
+            }
+        }
+    }
+}