solid-ui 2.4.23 → 2.4.24

package/lib/widgets/forms/autocomplete/autocompleteField.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteField.js","names":["autocompleteField","dom","container","already","subject","form","doc","callbackFunction","addOneIdAndRefresh","result","name","Error","oldValue","kb","the","property","oldName","any","labelProperty","equals","sameTerm","deletables","statementsMatching","concat","insertables","st","updater","updateMany","box","appendChild","widgets","errorMessageBlock","deleteOne","_result","_name","e2","termType","store","formDoc","createElement","lhs","setAttribute","style","formFieldNameBoxStyle","rhs","ns","ui","schema","dataSource","queryParams","label","anyJS","logo","targetClass","objectURIBase","undefined","endpoint","searchByNameQuery","insitituteDetailsQuery","searchByNameURI","suppressEmptyUneditable","editable","uri","autocompleteOptions","permanent","size","obj","currentObject","currentName","display","fieldLabel","barOptions","dbLookup","renderAutocompleteControl","then","control","err"],"sources":["../../../../src/widgets/forms/autocomplete/autocompleteField.ts"],"sourcesContent":["/* Form field for doing autocompleete\n */\nimport * as ns from '../../../ns'\nimport { store } from 'solid-logic'\nimport * as widgets from '../../../widgets'\nimport * as style from '../../../style'\nimport { renderAutocompleteControl } from './autocompleteBar'\nimport { QueryParameters } from './publicData'\nimport { NamedNode, BlankNode, Literal, Variable, st } from 'rdflib'\nimport { AutocompleteOptions } from './autocompletePicker'\n/**\n  * Render a autocomplete form field\n  *\n  * The autocomplete form searches for an object in a definitive public database,\n  * and allows the user to search for it by name, displaying a list of objects whose names match\n  * the input to date, and letting  the user either click on one of the list,\n  * or just go on untill there is only one.  The process then returns two values,\n  * the URiI of the object and its name.\n  *\n  * @param dom The HTML Document object aka Document Object Model\n  * @param container  If present, the created widget will be appended to this\n  * @param already A hash table of (form, subject) kept to prevent recursive forms looping\n  * @param subject The thing about which the form displays/edits data\n  * @param form The form or field to be rendered\n  * @param doc The web document in which the data is\n  * @param callbackFunction Called when data is changed so other parts can be refreshed.\n  *\n  * Form properties:\n  * @param ui:property  The property to store the object itself\n  * @param ui:labelProperty The property used to store the name of the object\n  * @param ui:category The class of objects to be searched, if fixed (else dep on class of subject)\n  *\n  * @returns The HTML widget created\n */\n// eslint-disable-next-line complexity\nexport function autocompleteField (\n  dom: HTMLDocument,\n  container: HTMLElement | undefined,\n  already,\n  subject: NamedNode | BlankNode | Variable,\n  form: NamedNode,\n  doc: NamedNode | undefined,\n  callbackFunction: (_ok: boolean, _errorMessage: string) => void\n): HTMLElement {\n  async function addOneIdAndRefresh (result:NamedNode | Literal, name: Literal) {\n    if (!name) {\n      throw new Error('autocompleteField:  No name set.')\n    }\n    const oldValue = kb.the(subject, property as any, null, doc)\n    if (oldValue) {\n      const oldName = kb.any(oldValue as any, labelProperty as any, null, doc)\n      if (oldValue.equals(result) && oldName && oldName.sameTerm(name)) {\n        // console.log('No change: same values.')\n        return\n      }\n    }\n    const deletables = oldValue\n      ? kb.statementsMatching(subject, property as any, oldValue, doc)\n        .concat(kb.statementsMatching(oldValue as any, labelProperty as any, null, doc))\n      : []\n    // console.log('autocompleteField Deletables ' + deletables.map(st => st.toNT()))\n    const insertables = [st(subject, property as any, result, doc),\n      st(result as any, labelProperty as any, name, doc)] // @@ track the language of the  name too!\n    // console.log(`AC form: ${deletables.length} to delete and ${insertables.length} to insert`)\n    try {\n      // console.log('@@@ AC updating ', deletables, insertables)\n      await kb.updater?.updateMany(deletables, insertables)\n    } catch (err) {\n      callbackFunction(false, err)\n      box.appendChild(widgets.errorMessageBlock(dom, 'Autocomplete form data update error:' + err, null, err))\n      return\n    }\n    callbackFunction(true, '')\n  }\n\n  async function deleteOne (_result:NamedNode | Literal, _name: Literal) {\n    const oldValue = kb.the(subject, property as any, null, doc)\n    if (!oldValue) {\n      callbackFunction(false, 'NO data to elete')\n      box.appendChild(widgets.errorMessageBlock(dom, 'Autocomplete delete: no old data!'))\n      return\n    }\n    // const oldName = kb.any(oldValue as any, labelProperty as any, null, doc)\n    const deletables = kb.statementsMatching(subject, property as any, oldValue, doc)\n      .concat(kb.statementsMatching(oldValue as any, labelProperty as any, null, doc))\n    // console.log('autocompleteField Deletables ' + deletables.map(st => st.toNT()))\n    const insertables = []\n    // console.log(`AC form delete: ${deletables.length} to delete and ${insertables.length} to insert`)\n    try {\n      // console.log('@@@ AC updating ', deletables, insertables)\n      await kb.updater?.updateMany(deletables, insertables)\n    } catch (err) {\n      const e2 = new Error('Autocomplete form data delete error:' + err)\n      callbackFunction(false, err)\n      box.appendChild(widgets.errorMessageBlock(dom, e2, null, err))\n      return\n    }\n    callbackFunction(true, '') // changed\n  }\n\n  if (subject.termType !== 'NamedNode') {\n    throw new Error('Sorry this field only works on NamedNode subjects (for editable)')\n  }\n  const kb = store\n  const formDoc = form.doc ? form.doc() : null // @@ if blank no way to know\n\n  const box = dom.createElement('div')\n  if (container) container.appendChild(box)\n  const lhs = dom.createElement('div')\n  lhs.setAttribute('class', 'formFieldName')\n  lhs.setAttribute('style', style.formFieldNameBoxStyle)\n  box.appendChild(lhs)\n  const rhs = dom.createElement('div')\n  rhs.setAttribute('class', 'formFieldValue')\n  box.appendChild(rhs)\n\n  const property = kb.any(form, ns.ui('property'))\n  if (!property) {\n    return box.appendChild(\n      widgets.errorMessageBlock(dom, 'Error: No property given for autocomplete field: ' + form)\n    )\n  }\n  const labelProperty = kb.any(form, ns.ui('labelProperty')) || ns.schema('name')\n\n  // Parse the data source into query options\n\n  const dataSource = kb.any(form, ns.ui('dataSource')) as NamedNode | undefined\n  if (!dataSource) {\n    // console.log('@@ connectedStatements ACF ', kb.connectedStatements(form).map(x => x.toNT()).join('\\n'))\n    return box.appendChild(\n      widgets.errorMessageBlock(dom, 'Error: No data source given for autocomplete field: ' + form)\n    )\n  }\n  const queryParams:QueryParameters = {\n    // targetClass: kb.any(dataSource, ns.ui('targetClass'), null, dataSource.doc()) as NamedNode | undefined,\n    label: kb.anyJS(dataSource, ns.schema('name'), null, dataSource.doc()),\n    logo: (kb.any(dataSource, ns.schema('logo'), null, dataSource.doc())) as NamedNode | undefined\n  }\n\n  // @@ Should we pass the target class in from the data source definition or use a current type of the subject\n  const targetClass = (kb.any(form, ns.ui('targetClass'), null, form.doc()) || // class in form takes pecedence\n      kb.any(dataSource, ns.ui('targetClass'), null, dataSource.doc())) as NamedNode | undefined\n  if (targetClass) {\n    queryParams.targetClass = targetClass\n  }\n\n  queryParams.objectURIBase = (kb.any(dataSource, ns.ui('objectURIBase'), null, dataSource.doc()) || undefined) as NamedNode | undefined\n\n  /*\n  if (!queryParams.targetClass) {\n    const klass = kb.any(subject, ns.rdf('type')) as NamedNode | undefined\n    // @@ be more selective of which class if many\n    // @@ todo: Take ALL classes,  and compare them with those the data source knows about\n    // with translation where necessary.  Find most specific of the classes for the search.\n    if (!klass) throw new Error('Autocomplete: No class specified or is current type of' + subject)\n    queryParams.targetClass = klass\n  }\n  */\n  const endpoint = kb.anyJS(dataSource, ns.ui('endpoint'), null, dataSource.doc()) as string | undefined\n  if (endpoint) { // SPARQL\n    queryParams.endpoint = endpoint\n\n    queryParams.searchByNameQuery = kb.anyJS(dataSource, ns.ui('searchByNameQuery'), null, dataSource.doc())\n    if (!queryParams.searchByNameQuery) {\n      return box.appendChild(\n        widgets.errorMessageBlock(dom, 'Error: No searchByNameQuery given for endpoint data Source: ' + form))\n    }\n    queryParams.insitituteDetailsQuery = kb.anyJS(dataSource, ns.ui('insitituteDetailsQuery'), null, dataSource.doc())\n  } else {\n    // return box.appendChild(\n    //  widgets.errorMessageBlock(dom, 'Error: No SPARQL endpoint given for autocomplete field: ' + form))\n    const searchByNameURI = kb.anyJS(dataSource, ns.ui('searchByNameURI'))\n    if (!searchByNameURI) {\n      return box.appendChild(\n        widgets.errorMessageBlock(dom, 'Error: No searchByNameURI OR sparql endpoint given for dataSource: ' + dataSource)\n      )\n    }\n    queryParams.searchByNameURI = searchByNameURI\n  }\n  // It can be cleaner to just remove empty fields if you can't edit them anyway\n  const suppressEmptyUneditable = kb.anyJS(form, ns.ui('suppressEmptyUneditable'), null, formDoc)\n  const editable = kb.updater?.editable((doc as NamedNode).uri)\n\n  const autocompleteOptions:AutocompleteOptions = { // cancelButton?: HTMLElement,\n    permanent: true,\n    targetClass: queryParams.targetClass, // @@ simplify?\n    queryParams\n  }\n\n  autocompleteOptions.size = kb.anyJS(form, ns.ui('size'), null, formDoc) || undefined\n\n  let obj = kb.any(subject, property as any, undefined, doc)\n  if (!obj) {\n    obj = kb.any(form, ns.ui('default'))\n    if (obj) {\n      autocompleteOptions.currentObject = obj as NamedNode\n      autocompleteOptions.currentName = kb.any(autocompleteOptions.currentObject, labelProperty, null, doc) as Literal\n    } else { // No data or default. Should we suprress the whole field?\n      if (suppressEmptyUneditable && !editable) {\n        box.style.display = 'none' // clutter removal\n        return box\n      }\n    }\n  } else { // get object and name from target data:\n    autocompleteOptions.currentObject = obj as NamedNode\n    autocompleteOptions.currentName = kb.any(autocompleteOptions.currentObject, labelProperty, null, doc) as Literal\n  }\n\n  lhs.appendChild(widgets.fieldLabel(dom, property as any, form))\n\n  const barOptions = {\n    editable,\n    dbLookup: true\n  }\n\n  renderAutocompleteControl(dom, subject as NamedNode, barOptions, autocompleteOptions, addOneIdAndRefresh, deleteOne).then((control) => {\n    rhs.appendChild(control)\n  }, (err) => {\n    rhs.appendChild(widgets.errorMessageBlock(dom, `Error rendering autocomplete ${form}: ${err}`, '#fee', err)) //\n  })\n  return box\n}\n\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"autocompleteField.js","names":["autocompleteField","dom","container","already","subject","form","doc","callbackFunction","addOneIdAndRefresh","result","name","Error","oldValue","kb","the","property","oldName","any","labelProperty","equals","sameTerm","deletables","statementsMatching","concat","insertables","st","updater","updateMany","box","appendChild","widgets","errorMessageBlock","deleteOne","_result","_name","e2","termType","store","formDoc","createElement","lhs","setAttribute","style","formFieldNameBoxStyle","rhs","ns","ui","schema","dataSource","queryParams","label","anyJS","logo","targetClass","objectURIBase","undefined","endpoint","searchByNameQuery","insitituteDetailsQuery","searchByNameURI","suppressEmptyUneditable","editable","uri","autocompleteOptions","permanent","size","obj","currentObject","currentName","display","fieldLabel","barOptions","dbLookup","renderAutocompleteControl","then","control","err"],"sources":["../../../../src/widgets/forms/autocomplete/autocompleteField.ts"],"sourcesContent":["/* Form field for doing autocompleete\n */\nimport * as ns from '../../../ns'\nimport { store } from 'solid-logic'\nimport * as widgets from '../../../widgets'\nimport * as style from '../../../style'\nimport { renderAutocompleteControl } from './autocompleteBar'\nimport { QueryParameters } from './publicData'\nimport { NamedNode, BlankNode, Literal, Variable, st } from 'rdflib'\nimport { AutocompleteOptions } from './autocompletePicker'\n/**\n  * Render a autocomplete form field\n  *\n  * The autocomplete form searches for an object in a definitive public database,\n  * and allows the user to search for it by name, displaying a list of objects whose names match\n  * the input to date, and letting  the user either click on one of the list,\n  * or just go on untill there is only one.  The process then returns two values,\n  * the URiI of the object and its name.\n  *\n  * @param dom The HTML Document object aka Document Object Model\n  * @param container  If present, the created widget will be appended to this\n  * @param already A hash table of (form, subject) kept to prevent recursive forms looping\n  * @param subject The thing about which the form displays/edits data\n  * @param form The form or field to be rendered\n  * @param doc The web document in which the data is\n  * @param callbackFunction Called when data is changed so other parts can be refreshed.\n  *\n  * Form properties:\n  * @param ui:property  The property to store the object itself\n  * @param ui:labelProperty The property used to store the name of the object\n  * @param ui:category The class of objects to be searched, if fixed (else dep on class of subject)\n  *\n  * @returns The HTML widget created\n */\n// eslint-disable-next-line complexity\nexport function autocompleteField (\n  dom: HTMLDocument,\n  container: HTMLElement | undefined,\n  already,\n  subject: NamedNode | BlankNode | Variable,\n  form: NamedNode,\n  doc: NamedNode | undefined,\n  callbackFunction: (_ok: boolean, _errorMessage: string) => void\n): HTMLElement {\n  async function addOneIdAndRefresh (result:NamedNode | Literal, name: Literal) {\n    if (!name) {\n      throw new Error('autocompleteField:  No name set.')\n    }\n    const oldValue = kb.the(subject, property as any, null, doc)\n    if (oldValue) {\n      const oldName = kb.any(oldValue as any, labelProperty as any, null, doc)\n      if (oldValue.equals(result) && oldName && oldName.sameTerm(name)) {\n        // console.log('No change: same values.')\n        return\n      }\n    }\n    const deletables = oldValue\n      ? kb.statementsMatching(subject, property as any, oldValue, doc)\n        .concat(kb.statementsMatching(oldValue as any, labelProperty as any, null, doc))\n      : []\n    // console.log('autocompleteField Deletables ' + deletables.map(st => st.toNT()))\n    const insertables = [st(subject, property as any, result, doc),\n      st(result as any, labelProperty as any, name, doc)] // @@ track the language of the  name too!\n    // console.log(`AC form: ${deletables.length} to delete and ${insertables.length} to insert`)\n    try {\n      // console.log('@@@ AC updating ', deletables, insertables)\n      await kb.updater?.updateMany(deletables, insertables)\n    } catch (err) {\n      callbackFunction(false, err)\n      box.appendChild(widgets.errorMessageBlock(dom, 'Autocomplete form data update error:' + err, null, err))\n      return\n    }\n    callbackFunction(true, '')\n  }\n\n  async function deleteOne (_result:NamedNode | Literal, _name: Literal) {\n    const oldValue = kb.the(subject, property as any, null, doc)\n    if (!oldValue) {\n      callbackFunction(false, 'NO data to elete')\n      box.appendChild(widgets.errorMessageBlock(dom, 'Autocomplete delete: no old data!'))\n      return\n    }\n    // const oldName = kb.any(oldValue as any, labelProperty as any, null, doc)\n    const deletables = kb.statementsMatching(subject, property as any, oldValue, doc)\n      .concat(kb.statementsMatching(oldValue as any, labelProperty as any, null, doc))\n    // console.log('autocompleteField Deletables ' + deletables.map(st => st.toNT()))\n    const insertables = []\n    // console.log(`AC form delete: ${deletables.length} to delete and ${insertables.length} to insert`)\n    try {\n      // console.log('@@@ AC updating ', deletables, insertables)\n      await kb.updater?.updateMany(deletables, insertables)\n    } catch (err) {\n      const e2 = new Error('Autocomplete form data delete error:' + err)\n      callbackFunction(false, err)\n      box.appendChild(widgets.errorMessageBlock(dom, e2, null, err))\n      return\n    }\n    callbackFunction(true, '') // changed\n  }\n\n  if (subject.termType !== 'NamedNode') {\n    throw new Error('Sorry this field only works on NamedNode subjects (for editable)')\n  }\n  const kb = store\n  const formDoc = form.doc ? form.doc() : null // @@ if blank no way to know\n\n  const box = dom.createElement('div')\n  if (container) container.appendChild(box)\n  const lhs = dom.createElement('div')\n  lhs.setAttribute('class', 'formFieldName')\n  lhs.setAttribute('style', style.formFieldNameBoxStyle)\n  box.appendChild(lhs)\n  const rhs = dom.createElement('div')\n  rhs.setAttribute('class', 'formFieldValue')\n  box.appendChild(rhs)\n\n  const property = kb.any(form, ns.ui('property'))\n  if (!property) {\n    return box.appendChild(\n      widgets.errorMessageBlock(dom, 'Error: No property given for autocomplete field: ' + form)\n    )\n  }\n  const labelProperty = kb.any(form, ns.ui('labelProperty')) || ns.schema('name')\n\n  // Parse the data source into query options\n\n  const dataSource = kb.any(form, ns.ui('dataSource')) as NamedNode | undefined\n  if (!dataSource) {\n    // console.log('@@ connectedStatements ACF ', kb.connectedStatements(form).map(x => x.toNT()).join('\\n'))\n    return box.appendChild(\n      widgets.errorMessageBlock(dom, 'Error: No data source given for autocomplete field: ' + form)\n    )\n  }\n  const queryParams:QueryParameters = {\n    // targetClass: kb.any(dataSource, ns.ui('targetClass'), null, dataSource.doc()) as NamedNode | undefined,\n    label: kb.anyJS(dataSource, ns.schema('name'), null, dataSource.doc()),\n    logo: (kb.any(dataSource, ns.schema('logo'), null, dataSource.doc())) as NamedNode | undefined\n  }\n\n  // @@ Should we pass the target class in from the data source definition or use a current type of the subject\n  const targetClass = (kb.any(form, ns.ui('targetClass'), null, form.doc()) || // class in form takes pecedence\n      kb.any(dataSource, ns.ui('targetClass'), null, dataSource.doc())) as NamedNode | undefined\n  if (targetClass) {\n    queryParams.targetClass = targetClass\n  }\n\n  queryParams.objectURIBase = (kb.any(dataSource, ns.ui('objectURIBase'), null, dataSource.doc()) || undefined) as NamedNode | undefined\n\n  /*\n  if (!queryParams.targetClass) {\n    const klass = kb.any(subject, ns.rdf('type')) as NamedNode | undefined\n    // @@ be more selective of which class if many\n    // @@ todo: Take ALL classes,  and compare them with those the data source knows about\n    // with translation where necessary.  Find most specific of the classes for the search.\n    if (!klass) throw new Error('Autocomplete: No class specified or is current type of' + subject)\n    queryParams.targetClass = klass\n  }\n  */\n  const endpoint = kb.anyJS(dataSource, ns.ui('endpoint'), null, dataSource.doc()) as string | undefined\n  if (endpoint) { // SPARQL\n    queryParams.endpoint = endpoint\n\n    queryParams.searchByNameQuery = kb.anyJS(dataSource, ns.ui('searchByNameQuery'), null, dataSource.doc())\n    if (!queryParams.searchByNameQuery) {\n      return box.appendChild(\n        widgets.errorMessageBlock(dom, 'Error: No searchByNameQuery given for endpoint data Source: ' + form))\n    }\n    queryParams.insitituteDetailsQuery = kb.anyJS(dataSource, ns.ui('insitituteDetailsQuery'), null, dataSource.doc())\n  } else {\n    // return box.appendChild(\n    //  widgets.errorMessageBlock(dom, 'Error: No SPARQL endpoint given for autocomplete field: ' + form))\n    const searchByNameURI = kb.anyJS(dataSource, ns.ui('searchByNameURI'))\n    if (!searchByNameURI) {\n      return box.appendChild(\n        widgets.errorMessageBlock(dom, 'Error: No searchByNameURI OR sparql endpoint given for dataSource: ' + dataSource)\n      )\n    }\n    queryParams.searchByNameURI = searchByNameURI\n  }\n  // It can be cleaner to just remove empty fields if you can't edit them anyway\n  const suppressEmptyUneditable = kb.anyJS(form, ns.ui('suppressEmptyUneditable'), null, formDoc)\n  const editable = kb.updater?.editable((doc as NamedNode).uri)\n\n  const autocompleteOptions:AutocompleteOptions = { // cancelButton?: HTMLElement,\n    permanent: true,\n    targetClass: queryParams.targetClass, // @@ simplify?\n    queryParams\n  }\n\n  autocompleteOptions.size = kb.anyJS(form, ns.ui('size'), null, formDoc) || undefined\n\n  let obj = kb.any(subject, property as any, undefined, doc)\n  if (!obj) {\n    obj = kb.any(form, ns.ui('default'))\n    if (obj) {\n      autocompleteOptions.currentObject = obj as NamedNode\n      autocompleteOptions.currentName = kb.any(autocompleteOptions.currentObject, labelProperty, null, doc) as Literal\n    } else { // No data or default. Should we suprress the whole field?\n      if (suppressEmptyUneditable && !editable) {\n        box.style.display = 'none' // clutter removal\n        return box\n      }\n    }\n  } else { // get object and name from target data:\n    autocompleteOptions.currentObject = obj as NamedNode\n    autocompleteOptions.currentName = kb.any(autocompleteOptions.currentObject, labelProperty, null, doc) as Literal\n  }\n\n  lhs.appendChild(widgets.fieldLabel(dom, property as any, form))\n\n  const barOptions = {\n    editable,\n    dbLookup: true\n  }\n\n  renderAutocompleteControl(dom, subject as NamedNode, barOptions, autocompleteOptions, addOneIdAndRefresh, deleteOne).then((control) => {\n    rhs.appendChild(control)\n  }, (err) => {\n    rhs.appendChild(widgets.errorMessageBlock(dom, `Error rendering autocomplete ${form}: ${err}`, '#fee', err)) //\n  })\n  return box\n}\n\n// ends\n"],"mappings":"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"}

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

@@ -1,46 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderAutoComplete = renderAutoComplete;
 exports.setVisible = setVisible;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var debug = _interopRequireWildcard(require("../../../debug"));
-
 var style = _interopRequireWildcard(require("../../../style"));
-
 var widgets = _interopRequireWildcard(require("../../../widgets"));
-
 var _solidLogic = require("solid-logic");
-
 var _publicData = require("./publicData");
-
 var _language = require("./language");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 var AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
-
 var AUTOCOMPLETE_ROWS = 20; // 20?
-
 var AUTOCOMPLETE_ROWS_STRETCH = 40;
+
 /*
 Autocomplete happens in 6 phases:
   1. The search string is too small to bother
@@ -56,19 +39,16 @@ Autocomplete happens in 6 phases:
 
 function setVisible(element, visible) {
   element.style.display = visible ? '' : 'none'; // Do not use visibility, it holds the real estate
-} // The core of the autocomplete UI
-
+}
 
+// The core of the autocomplete UI
 function renderAutoComplete(_x, _x2, _x3, _x4) {
   return _renderAutoComplete.apply(this, arguments);
 } // renderAutoComplete
 // ENDS
-
-
 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) {
@@ -85,11 +65,9 @@ function _renderAutoComplete() {
                 lastFilter = undefined;
                 foundObject = undefined;
               }
-
               if (decoration.deleteButton) {
                 setVisible(decoration.deleteButton, !!acOptions.currentObject);
               }
-
               if (decoration.acceptButton) {
                 setVisible(decoration.acceptButton, false); // hide until input complete
               }
@@ -97,7 +75,6 @@ function _renderAutoComplete() {
               if (decoration.editButton) {
                 setVisible(decoration.editButton, true);
               }
-
               if (decoration.cancelButton) {
                 setVisible(decoration.cancelButton, false); // only allow cancel when there is something to cancel
               }
@@ -105,11 +82,9 @@ function _renderAutoComplete() {
               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) {
@@ -117,13 +92,11 @@ function _renderAutoComplete() {
                         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);
@@ -135,11 +108,9 @@ function _renderAutoComplete() {
                                     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();
@@ -147,61 +118,49 @@ function _renderAutoComplete() {
                                 }
                               }, _callee6);
                             }));
-
                             return function (_x12) {
                               return _ref.apply(this, arguments);
                             };
                           }());
                           return row;
                         };
-
                         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
-
+                        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
                         }
@@ -212,7 +171,6 @@ function _renderAutoComplete() {
                         displayable.sort(compareBindingsByName);
                         clearList();
                         _iterator = _createForOfIteratorHelper(displayable);
-
                         try {
                           for (_iterator.s(); !(_step = _iterator.n()).done;) {
                             binding = _step.value;
@@ -223,15 +181,12 @@ function _renderAutoComplete() {
                         } 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();
@@ -241,17 +196,14 @@ function _renderAutoComplete() {
               }));
               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;
@@ -262,32 +214,26 @@ function _renderAutoComplete() {
                         _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();
@@ -297,11 +243,9 @@ function _renderAutoComplete() {
               }));
               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) {
@@ -310,16 +254,13 @@ function _renderAutoComplete() {
                       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();
@@ -329,28 +270,22 @@ function _renderAutoComplete() {
               }));
               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) {
@@ -358,7 +293,6 @@ function _renderAutoComplete() {
                     switch (_context3.prev = _context3.next) {
                       case 0:
                         debug.log('Auto complete: Canceled by user! ');
-
                         if (acOptions.permanent) {
                           initialize();
                         } else {
@@ -366,7 +300,6 @@ function _renderAutoComplete() {
                             div.parentNode.removeChild(div);
                           }
                         }
-
                       case 2:
                       case "end":
                         return _context3.stop();
@@ -376,11 +309,9 @@ function _renderAutoComplete() {
               }));
               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) {
@@ -391,7 +322,6 @@ function _renderAutoComplete() {
                           // still
                           finish(foundObject, foundName);
                         }
-
                       case 1:
                       case "end":
                         return _context2.stop();
@@ -401,11 +331,9 @@ function _renderAutoComplete() {
               }));
               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) {
@@ -416,24 +344,18 @@ function _renderAutoComplete() {
                           _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();
@@ -443,73 +365,60 @@ function _renderAutoComplete() {
               }));
               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.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
-
+              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
-
+            }
 
+            // 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');
@@ -517,19 +426,18 @@ function _renderAutoComplete() {
             size = acOptions.size || style.textInputSize || 20;
             searchInput.setAttribute('size', size);
             searchInput.setAttribute('data-testid', 'autocomplete-input');
-            searchInputStyle = style.textInputStyle || // searchInputStyle ?
+            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)
-
+            searchInput.addEventListener('input', inputEventHHandler);
+            // console.log('@@ renderAutoComplete returns ' + div.innerHTML)
             return _context8.abrupt("return", div);
-
           case 48:
           case "end":
             return _context8.stop();