solid-ui 2.4.24 → 2.4.25

package/lib/widgets/forms/autocomplete/autocompletePicker.js

@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
 var AUTOCOMPLETE_ROWS = 20; // 20?
 var AUTOCOMPLETE_ROWS_STRETCH = 40;
@@ -50,398 +50,382 @@ function _renderAutoComplete() {
   _renderAutoComplete = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8(dom, acOptions, decoration, callback) {
     var complain, finish, gotIt, _gotIt, acceptButtonHandler, _acceptButtonHandler, cancelButtonHandler, _cancelButtonHandler, nameMatch, clearList, inputEventHHandler, _inputEventHHandler, loadBindingsAndFilterByLanguage, _loadBindingsAndFilterByLanguage, filterByName, refreshList, _refreshList, initialize, targetClass, lastBindings, loadedEnough, inputEventHandlerLock, allDisplayed, lastFilter, numberOfRows, div, foundName, foundObject, table, head, cell, searchInput, size, searchInputStyle;
     return _regenerator["default"].wrap(function _callee8$(_context8) {
-      while (1) {
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            initialize = function _initialize() {
-              if (acOptions.currentObject) {
-                // If have existing value then jump into the endgame of the autocomplete
-                searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject;
-                foundName = acOptions.currentName;
-                lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined;
-                foundObject = acOptions.currentObject;
-              } else {
-                searchInput.value = '';
-                lastFilter = undefined;
-                foundObject = undefined;
-              }
-              if (decoration.deleteButton) {
-                setVisible(decoration.deleteButton, !!acOptions.currentObject);
-              }
-              if (decoration.acceptButton) {
-                setVisible(decoration.acceptButton, false); // hide until input complete
-              }
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          initialize = function _initialize() {
+            if (acOptions.currentObject) {
+              // If have existing value then jump into the endgame of the autocomplete
+              searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject;
+              foundName = acOptions.currentName;
+              lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined;
+              foundObject = acOptions.currentObject;
+            } else {
+              searchInput.value = '';
+              lastFilter = undefined;
+              foundObject = undefined;
+            }
+            if (decoration.deleteButton) {
+              setVisible(decoration.deleteButton, !!acOptions.currentObject);
+            }
+            if (decoration.acceptButton) {
+              setVisible(decoration.acceptButton, false); // hide until input complete
+            }
 
-              if (decoration.editButton) {
-                setVisible(decoration.editButton, true);
-              }
-              if (decoration.cancelButton) {
-                setVisible(decoration.cancelButton, false); // only allow cancel when there is something to cancel
-              }
+            if (decoration.editButton) {
+              setVisible(decoration.editButton, true);
+            }
+            if (decoration.cancelButton) {
+              setVisible(decoration.cancelButton, false); // only allow cancel when there is something to cancel
+            }
 
-              inputEventHandlerLock = false;
-              clearList();
-            };
-            _refreshList = function _refreshList3() {
-              _refreshList = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-                var rowForBinding, compareBindingsByName, languagePrefs, filter, slimmed, displayable, _iterator, _step, binding;
-                return _regenerator["default"].wrap(function _callee7$(_context7) {
-                  while (1) {
-                    switch (_context7.prev = _context7.next) {
-                      case 0:
-                        compareBindingsByName = function _compareBindingsByNam(self, other) {
-                          return other.name.value > self.name.value ? 1 : other.name.name < self.name.value ? -1 : 0;
-                        };
-                        rowForBinding = function _rowForBinding(binding) {
-                          var row = dom.createElement('tr');
-                          style.setStyle(row, 'autocompleteRowStyle');
-                          row.setAttribute('style', 'padding: 0.3em;');
-                          row.style.color = allDisplayed ? '#080' : '#088'; // green means 'you should find it here'
-                          row.textContent = binding.name.value;
-                          var object = (0, _publicData.bindingToTerm)(binding.subject);
-                          var nameTerm = (0, _publicData.bindingToTerm)(binding.name);
-                          row.addEventListener('click', /*#__PURE__*/function () {
-                            var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(_event) {
-                              return _regenerator["default"].wrap(function _callee6$(_context6) {
-                                while (1) {
-                                  switch (_context6.prev = _context6.next) {
-                                    case 0:
-                                      debug.log('       click row textContent: ' + row.textContent);
-                                      debug.log('       click name: ' + nameTerm.value);
-                                      if (object && nameTerm) {
-                                        gotIt(object, nameTerm);
-                                      }
-                                    case 3:
-                                    case "end":
-                                      return _context6.stop();
-                                  }
+            inputEventHandlerLock = false;
+            clearList();
+          };
+          _refreshList = function _refreshList3() {
+            _refreshList = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+              var rowForBinding, compareBindingsByName, languagePrefs, filter, slimmed, displayable, _iterator, _step, binding;
+              return _regenerator["default"].wrap(function _callee7$(_context7) {
+                while (1) switch (_context7.prev = _context7.next) {
+                  case 0:
+                    compareBindingsByName = function _compareBindingsByNam(self, other) {
+                      return other.name.value > self.name.value ? 1 : other.name.name < self.name.value ? -1 : 0;
+                    };
+                    rowForBinding = function _rowForBinding(binding) {
+                      var row = dom.createElement('tr');
+                      style.setStyle(row, 'autocompleteRowStyle');
+                      row.setAttribute('style', 'padding: 0.3em;');
+                      row.style.color = allDisplayed ? '#080' : '#088'; // green means 'you should find it here'
+                      row.textContent = binding.name.value;
+                      var object = (0, _publicData.bindingToTerm)(binding.subject);
+                      var nameTerm = (0, _publicData.bindingToTerm)(binding.name);
+                      row.addEventListener('click', /*#__PURE__*/function () {
+                        var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6(_event) {
+                          return _regenerator["default"].wrap(function _callee6$(_context6) {
+                            while (1) switch (_context6.prev = _context6.next) {
+                              case 0:
+                                debug.log('       click row textContent: ' + row.textContent);
+                                debug.log('       click name: ' + nameTerm.value);
+                                if (object && nameTerm) {
+                                  gotIt(object, nameTerm);
                                 }
-                              }, _callee6);
-                            }));
-                            return function (_x12) {
-                              return _ref.apply(this, arguments);
-                            };
-                          }());
-                          return row;
+                              case 3:
+                              case "end":
+                                return _context6.stop();
+                            }
+                          }, _callee6);
+                        }));
+                        return function (_x12) {
+                          return _ref.apply(this, arguments);
                         };
-                        if (!inputEventHandlerLock) {
-                          _context7.next = 5;
-                          break;
-                        }
-                        debug.log("Ignoring \"".concat(searchInput.value, "\" because of lock "));
-                        return _context7.abrupt("return");
-                      case 5:
-                        debug.log("Setting lock at \"".concat(searchInput.value, "\""));
-                        inputEventHandlerLock = true;
-                        _context7.next = 9;
-                        return (0, _language.getPreferredLanguages)();
-                      case 9:
-                        languagePrefs = _context7.sent;
-                        filter = searchInput.value.trim().toLowerCase();
-                        if (!(filter.length < AUTOCOMPLETE_THRESHOLD)) {
-                          _context7.next = 16;
-                          break;
-                        }
-                        // too small
-                        clearList();
-                        // candidatesLoaded = false
-                        numberOfRows = AUTOCOMPLETE_ROWS;
-                        _context7.next = 31;
-                        break;
-                      case 16:
-                        if (!(!allDisplayed || !lastFilter || !filter.startsWith(lastFilter))) {
-                          _context7.next = 21;
-                          break;
-                        }
-                        debug.log("   Querying database at \"".concat(filter, "\" cf last \"").concat(lastFilter, "\"."));
-                        _context7.next = 20;
-                        return loadBindingsAndFilterByLanguage(filter, languagePrefs);
-                      case 20:
-                        lastBindings = _context7.sent;
-                      case 21:
-                        // Trim table as search gets tighter:
-                        slimmed = filterByName(filter, lastBindings);
-                        if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {
-                          numberOfRows = slimmed.length; // stretch if it means we get all items
-                        }
-
-                        allDisplayed = loadedEnough && slimmed.length <= numberOfRows;
-                        debug.log(" Filter:\"".concat(filter, "\" lastBindings: ").concat(lastBindings.length, ", slimmed to ").concat(slimmed.length, "; rows: ").concat(numberOfRows, ", Enough? ").concat(loadedEnough, ", All displayed? ").concat(allDisplayed));
-                        displayable = slimmed.slice(0, numberOfRows);
-                        displayable.sort(compareBindingsByName);
-                        clearList();
-                        _iterator = _createForOfIteratorHelper(displayable);
-                        try {
-                          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                            binding = _step.value;
-                            table.appendChild(rowForBinding(binding));
-                          }
-                        } catch (err) {
-                          _iterator.e(err);
-                        } finally {
-                          _iterator.f();
-                        }
-                        if (slimmed.length === 1) {
-                          gotIt((0, _publicData.bindingToTerm)(slimmed[0].subject), (0, _publicData.bindingToTerm)(slimmed[0].name));
-                        }
-                      case 31:
-                        // else
-                        inputEventHandlerLock = false;
-                      case 32:
-                      case "end":
-                        return _context7.stop();
+                      }());
+                      return row;
+                    };
+                    if (!inputEventHandlerLock) {
+                      _context7.next = 5;
+                      break;
                     }
-                  }
-                }, _callee7);
-              }));
-              return _refreshList.apply(this, arguments);
-            };
-            refreshList = function _refreshList2() {
-              return _refreshList.apply(this, arguments);
-            };
-            filterByName = function _filterByName(filter, bindings) {
-              return bindings.filter(function (binding) {
-                return nameMatch(filter, binding.name.value);
-              });
-            };
-            _loadBindingsAndFilterByLanguage = function _loadBindingsAndFilte2() {
-              _loadBindingsAndFilterByLanguage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(filter, languagePrefs) {
-                var bindings, slimmed;
-                return _regenerator["default"].wrap(function _callee5$(_context5) {
-                  while (1) {
-                    switch (_context5.prev = _context5.next) {
-                      case 0:
-                        _context5.prev = 0;
-                        _context5.next = 3;
-                        return (0, _publicData.queryPublicDataByName)(filter, targetClass, languagePrefs || _language.defaultPreferredLanguages, acOptions.queryParams);
-                      case 3:
-                        bindings = _context5.sent;
-                        _context5.next = 11;
-                        break;
-                      case 6:
-                        _context5.prev = 6;
-                        _context5.t0 = _context5["catch"](0);
-                        complain('Error querying db of organizations: ' + _context5.t0);
-                        inputEventHandlerLock = false;
-                        return _context5.abrupt("return");
-                      case 11:
-                        loadedEnough = bindings.length < _publicData.AUTOCOMPLETE_LIMIT;
-                        if (loadedEnough) {
-                          lastFilter = filter;
-                        } else {
-                          lastFilter = undefined;
-                        }
-                        clearList();
-                        slimmed = (0, _language.filterByLanguage)(bindings, languagePrefs);
-                        return _context5.abrupt("return", slimmed);
-                      case 16:
-                      case "end":
-                        return _context5.stop();
+                    debug.log("Ignoring \"".concat(searchInput.value, "\" because of lock "));
+                    return _context7.abrupt("return");
+                  case 5:
+                    debug.log("Setting lock at \"".concat(searchInput.value, "\""));
+                    inputEventHandlerLock = true;
+                    _context7.next = 9;
+                    return (0, _language.getPreferredLanguages)();
+                  case 9:
+                    languagePrefs = _context7.sent;
+                    filter = searchInput.value.trim().toLowerCase();
+                    if (!(filter.length < AUTOCOMPLETE_THRESHOLD)) {
+                      _context7.next = 16;
+                      break;
                     }
-                  }
-                }, _callee5, null, [[0, 6]]);
-              }));
-              return _loadBindingsAndFilterByLanguage.apply(this, arguments);
-            };
-            loadBindingsAndFilterByLanguage = function _loadBindingsAndFilte(_x10, _x11) {
-              return _loadBindingsAndFilterByLanguage.apply(this, arguments);
-            };
-            _inputEventHHandler = function _inputEventHHandler3() {
-              _inputEventHHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(_event) {
-                return _regenerator["default"].wrap(function _callee4$(_context4) {
-                  while (1) {
-                    switch (_context4.prev = _context4.next) {
-                      case 0:
-                        // console.log('@@ AC inputEventHHandler called')
-                        setVisible(decoration.cancelButton, true); // only allow cancel when there is something to cancel
-                        refreshList(); /// @@  debounqce does not work with jest
-                        /*
-                        if (runningTimeout) {
-                          clearTimeout(runningTimeout)
-                        }
-                        runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)
-                        */
-                      case 2:
-                      case "end":
-                        return _context4.stop();
+                    // too small
+                    clearList();
+                    // candidatesLoaded = false
+                    numberOfRows = AUTOCOMPLETE_ROWS;
+                    _context7.next = 31;
+                    break;
+                  case 16:
+                    if (!(!allDisplayed || !lastFilter || !filter.startsWith(lastFilter))) {
+                      _context7.next = 21;
+                      break;
                     }
-                  }
-                }, _callee4);
-              }));
-              return _inputEventHHandler.apply(this, arguments);
-            };
-            inputEventHHandler = function _inputEventHHandler2(_x9) {
-              return _inputEventHHandler.apply(this, arguments);
-            };
-            clearList = function _clearList() {
-              while (table.children.length > 1) {
-                table.removeChild(table.lastChild);
-              }
-            };
-            nameMatch = function _nameMatch(filter, candidate) {
-              var parts = filter.split(' '); // Each name part must be somewhere
-              for (var j = 0; j < parts.length; j++) {
-                var word = parts[j];
-                if (candidate.toLowerCase().indexOf(word) < 0) return false;
-              }
-              return true;
-            };
-            _cancelButtonHandler = function _cancelButtonHandler3() {
-              _cancelButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(_event) {
-                return _regenerator["default"].wrap(function _callee3$(_context3) {
-                  while (1) {
-                    switch (_context3.prev = _context3.next) {
-                      case 0:
-                        debug.log('Auto complete: Canceled by user! ');
-                        if (acOptions.permanent) {
-                          initialize();
-                        } else {
-                          if (div.parentNode) {
-                            div.parentNode.removeChild(div);
-                          }
-                        }
-                      case 2:
-                      case "end":
-                        return _context3.stop();
+                    debug.log("   Querying database at \"".concat(filter, "\" cf last \"").concat(lastFilter, "\"."));
+                    _context7.next = 20;
+                    return loadBindingsAndFilterByLanguage(filter, languagePrefs);
+                  case 20:
+                    lastBindings = _context7.sent;
+                  case 21:
+                    // Trim table as search gets tighter:
+                    slimmed = filterByName(filter, lastBindings);
+                    if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {
+                      numberOfRows = slimmed.length; // stretch if it means we get all items
                     }
-                  }
-                }, _callee3);
-              }));
-              return _cancelButtonHandler.apply(this, arguments);
-            };
-            cancelButtonHandler = function _cancelButtonHandler2(_x8) {
-              return _cancelButtonHandler.apply(this, arguments);
-            };
-            _acceptButtonHandler = function _acceptButtonHandler3() {
-              _acceptButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_event) {
-                return _regenerator["default"].wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        if (foundName && searchInput.value === foundName.value) {
-                          // still
-                          finish(foundObject, foundName);
-                        }
-                      case 1:
-                      case "end":
-                        return _context2.stop();
+
+                    allDisplayed = loadedEnough && slimmed.length <= numberOfRows;
+                    debug.log(" Filter:\"".concat(filter, "\" lastBindings: ").concat(lastBindings.length, ", slimmed to ").concat(slimmed.length, "; rows: ").concat(numberOfRows, ", Enough? ").concat(loadedEnough, ", All displayed? ").concat(allDisplayed));
+                    displayable = slimmed.slice(0, numberOfRows);
+                    displayable.sort(compareBindingsByName);
+                    clearList();
+                    _iterator = _createForOfIteratorHelper(displayable);
+                    try {
+                      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                        binding = _step.value;
+                        table.appendChild(rowForBinding(binding));
+                      }
+                    } catch (err) {
+                      _iterator.e(err);
+                    } finally {
+                      _iterator.f();
+                    }
+                    if (slimmed.length === 1) {
+                      gotIt((0, _publicData.bindingToTerm)(slimmed[0].subject), (0, _publicData.bindingToTerm)(slimmed[0].name));
+                    }
+                  case 31:
+                    // else
+                    inputEventHandlerLock = false;
+                  case 32:
+                  case "end":
+                    return _context7.stop();
+                }
+              }, _callee7);
+            }));
+            return _refreshList.apply(this, arguments);
+          };
+          refreshList = function _refreshList2() {
+            return _refreshList.apply(this, arguments);
+          };
+          filterByName = function _filterByName(filter, bindings) {
+            return bindings.filter(function (binding) {
+              return nameMatch(filter, binding.name.value);
+            });
+          };
+          _loadBindingsAndFilterByLanguage = function _loadBindingsAndFilte2() {
+            _loadBindingsAndFilterByLanguage = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(filter, languagePrefs) {
+              var bindings, slimmed;
+              return _regenerator["default"].wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
+                  case 0:
+                    _context5.prev = 0;
+                    _context5.next = 3;
+                    return (0, _publicData.queryPublicDataByName)(filter, targetClass, languagePrefs || _language.defaultPreferredLanguages, acOptions.queryParams);
+                  case 3:
+                    bindings = _context5.sent;
+                    _context5.next = 11;
+                    break;
+                  case 6:
+                    _context5.prev = 6;
+                    _context5.t0 = _context5["catch"](0);
+                    complain('Error querying db of organizations: ' + _context5.t0);
+                    inputEventHandlerLock = false;
+                    return _context5.abrupt("return");
+                  case 11:
+                    loadedEnough = bindings.length < _publicData.AUTOCOMPLETE_LIMIT;
+                    if (loadedEnough) {
+                      lastFilter = filter;
+                    } else {
+                      lastFilter = undefined;
                     }
-                  }
-                }, _callee2);
-              }));
-              return _acceptButtonHandler.apply(this, arguments);
-            };
-            acceptButtonHandler = function _acceptButtonHandler2(_x7) {
-              return _acceptButtonHandler.apply(this, arguments);
-            };
-            _gotIt = function _gotIt3() {
-              _gotIt = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(object, name) {
-                return _regenerator["default"].wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        if (!decoration.acceptButton) {
-                          _context.next = 10;
-                          break;
-                        }
-                        decoration.acceptButton.disbaled = false;
-                        setVisible(decoration.acceptButton, true); // now wait for confirmation
-                        searchInput.value = name.value; // complete it
-                        foundName = name;
-                        foundObject = object;
-                        debug.log('Auto complete: name: ' + name);
-                        debug.log('Auto complete: waiting for accept ' + object);
-                        clearList(); // This may be an option - nice and clean but does not allow change of mind
-                        return _context.abrupt("return");
-                      case 10:
-                        setVisible(decoration.cancelButton, true);
-                        finish(object, name);
-                      case 12:
-                      case "end":
-                        return _context.stop();
+                    clearList();
+                    slimmed = (0, _language.filterByLanguage)(bindings, languagePrefs);
+                    return _context5.abrupt("return", slimmed);
+                  case 16:
+                  case "end":
+                    return _context5.stop();
+                }
+              }, _callee5, null, [[0, 6]]);
+            }));
+            return _loadBindingsAndFilterByLanguage.apply(this, arguments);
+          };
+          loadBindingsAndFilterByLanguage = function _loadBindingsAndFilte(_x10, _x11) {
+            return _loadBindingsAndFilterByLanguage.apply(this, arguments);
+          };
+          _inputEventHHandler = function _inputEventHHandler3() {
+            _inputEventHHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(_event) {
+              return _regenerator["default"].wrap(function _callee4$(_context4) {
+                while (1) switch (_context4.prev = _context4.next) {
+                  case 0:
+                    // console.log('@@ AC inputEventHHandler called')
+                    setVisible(decoration.cancelButton, true); // only allow cancel when there is something to cancel
+                    refreshList(); /// @@  debounqce does not work with jest
+                    /*
+                    if (runningTimeout) {
+                      clearTimeout(runningTimeout)
                     }
-                  }
-                }, _callee);
-              }));
-              return _gotIt.apply(this, arguments);
-            };
-            gotIt = function _gotIt2(_x5, _x6) {
-              return _gotIt.apply(this, arguments);
-            };
-            finish = function _finish(object, name) {
-              debug.log('Auto complete: finish! ' + object);
-              if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {
-                object = _solidLogic.store.sym(acOptions.queryParams.objectURIBase.value + object.value);
-              }
-              // remove(decoration.cancelButton)
-              // remove(decoration.acceptButton)
-              // remove(div)
-              clearList();
-              callback(object, name);
-            };
-            complain = function _complain(message) {
-              var errorRow = table.appendChild(dom.createElement('tr'));
-              debug.log(message);
-              var err = new Error(message);
-              errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'));
-              // errorMessageBlock will log the stack to the console
-              style.setStyle(errorRow, 'autocompleteRowStyle');
-              errorRow.style.padding = '1em';
-            };
-            // initialiize
-            // const queryParams: QueryParameters = acOptions.queryParams
-            targetClass = acOptions.targetClass;
-            if (targetClass) {
-              _context8.next = 21;
-              break;
+                    runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)
+                    */
+                  case 2:
+                  case "end":
+                    return _context4.stop();
+                }
+              }, _callee4);
+            }));
+            return _inputEventHHandler.apply(this, arguments);
+          };
+          inputEventHHandler = function _inputEventHHandler2(_x9) {
+            return _inputEventHHandler.apply(this, arguments);
+          };
+          clearList = function _clearList() {
+            while (table.children.length > 1) {
+              table.removeChild(table.lastChild);
             }
-            throw new Error('renderAutoComplete: missing targetClass');
-          case 21:
-            // console.log(`renderAutoComplete: targetClass=${targetClass}` )
-            if (decoration.acceptButton) {
-              decoration.acceptButton.addEventListener('click', acceptButtonHandler, false);
+          };
+          nameMatch = function _nameMatch(filter, candidate) {
+            var parts = filter.split(' '); // Each name part must be somewhere
+            for (var j = 0; j < parts.length; j++) {
+              var word = parts[j];
+              if (candidate.toLowerCase().indexOf(word) < 0) return false;
             }
-            if (decoration.cancelButton) {
-              decoration.cancelButton.addEventListener('click', cancelButtonHandler, false);
+            return true;
+          };
+          _cancelButtonHandler = function _cancelButtonHandler3() {
+            _cancelButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(_event) {
+              return _regenerator["default"].wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    debug.log('Auto complete: Canceled by user! ');
+                    if (acOptions.permanent) {
+                      initialize();
+                    } else {
+                      if (div.parentNode) {
+                        div.parentNode.removeChild(div);
+                      }
+                    }
+                  case 2:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee3);
+            }));
+            return _cancelButtonHandler.apply(this, arguments);
+          };
+          cancelButtonHandler = function _cancelButtonHandler2(_x8) {
+            return _cancelButtonHandler.apply(this, arguments);
+          };
+          _acceptButtonHandler = function _acceptButtonHandler3() {
+            _acceptButtonHandler = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_event) {
+              return _regenerator["default"].wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    if (foundName && searchInput.value === foundName.value) {
+                      // still
+                      finish(foundObject, foundName);
+                    }
+                  case 1:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return _acceptButtonHandler.apply(this, arguments);
+          };
+          acceptButtonHandler = function _acceptButtonHandler2(_x7) {
+            return _acceptButtonHandler.apply(this, arguments);
+          };
+          _gotIt = function _gotIt3() {
+            _gotIt = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(object, name) {
+              return _regenerator["default"].wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    if (!decoration.acceptButton) {
+                      _context.next = 10;
+                      break;
+                    }
+                    decoration.acceptButton.disbaled = false;
+                    setVisible(decoration.acceptButton, true); // now wait for confirmation
+                    searchInput.value = name.value; // complete it
+                    foundName = name;
+                    foundObject = object;
+                    debug.log('Auto complete: name: ' + name);
+                    debug.log('Auto complete: waiting for accept ' + object);
+                    clearList(); // This may be an option - nice and clean but does not allow change of mind
+                    return _context.abrupt("return");
+                  case 10:
+                    setVisible(decoration.cancelButton, true);
+                    finish(object, name);
+                  case 12:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            return _gotIt.apply(this, arguments);
+          };
+          gotIt = function _gotIt2(_x5, _x6) {
+            return _gotIt.apply(this, arguments);
+          };
+          finish = function _finish(object, name) {
+            debug.log('Auto complete: finish! ' + object);
+            if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {
+              object = _solidLogic.store.sym(acOptions.queryParams.objectURIBase.value + object.value);
             }
+            // remove(decoration.cancelButton)
+            // remove(decoration.acceptButton)
+            // remove(div)
+            clearList();
+            callback(object, name);
+          };
+          complain = function _complain(message) {
+            var errorRow = table.appendChild(dom.createElement('tr'));
+            debug.log(message);
+            var err = new Error(message);
+            errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'));
+            // errorMessageBlock will log the stack to the console
+            style.setStyle(errorRow, 'autocompleteRowStyle');
+            errorRow.style.padding = '1em';
+          };
+          // initialiize
+          // const queryParams: QueryParameters = acOptions.queryParams
+          targetClass = acOptions.targetClass;
+          if (targetClass) {
+            _context8.next = 21;
+            break;
+          }
+          throw new Error('renderAutoComplete: missing targetClass');
+        case 21:
+          // console.log(`renderAutoComplete: targetClass=${targetClass}` )
+          if (decoration.acceptButton) {
+            decoration.acceptButton.addEventListener('click', acceptButtonHandler, false);
+          }
+          if (decoration.cancelButton) {
+            decoration.cancelButton.addEventListener('click', cancelButtonHandler, false);
+          }
 
-            // var candidatesLoaded = false
-            loadedEnough = false;
-            inputEventHandlerLock = false;
-            allDisplayed = false;
-            lastFilter = undefined;
-            numberOfRows = AUTOCOMPLETE_ROWS; // this gets slimmed down
-            div = dom.createElement('div');
-            foundName = undefined; // once found accepted string must match this
-            foundObject = undefined;
-            table = div.appendChild(dom.createElement('table'));
-            table.setAttribute('data-testid', 'autocomplete-table');
-            table.setAttribute('style', 'max-width: 30em; margin: 0.5em;');
-            head = table.appendChild(dom.createElement('tr'));
-            style.setStyle(head, 'autocompleteRowStyle'); // textInputStyle or
-            cell = head.appendChild(dom.createElement('td'));
-            searchInput = cell.appendChild(dom.createElement('input'));
-            searchInput.setAttribute('type', 'text');
-            initialize();
-            size = acOptions.size || style.textInputSize || 20;
-            searchInput.setAttribute('size', size);
-            searchInput.setAttribute('data-testid', 'autocomplete-input');
-            searchInputStyle = style.textInputStyle ||
-            // searchInputStyle ?
-            'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em'; // @
-            searchInput.setAttribute('style', searchInputStyle);
-            searchInput.addEventListener('keyup', function (event) {
-              if (event.keyCode === 13) {
-                acceptButtonHandler(event);
-              }
-            }, false);
-            searchInput.addEventListener('input', inputEventHHandler);
-            // console.log('@@ renderAutoComplete returns ' + div.innerHTML)
-            return _context8.abrupt("return", div);
-          case 48:
-          case "end":
-            return _context8.stop();
-        }
+          // var candidatesLoaded = false
+          loadedEnough = false;
+          inputEventHandlerLock = false;
+          allDisplayed = false;
+          lastFilter = undefined;
+          numberOfRows = AUTOCOMPLETE_ROWS; // this gets slimmed down
+          div = dom.createElement('div');
+          foundName = undefined; // once found accepted string must match this
+          foundObject = undefined;
+          table = div.appendChild(dom.createElement('table'));
+          table.setAttribute('data-testid', 'autocomplete-table');
+          table.setAttribute('style', 'max-width: 30em; margin: 0.5em;');
+          head = table.appendChild(dom.createElement('tr'));
+          style.setStyle(head, 'autocompleteRowStyle'); // textInputStyle or
+          cell = head.appendChild(dom.createElement('td'));
+          searchInput = cell.appendChild(dom.createElement('input'));
+          searchInput.setAttribute('type', 'text');
+          initialize();
+          size = acOptions.size || style.textInputSize || 20;
+          searchInput.setAttribute('size', size);
+          searchInput.setAttribute('data-testid', 'autocomplete-input');
+          searchInputStyle = style.textInputStyle ||
+          // searchInputStyle ?
+          'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em'; // @
+          searchInput.setAttribute('style', searchInputStyle);
+          searchInput.addEventListener('keyup', function (event) {
+            if (event.keyCode === 13) {
+              acceptButtonHandler(event);
+            }
+          }, false);
+          searchInput.addEventListener('input', inputEventHHandler);
+          // console.log('@@ renderAutoComplete returns ' + div.innerHTML)
+          return _context8.abrupt("return", div);
+        case 48:
+        case "end":
+          return _context8.stop();
       }
     }, _callee8);
   }));