solid-ui 5.0.2-0 → 5.0.2-1

package/dist/utils/headerFooterHelpers.esm.js

@@ -1,6 +1,6 @@
 import e from "../lib/ns.esm.js";
 import { parse as t, sym as n } from "rdflib";
-//#region src/utils/headerFooterHelpers.ts
+// src/utils/headerFooterHelpers.ts
 function r() {
 	let { origin: e, pathname: t } = document.location, r = document.body?.dataset?.appShell === "databrowser", i = t.split("/").filter(Boolean), a = i[i.length - 1] || "", o = /\.[^/]+$/.test(a);
 	return r && i.length > 0 && !o ? n(`${e}/${i[0]}/`) : n(e).site();
@@ -48,7 +48,6 @@ function o(e, t, n = {}) {
 		return r = this, i = arguments, u <= 0 || u > t ? (o &&= (clearTimeout(o), null), s = l, a = e.apply(r, i), o || (r = i = null)) : !o && n.trailing !== !1 && (o = setTimeout(c, u)), a;
 	};
 }
-//#endregion
 export { a as getName, r as getPod, i as getPodOwner, o as throttle };
 
 //# sourceMappingURL=headerFooterHelpers.esm.js.map

package/dist/utils/index.esm.js

@@ -4,7 +4,7 @@ import { log_exports as n } from "../lib/log.esm.js";
 import { label as r } from "./label.esm.js";
 import * as i from "rdflib";
 import { store as a } from "solid-logic";
-//#region src/utils/index.js
+// src/utils/index.js
 var o = /* @__PURE__ */ e({
 	AJARImage: () => D,
 	RDFComparePredicateObject: () => F,
@@ -269,7 +269,6 @@ function L(e) {
 	else if (t.previousSibling && t.previousSibling.nodeName === "TR") t = t.previousSibling;
 	else return s.log.error("Could not find predParent"), e;
 }
-//#endregion
 export { D as AJARImage, F as RDFComparePredicateObject, I as RDFComparePredicateSubject, w as addLoadEvent, b as ancestor, f as beep, u as clearVariableNames, v as emptyNode, j as escapeForXML, T as findPos, m as genUuid, x as getAbout, E as getEyeFocus, y as getTarget, S as getTerm, p as hashColor, C as include, r as label, M as labelForXML, A as labelWithOntology, l as newVariableName, k as ontologyLabel, L as predParentOf, P as predicateLabel, N as predicateLabelForXML, O as shortName, _ as stackString, h as syncTableToArray, g as syncTableToArrayReOrdered, o as utils_exports };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/utils/keyHelpers/accessData.esm.js

@@ -2,7 +2,7 @@ import e from "../../lib/ns.esm.js";
 import { error as t, log as n } from "../../lib/debug.esm.js";
 import { getRootIfPreferencesExist as r } from "./otherHelpers.esm.js";
 import { store as i } from "solid-logic";
-//#region src/utils/keyHelpers/accessData.ts
+// src/utils/keyHelpers/accessData.ts
 var a = (e) => {
 	let n;
 	try {
@@ -46,7 +46,6 @@ async function l(t, r, a) {
 		throw n("createIfNotExists doc FAILED: " + r + ": " + e), e;
 	}
 }
-//#endregion
 export { c as getExistingPrivateKey, s as getExistingPublicKey, l as getKeyIfExists, o as privKeyUrl, a as pubKeyUrl };
 
 //# sourceMappingURL=accessData.esm.js.map

package/dist/utils/keyHelpers/acl.esm.js

@@ -1,6 +1,6 @@
 import { log as e } from "../../lib/debug.esm.js";
 import { store as t } from "solid-logic";
-//#region src/utils/keyHelpers/acl.ts
+// src/utils/keyHelpers/acl.ts
 async function n(n, r) {
 	await t.fetcher.load(n);
 	let i = t.any(t.sym(n), t.sym("http://www.iana.org/assignments/link-relations/acl"));
@@ -39,7 +39,6 @@ var r = (e) => `
     acl:mode acl:Read.
 `;
 };
-//#endregion
 export { i as keyAclBody, r as keyContainerAclBody, n as setAcl };
 
 //# sourceMappingURL=acl.esm.js.map

package/dist/utils/keyHelpers/otherHelpers.esm.js

@@ -1,12 +1,11 @@
 import e from "../../lib/ns.esm.js";
 import { store as t } from "solid-logic";
-//#region src/utils/keyHelpers/otherHelpers.ts
+// src/utils/keyHelpers/otherHelpers.ts
 var n = (n) => {
 	let r = t.any(n, e.space("preferencesFile"), null, n.doc())?.value;
 	if (r = r?.split("/").slice(0, -2).join("/"), !r) throw Error(`prefererencesFile is expected to exist in ${n}`);
 	return r;
 };
-//#endregion
 export { n as getRootIfPreferencesExist };
 
 //# sourceMappingURL=otherHelpers.esm.js.map

package/dist/utils/label.esm.js

@@ -2,7 +2,7 @@ import e from "../lib/ns.esm.js";
 import { log_exports as t } from "../lib/log.esm.js";
 import * as n from "rdflib";
 import { store as r } from "solid-logic";
-//#region src/utils/label.ts
+// src/utils/label.ts
 var i = {
 	log: t,
 	ns: e,
@@ -45,7 +45,6 @@ function o(e, t) {
 function s(e) {
 	return r.any(e, i.ns.ui("label")) || r.any(e, i.ns.link("message")) || r.any(e, i.ns.vcard("fn")) || r.any(e, i.ns.foaf("name")) || r.any(e, i.ns.dct("title")) || r.any(e, i.ns.dc("title")) || r.any(e, i.ns.rss("title")) || r.any(e, i.ns.contact("fullName")) || r.any(e, r.sym("http://www.w3.org/2001/04/roadmap/org#name")) || r.any(e, i.ns.cal("summary")) || r.any(e, i.ns.foaf("nick")) || r.any(e, i.ns.as("name")) || r.any(e, i.ns.schema("name")) || r.any(e, i.ns.rdfs("label")) || r.any(e, r.sym("http://www.w3.org/2004/02/skos/core#prefLabel"));
 }
-//#endregion
 export { a as label };
 
 //# sourceMappingURL=label.esm.js.map

package/dist/widgets/buttons/iconLinks.esm.js

@@ -1,5 +1,5 @@
 import "../../_virtual/~icons/lucide/square-arrow-out-up-right.esm.js";
-//#region src/widgets/buttons/iconLinks.ts
+// src/widgets/buttons/iconLinks.ts
 function e(e, t, n) {
 	let r = e.createElement("a");
 	if (r.setAttribute("href", t.uri), t.uri.startsWith("http") && r.setAttribute("target", "_blank"), n) {
@@ -16,7 +16,6 @@ var t = (t, n, r) => {
 	let i = e(t, r);
 	n.appendChild(i).classList.add("HoverControlHide"), n.appendChild(t.createElement("br"));
 };
-//#endregion
 export { t as createLinkForURI, e as linkIcon };
 
 //# sourceMappingURL=iconLinks.esm.js.map

package/dist/widgets/buttons.esm.js

@@ -12,7 +12,7 @@ import { addClickListenerToElement as m, createImageDiv as h, wrapDivInATR as g
 import { createLinkForURI as _, linkIcon as v } from "./buttons/iconLinks.esm.js";
 import { Util as y, st as b, sym as x, uri as S } from "rdflib";
 import { store as C } from "solid-logic";
-//#region src/widgets/buttons.ts
+// src/widgets/buttons.ts
 var { iconBase: w } = f, T = w + "noun_1180156.svg", E = w + "noun_1180158.svg";
 function D(e) {
 	let t = e && e.statusArea || e && e.div || null;
@@ -543,7 +543,6 @@ Z = {
 		widgetForClass: he
 	}
 };
-//#endregion
 export { ve as addStyleSheet, le as allClassURIs, ie as askName, oe as attachmentList, H as button, U as cancelButton, k as clearElement, O as complain, W as continueButton, J as createLinkDiv, q as createNameDiv, ce as defaultAnnotationStore, V as deleteButtonWithCheck, A as extractLogURI, B as faviconOrDefault, $ as fileUploadButtonDiv, L as findImage, I as findImageFromURI, M as formatDateTime, P as iconForClass, ne as imagesOf, Z as index, ye as isAudio, Q as isImage, be as isVideo, de as linkButton, se as openHrefInOutlineMode, G as personTR, ue as propertyTriage, Y as refreshTree, fe as removeButton, ae as renderAsDiv, K as renderAsRow, pe as selectorPanel, X as selectorPanelRefresh, z as setImage, N as setName, j as shortDate, te as shortTime, ee as timestamp };
 
 //# sourceMappingURL=buttons.esm.js.map

package/dist/widgets/dragAndDrop.esm.js

@@ -1,7 +1,7 @@
 import { log as e } from "../lib/debug.esm.js";
 import { style as t } from "../lib/style.esm.js";
 import * as n from "mime-types";
-//#region src/widgets/dragAndDrop.js
+// src/widgets/dragAndDrop.js
 function r(n, r, i) {
 	let a = function(e) {
 		return e.split("\n").map((e) => e.trim()).filter((e) => e && e[0] !== "#");
@@ -83,7 +83,6 @@ function a(t, r, i, a, o) {
 		})(l), u.readAsArrayBuffer(l);
 	}
 }
-//#endregion
 export { i as makeDraggable, r as makeDropTarget, a as uploadFiles };
 
 //# sourceMappingURL=dragAndDrop.esm.js.map

package/dist/widgets/error.esm.js

@@ -2,14 +2,13 @@ import e from "../lib/styleConstants.esm.js";
 import { style as t } from "../lib/style.esm.js";
 import { cancelButton as n } from "./buttons.esm.js";
 import "./index.esm.js";
-//#region src/widgets/error.ts
+// src/widgets/error.ts
 function r(r, i, a, o) {
 	let s = r.createElement("div"), c = o || i instanceof Error ? i : null;
 	return c ? (console.error(`errorMessageBlock: ${c} at: ${c.stack || "??"}`, c), s.textContent = c.message) : s.textContent = i, s.appendChild(n(r, () => {
 		s.parentNode && s.parentNode.removeChild(s);
 	})).style = t.errorCancelButton, s.setAttribute("style", t.errorMessageBlockStyle), s.style.backgroundColor = a || e.defaultErrorBackgroundColor, s;
 }
-//#endregion
 export { r as errorMessageBlock };
 
 //# sourceMappingURL=error.esm.js.map

package/dist/widgets/forms/autocomplete/autocompleteBar.esm.js

@@ -7,7 +7,7 @@ import { askName as i, button as a, cancelButton as o, continueButton as s, dele
 import { renderAutoComplete as l, setVisible as u } from "./autocompletePicker.esm.js";
 import "../../index.esm.js";
 import { store as d } from "solid-logic";
-//#region src/widgets/forms/autocomplete/autocompleteBar.ts
+// src/widgets/forms/autocomplete/autocompleteBar.ts
 var f = "Solid ID", p = r.iconBase + "noun_34653_green.svg", m = r.iconBase + "noun_Search_875351.svg", h = r.iconBase + "noun_253504.svg";
 async function g(r, g, _, v, y, b) {
 	async function x(e, t) {
@@ -58,7 +58,6 @@ async function g(r, g, _, v, y, b) {
 	}
 	return P(), L;
 }
-//#endregion
 export { g as renderAutocompleteControl };
 
 //# sourceMappingURL=autocompleteBar.esm.js.map

package/dist/widgets/forms/autocomplete/autocompleteField.esm.js

@@ -6,7 +6,7 @@ import { renderAutocompleteControl as i } from "./autocompleteBar.esm.js";
 import "../../index.esm.js";
 import { st as a } from "rdflib";
 import { store as o } from "solid-logic";
-//#region src/widgets/forms/autocomplete/autocompleteField.ts
+// src/widgets/forms/autocomplete/autocompleteField.ts
 function s(s, c, l, u, d, f, p) {
 	async function m(e, t) {
 		if (!t) throw Error("autocompleteField:  No name set.");
@@ -84,7 +84,6 @@ function s(s, c, l, u, d, f, p) {
 		b.appendChild(n(s, `Error rendering autocomplete ${d}: ${e}`, "#fee", e));
 	}), v;
 }
-//#endregion
 export { s as autocompleteField };
 
 //# sourceMappingURL=autocompleteField.esm.js.map

package/dist/widgets/forms/autocomplete/autocompletePicker.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../../../lib/debug.cjs.js"),t=require("../../../lib/styleConstants.cjs.js"),n=require("../../../lib/style.cjs.js"),r=require("../../error.cjs.js"),i=require("./language.cjs.js"),a=require("./publicData.cjs.js");require("../../index.cjs.js");let o=require("solid-logic");var s=4,c=20,l=40;function u(e,t){e.style.display=t?``:`none`}async function d(d,f,p,m){function h(t){let i=L.appendChild(d.createElement(`tr`));e.log(t);let a=Error(t);i.appendChild(r.errorMessageBlock(d,a,`pink`)),n.style.setStyle(i,`autocompleteRowStyle`),i.style.padding=`1em`}function g(t,n){e.log(`Auto complete: finish! `+t),t.termType===`Literal`&&f.queryParams.objectURIBase&&(t=o.store.sym(f.queryParams.objectURIBase.value+t.value)),x(),m(t,n)}async function _(t,n){p.acceptButton?(p.acceptButton.disbaled=!1,u(p.acceptButton,!0),z.value=n.value,F=n,I=t,e.log(`Auto complete: name: `+n),e.log(`Auto complete: waiting for accept `+t),x()):(u(p.cancelButton,!0),g(t,n))}async function v(e){F&&z.value===F.value&&g(I,F)}async function y(t){e.log(`Auto complete: Canceled by user! `),f.permanent?E():P.parentNode&&P.parentNode.removeChild(P)}function b(e,t){let n=e.split(` `);for(let e=0;e<n.length;e++){let r=n[e];if(t.toLowerCase().indexOf(r)<0)return!1}return!0}function x(){for(;L.children.length>1;)L.removeChild(L.lastChild)}async function S(e){u(p.cancelButton,!0),T()}async function C(e,t){let n;try{n=await a.queryPublicDataByName(e,D,t||i.defaultPreferredLanguages,f.queryParams)}catch(e){h(`Error querying db of organizations: `+e),A=!1;return}return k=n.length<200,M=k?e:void 0,x(),i.filterByLanguage(n,t)||[]}function w(e,t){return(t||[]).filter(t=>b(e,t.name.value))}async function T(){function t(t){let r=d.createElement(`tr`);n.style.setStyle(r,`autocompleteRowStyle`),r.setAttribute(`style`,`padding: 0.3em;`),r.style.color=j?`#080`:`#088`,r.textContent=t.name.value;let i=a.bindingToTerm(t.subject),o=a.bindingToTerm(t.name);return r.addEventListener(`click`,async t=>{e.log(`       click row textContent: `+r.textContent),e.log(`       click name: `+o.value),i&&o&&_(i,o)}),r}function r(e,t){return t.name.value>e.name.value?1:t.name.name<e.name.value?-1:0}if(A){e.log(`Ignoring "${z.value}" because of lock `);return}e.log(`Setting lock at "${z.value}"`),A=!0;let o=await i.getPreferredLanguages(),u=z.value.trim().toLowerCase();if(u.length<s)x(),N=c;else{(!j||!M||!u.startsWith(M))&&(e.log(`   Querying database at "${u}" cf last "${M}".`),O=await C(u,o)||[]);let n=w(u,O);k&&n.length<=l&&(N=n.length),j=k&&n.length<=N,e.log(` Filter:"${u}" lastBindings: ${O.length}, slimmed to ${n.length}; rows: ${N}, Enough? ${k}, All displayed? ${j}`);let i=n.slice(0,N);i.sort(r),x();for(let e of i)L.appendChild(t(e));n.length===1&&_(a.bindingToTerm(n[0].subject),a.bindingToTerm(n[0].name))}A=!1}function E(){f.currentObject?(z.value=f.currentName?f.currentName.value:`??? wot no name for `+f.currentObject,F=f.currentName,M=f.currentName?f.currentName.value:void 0,I=f.currentObject):(z.value=``,M=void 0,I=void 0),p.deleteButton&&u(p.deleteButton,!!f.currentObject),p.acceptButton&&u(p.acceptButton,!1),p.editButton&&u(p.editButton,!0),p.cancelButton&&u(p.cancelButton,!1),A=!1,x()}let D=f.targetClass;if(!D)throw Error(`renderAutoComplete: missing targetClass`);p.acceptButton&&p.acceptButton.addEventListener(`click`,v,!1),p.cancelButton&&p.cancelButton.addEventListener(`click`,y,!1);let O,k=!1,A=!1,j=!1,M,N=c,P=d.createElement(`div`),F,I,L=P.appendChild(d.createElement(`table`));L.setAttribute(`data-testid`,`autocomplete-table`),L.setAttribute(`style`,`max-width: 30em; margin: 0.5em;`);let R=L.appendChild(d.createElement(`tr`));n.style.setStyle(R,`autocompleteRowStyle`);let z=R.appendChild(d.createElement(`td`)).appendChild(d.createElement(`input`));z.setAttribute(`type`,`text`),E();let B=f.size||t.default.textInputSize||20;z.setAttribute(`size`,B),z.setAttribute(`data-testid`,`autocomplete-input`);let V=n.style.textInputStyle||`border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em`;return z.setAttribute(`style`,V),z.addEventListener(`keyup`,function(e){e.keyCode===13&&v(e)},!1),z.addEventListener(`input`,S),P}exports.renderAutoComplete=d,exports.setVisible=u;
+const e=require("../../../lib/debug.cjs.js"),t=require("../../../lib/styleConstants.cjs.js"),n=require("../../../lib/style.cjs.js"),r=require("../../error.cjs.js"),i=require("./language.cjs.js"),a=require("./publicData.cjs.js");require("../../index.cjs.js");let o=require("solid-logic");var s=4,c=20,l=40;function u(e,t){e.style.display=t?``:`none`}async function d(d,f,p,m){function h(t){let i=L.appendChild(d.createElement(`tr`));e.log(t);let a=Error(t);i.appendChild(r.errorMessageBlock(d,a,`pink`)),n.style.setStyle(i,`autocompleteRowStyle`),i.style.padding=`1em`}function g(t,n){e.log(`Auto complete: finish! `+t),t.termType===`Literal`&&f.queryParams.objectURIBase&&(t=o.store.sym(f.queryParams.objectURIBase.value+t.value)),x(),m(t,n)}async function _(t,n){p.acceptButton?(p.acceptButton.disbaled=!1,u(p.acceptButton,!0),z.value=n.value,F=n,I=t,e.log(`Auto complete: name: `+n),e.log(`Auto complete: waiting for accept `+t),x()):(u(p.cancelButton,!0),g(t,n))}async function v(e){F&&z.value===F.value&&g(I,F)}async function y(t){e.log(`Auto complete: Canceled by user! `),f.permanent?E():P.parentNode&&P.parentNode.removeChild(P)}function b(e,t){let n=e.split(` `);for(let e=0;e<n.length;e++){let r=n[e];if(t.toLowerCase().indexOf(r)<0)return!1}return!0}function x(){for(;L.children.length>1;)L.removeChild(L.lastChild)}async function S(e){u(p.cancelButton,!0),T()}async function C(e,t){let n;try{n=await a.queryPublicDataByName(e,D,t||i.defaultPreferredLanguages,f.queryParams)}catch(e){h(`Error querying db of organizations: `+e),A=!1;return}return k=n.length<200,M=k?e:void 0,x(),i.filterByLanguage(n,t)||[]}function w(e,t){return(t||[]).filter(t=>b(e,t.name.value))}async function T(){function t(t){let r=d.createElement(`tr`);n.style.setStyle(r,`autocompleteRowStyle`),r.setAttribute(`style`,`padding: 0.3em;`),r.style.color=j?`#080`:`#088`,r.textContent=t.name.value;let i=a.bindingToTerm(t.subject),o=a.bindingToTerm(t.name);return r.addEventListener(`click`,async t=>{e.log(`       click row textContent: `+r.textContent),e.log(`       click name: `+o.value),i&&o&&_(i,o)}),r}function r(e,t){return t.name.value>e.name.value?1:t.name.name<e.name.value?-1:0}if(A){e.log(`Ignoring "${z.value}" because of lock `);return}e.log(`Setting lock at "${z.value}"`),A=!0;let o=await i.getPreferredLanguages(),u=z.value.trim().toLowerCase();if(u.length<s)x(),N=c;else{j&&M&&u.startsWith(M)||(e.log(`   Querying database at "${u}" cf last "${M}".`),O=await C(u,o)||[]);let n=w(u,O);k&&n.length<=l&&(N=n.length),j=k&&n.length<=N,e.log(` Filter:"${u}" lastBindings: ${O.length}, slimmed to ${n.length}; rows: ${N}, Enough? ${k}, All displayed? ${j}`);let i=n.slice(0,N);i.sort(r),x();for(let e of i)L.appendChild(t(e));n.length===1&&_(a.bindingToTerm(n[0].subject),a.bindingToTerm(n[0].name))}A=!1}function E(){f.currentObject?(z.value=f.currentName?f.currentName.value:`??? wot no name for `+f.currentObject,F=f.currentName,M=f.currentName?f.currentName.value:void 0,I=f.currentObject):(z.value=``,M=void 0,I=void 0),p.deleteButton&&u(p.deleteButton,!!f.currentObject),p.acceptButton&&u(p.acceptButton,!1),p.editButton&&u(p.editButton,!0),p.cancelButton&&u(p.cancelButton,!1),A=!1,x()}let D=f.targetClass;if(!D)throw Error(`renderAutoComplete: missing targetClass`);p.acceptButton&&p.acceptButton.addEventListener(`click`,v,!1),p.cancelButton&&p.cancelButton.addEventListener(`click`,y,!1);let O,k=!1,A=!1,j=!1,M,N=c,P=d.createElement(`div`),F,I,L=P.appendChild(d.createElement(`table`));L.setAttribute(`data-testid`,`autocomplete-table`),L.setAttribute(`style`,`max-width: 30em; margin: 0.5em;`);let R=L.appendChild(d.createElement(`tr`));n.style.setStyle(R,`autocompleteRowStyle`);let z=R.appendChild(d.createElement(`td`)).appendChild(d.createElement(`input`));z.setAttribute(`type`,`text`),E();let B=f.size||t.default.textInputSize||20;z.setAttribute(`size`,B),z.setAttribute(`data-testid`,`autocomplete-input`);let V=n.style.textInputStyle||`border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em`;return z.setAttribute(`style`,V),z.addEventListener(`keyup`,function(e){e.keyCode===13&&v(e)},!1),z.addEventListener(`input`,S),P}exports.renderAutoComplete=d,exports.setVisible=u;
 //# sourceMappingURL=autocompletePicker.cjs.js.map

package/dist/widgets/forms/autocomplete/autocompletePicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocompletePicker.cjs.js","names":["store","queryPublicDataByName","defaultPreferredLanguages","filterByLanguage","bindingToTerm","getPreferredLanguages","styleConstants","style","require_debug","require_styleConstants","require_style","require_error","require_language","require_publicData","solid_logic","AUTOCOMPLETE_THRESHOLD","AUTOCOMPLETE_ROWS","AUTOCOMPLETE_ROWS_STRETCH","setVisible","visible","renderAutoComplete","complain","errorRow","table","dom","message","err","finish","object","acOptions","clearList","callback","name","gotIt","decoration","acceptButtonHandler","foundName","searchInput","foundObject","cancelButtonHandler","initialize","div","nameMatch","parts","filter","j","word","candidate","inputEventHHandler","refreshList","loadBindingsAndFilterByLanguage","bindings","targetClass","languagePrefs","lastFilter","loadedEnough","filterByName","binding","rowForBinding","row","allDisplayed","nameTerm","compareBindingsByName","other","self","inputEventHandlerLock","slimmed","lastBindings","numberOfRows","displayable","head","size","searchInputStyle","event"],"sources":["../../../../src/widgets/forms/autocomplete/autocompletePicker.ts"],"sourcesContent":["/* Autocomplete Picker: Create and edit data using public data\n**\n** As the data source is passed as a parameter, all kinds of APIa and query services can be used\n**\n*/\nimport * as debug from '../../../lib/debug'\nimport { style } from '../../../lib/style'\nimport styleConstants from '../../../lib/styleConstants'\nimport * as widgets from '../../../widgets'\nimport { store } from 'solid-logic'\nimport { NamedNode, Literal } from 'rdflib'\nimport { queryPublicDataByName, bindingToTerm, AUTOCOMPLETE_LIMIT, QueryParameters } from './publicData'\nimport { filterByLanguage, getPreferredLanguages, defaultPreferredLanguages } from './language'\n\nconst AUTOCOMPLETE_THRESHOLD = 4 // don't check until this many characters typed\nconst AUTOCOMPLETE_ROWS = 20 // 20?\nconst AUTOCOMPLETE_ROWS_STRETCH = 40\n\n/*\nAutocomplete happens in 6 phases:\n  1. The search string is too small to bother\n  2. The search string is big enough, and we have not loaded the array\n  3. The search string is big enough, and we have loaded array up to the limit\n       Display them and wait for more user input\n  4. The search string is big enough, and we have loaded array NOT to the limit\n     but including all matches.   No more fetches.\n     If user gets more precise, wait for them to select one - or reduce to a single\n  5. Single one selected. Optionally waiting for accept button to be pressed, OR can change string and go to 5 or 2\n  6. Locked with a value. Press 'edit' button to return to 5\n*/\n\nexport type AutocompleteDecoration = {\n  acceptButton?: HTMLElement,\n  cancelButton: HTMLElement, // Must have cancel button\n  editButton?: HTMLElement,\n  deleteButton?: HTMLElement\n}\nexport type AutocompleteOptions = {\n  targetClass?: NamedNode,\n  currentObject?: NamedNode,\n  currentName?: Literal,\n  queryParams: QueryParameters,\n  size?: number,\n  permanent?: boolean\n}\n\ninterface Callback1 {\n  (_subject: NamedNode, _name: Literal): any;\n}\n\nexport function setVisible (element:HTMLElement, visible:boolean) {\n  element.style.display = visible ? '' : 'none' // Do not use visibility, it holds the real estate\n}\n\n// The core of the autocomplete UI\nexport async function renderAutoComplete (dom: HTMLDocument,\n  acOptions:AutocompleteOptions,\n  decoration: AutocompleteDecoration,\n  callback: Callback1) {\n  function complain (message) {\n    const errorRow = table.appendChild(dom.createElement('tr'))\n    debug.log(message)\n    const err = new Error(message)\n    errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'))\n    // errorMessageBlock will log the stack to the console\n    style.setStyle(errorRow, 'autocompleteRowStyle')\n    errorRow.style.padding = '1em'\n  }\n\n  function finish (object, name) {\n    debug.log('Auto complete: finish! ' + object)\n    if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {\n      object = store.sym(acOptions.queryParams.objectURIBase.value + object.value)\n    }\n    // remove(decoration.cancelButton)\n    // remove(decoration.acceptButton)\n    // remove(div)\n    clearList()\n    callback(object, name)\n  }\n  async function gotIt (object:NamedNode | Literal, name: Literal) {\n    if (decoration.acceptButton) {\n      (decoration.acceptButton as any).disbaled = false\n      setVisible(decoration.acceptButton, true) // now wait for confirmation\n      searchInput.value = name.value // complete it\n      foundName = name\n      foundObject = object\n      debug.log('Auto complete: name: ' + name)\n      debug.log('Auto complete: waiting for accept ' + object)\n      clearList() // This may be an option - nice and clean but does not allow change of mind\n      return\n    }\n    setVisible(decoration.cancelButton, true)\n    finish(object, name)\n  }\n\n  async function acceptButtonHandler (_event) {\n    if (foundName && searchInput.value === foundName.value) { // still\n      finish(foundObject, foundName)\n    }\n  }\n\n  async function cancelButtonHandler (_event) {\n    debug.log('Auto complete: Canceled by user! ')\n    if (acOptions.permanent) {\n      initialize()\n    } else {\n      if (div.parentNode) {\n        div.parentNode.removeChild(div)\n      }\n    }\n  }\n\n  function nameMatch (filter:string, candidate: string):boolean {\n    const parts = filter.split(' ') // Each name part must be somewhere\n    for (let j = 0; j < parts.length; j++) {\n      const word = parts[j]\n      if (candidate.toLowerCase().indexOf(word) < 0) return false\n    }\n    return true\n  }\n\n  function clearList () {\n    while (table.children.length > 1) {\n      table.removeChild(table.lastChild as Node)\n    }\n  }\n\n  async function inputEventHHandler (_event) {\n    // console.log('@@ AC inputEventHHandler called')\n    setVisible(decoration.cancelButton, true) // only allow cancel when there is something to cancel\n    refreshList() /// @@  debounqce does not work with jest\n    /*\n    if (runningTimeout) {\n      clearTimeout(runningTimeout)\n    }\n    runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)\n    */\n  }\n\n  async function loadBindingsAndFilterByLanguage (filter, languagePrefs) {\n    // console.log('@@ loadBindingsAndFilterByLanguage ' + filter)\n    let bindings\n    try {\n      bindings = await queryPublicDataByName(filter, targetClass as any,\n        languagePrefs || defaultPreferredLanguages, acOptions.queryParams)\n    } catch (err) {\n      complain('Error querying db of organizations: ' + err)\n      inputEventHandlerLock = false\n      return\n    }\n    loadedEnough = bindings.length < AUTOCOMPLETE_LIMIT\n    if (loadedEnough) {\n      lastFilter = filter\n    } else {\n      lastFilter = undefined\n    }\n    clearList()\n    const slimmed = filterByLanguage(bindings, languagePrefs)\n    return slimmed || []\n  }\n\n  function filterByName (filter, bindings) {\n    return (bindings || []).filter(binding => nameMatch(filter, binding.name.value))\n  }\n\n  async function refreshList () {\n    // console.log('@@ refreshList called')\n    function rowForBinding (binding) {\n      const row = dom.createElement('tr')\n      style.setStyle(row, 'autocompleteRowStyle')\n      row.setAttribute('style', 'padding: 0.3em;')\n      row.style.color = allDisplayed ? '#080' : '#088' // green means 'you should find it here'\n      row.textContent = binding.name.value\n      const object = bindingToTerm(binding.subject)\n      const nameTerm = bindingToTerm(binding.name)\n      row.addEventListener('click', async _event => {\n        debug.log('       click row textContent: ' + row.textContent)\n        debug.log('       click name: ' + nameTerm.value)\n        if (object && nameTerm) {\n          gotIt(object, nameTerm as Literal)\n        }\n      })\n      return row\n    } // rowForBinding\n    function compareBindingsByName (self, other) {\n      return other.name.value > self.name.value\n        ? 1\n        : other.name.name < self.name.value ? -1 : 0\n    }\n\n    if (inputEventHandlerLock) {\n      debug.log(`Ignoring \"${searchInput.value}\" because of lock `)\n      return\n    }\n    debug.log(`Setting lock at \"${searchInput.value}\"`)\n\n    inputEventHandlerLock = true\n    const languagePrefs = await getPreferredLanguages()\n    const filter = searchInput.value.trim().toLowerCase()\n    if (filter.length < AUTOCOMPLETE_THRESHOLD) { // too small\n      clearList()\n      // candidatesLoaded = false\n      numberOfRows = AUTOCOMPLETE_ROWS\n    } else {\n      if (!allDisplayed || !lastFilter || !filter.startsWith(lastFilter)) {\n        debug.log(`   Querying database at \"${filter}\" cf last \"${lastFilter}\".`)\n        lastBindings = await loadBindingsAndFilterByLanguage(filter, languagePrefs) || [] // freesh query\n      }\n      // Trim table as search gets tighter:\n      const slimmed = filterByName(filter, lastBindings)\n      if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {\n        numberOfRows = slimmed.length // stretch if it means we get all items\n      }\n      allDisplayed = loadedEnough && slimmed.length <= numberOfRows\n      debug.log(` Filter:\"${filter}\" lastBindings: ${lastBindings.length}, slimmed to ${slimmed.length}; rows: ${numberOfRows}, Enough? ${loadedEnough}, All displayed? ${allDisplayed}`)\n\n      const displayable = slimmed.slice(0, numberOfRows)\n\n      displayable.sort(compareBindingsByName)\n      clearList()\n      for (const binding of displayable) {\n        table.appendChild(rowForBinding(binding))\n      }\n      if (slimmed.length === 1) {\n        gotIt(bindingToTerm(slimmed[0].subject), bindingToTerm(slimmed[0].name) as Literal)\n      }\n    } // else\n    inputEventHandlerLock = false\n  } // refreshList\n\n  function initialize () {\n    if (acOptions.currentObject) { // If have existing value then jump into the endgame of the autocomplete\n      searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject\n      foundName = acOptions.currentName\n      lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined\n      foundObject = acOptions.currentObject\n    } else {\n      searchInput.value = ''\n      lastFilter = undefined\n      foundObject = undefined\n    }\n    if (decoration.deleteButton) {\n      setVisible(decoration.deleteButton, !!acOptions.currentObject)\n    }\n\n    if (decoration.acceptButton) {\n      setVisible(decoration.acceptButton, false) // hide until input complete\n    }\n    if (decoration.editButton) {\n      setVisible(decoration.editButton, true)\n    }\n    if (decoration.cancelButton) {\n      setVisible(decoration.cancelButton, false) // only allow cancel when there is something to cancel\n    }\n    inputEventHandlerLock = false\n    clearList()\n  } // initialiize\n\n  // const queryParams: QueryParameters = acOptions.queryParams\n  const targetClass = acOptions.targetClass\n  if (!targetClass) throw new Error('renderAutoComplete: missing targetClass')\n  // console.log(`renderAutoComplete: targetClass=${targetClass}` )\n  if (decoration.acceptButton) {\n    decoration.acceptButton.addEventListener('click', acceptButtonHandler, false)\n  }\n  if (decoration.cancelButton) {\n    decoration.cancelButton.addEventListener('click', cancelButtonHandler, false)\n  }\n\n  // var candidatesLoaded = false\n  let lastBindings\n  let loadedEnough = false\n  let inputEventHandlerLock = false\n  let allDisplayed = false\n  let lastFilter = undefined as (string | undefined)\n  let numberOfRows = AUTOCOMPLETE_ROWS // this gets slimmed down\n  const div = dom.createElement('div')\n  let foundName = undefined as (Literal | undefined)// once found accepted string must match this\n  let foundObject = undefined as (NamedNode | Literal | undefined)\n  const table = div.appendChild(dom.createElement('table'))\n  table.setAttribute('data-testid', 'autocomplete-table')\n  table.setAttribute('style', 'max-width: 30em; margin: 0.5em;')\n  const head = table.appendChild(dom.createElement('tr'))\n  style.setStyle(head, 'autocompleteRowStyle') // textInputStyle or\n  const cell = head.appendChild(dom.createElement('td'))\n  const searchInput = cell.appendChild(dom.createElement('input'))\n  searchInput.setAttribute('type', 'text')\n\n  initialize()\n\n  const size = acOptions.size || styleConstants.textInputSize || 20\n  searchInput.setAttribute('size', size)\n  searchInput.setAttribute('data-testid', 'autocomplete-input')\n\n  const searchInputStyle = style.textInputStyle || // searchInputStyle ?\n    'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em' // @\n  searchInput.setAttribute('style', searchInputStyle)\n  searchInput.addEventListener('keyup', function (event) {\n    if (event.keyCode === 13) {\n      acceptButtonHandler(event)\n    }\n  }, false)\n\n  searchInput.addEventListener('input', inputEventHHandler)\n  // console.log('@@ renderAutoComplete returns ' + div.innerHTML)\n  return div\n} // renderAutoComplete\n\n// ENDS\n"],"mappings":"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"}
+{"version":3,"file":"autocompletePicker.cjs.js","names":["store","queryPublicDataByName","defaultPreferredLanguages","filterByLanguage","bindingToTerm","getPreferredLanguages","styleConstants","style","require_debug","require_styleConstants","require_style","require_error","require_language","require_publicData","solid_logic","AUTOCOMPLETE_THRESHOLD","AUTOCOMPLETE_ROWS","AUTOCOMPLETE_ROWS_STRETCH","setVisible","visible","renderAutoComplete","complain","errorRow","table","dom","message","err","finish","object","acOptions","clearList","callback","name","gotIt","decoration","acceptButtonHandler","foundName","searchInput","foundObject","cancelButtonHandler","initialize","div","nameMatch","parts","filter","j","word","candidate","inputEventHHandler","refreshList","loadBindingsAndFilterByLanguage","bindings","targetClass","languagePrefs","lastFilter","loadedEnough","filterByName","binding","rowForBinding","row","allDisplayed","nameTerm","compareBindingsByName","other","self","inputEventHandlerLock","slimmed","lastBindings","numberOfRows","displayable","head","size","searchInputStyle","event"],"sources":["../../../../src/widgets/forms/autocomplete/autocompletePicker.ts"],"sourcesContent":["/* Autocomplete Picker: Create and edit data using public data\n**\n** As the data source is passed as a parameter, all kinds of APIa and query services can be used\n**\n*/\nimport * as debug from '../../../lib/debug'\nimport { style } from '../../../lib/style'\nimport styleConstants from '../../../lib/styleConstants'\nimport * as widgets from '../../../widgets'\nimport { store } from 'solid-logic'\nimport { NamedNode, Literal } from 'rdflib'\nimport { queryPublicDataByName, bindingToTerm, AUTOCOMPLETE_LIMIT, QueryParameters } from './publicData'\nimport { filterByLanguage, getPreferredLanguages, defaultPreferredLanguages } from './language'\n\nconst AUTOCOMPLETE_THRESHOLD = 4 // don't check until this many characters typed\nconst AUTOCOMPLETE_ROWS = 20 // 20?\nconst AUTOCOMPLETE_ROWS_STRETCH = 40\n\n/*\nAutocomplete happens in 6 phases:\n  1. The search string is too small to bother\n  2. The search string is big enough, and we have not loaded the array\n  3. The search string is big enough, and we have loaded array up to the limit\n       Display them and wait for more user input\n  4. The search string is big enough, and we have loaded array NOT to the limit\n     but including all matches.   No more fetches.\n     If user gets more precise, wait for them to select one - or reduce to a single\n  5. Single one selected. Optionally waiting for accept button to be pressed, OR can change string and go to 5 or 2\n  6. Locked with a value. Press 'edit' button to return to 5\n*/\n\nexport type AutocompleteDecoration = {\n  acceptButton?: HTMLElement,\n  cancelButton: HTMLElement, // Must have cancel button\n  editButton?: HTMLElement,\n  deleteButton?: HTMLElement\n}\nexport type AutocompleteOptions = {\n  targetClass?: NamedNode,\n  currentObject?: NamedNode,\n  currentName?: Literal,\n  queryParams: QueryParameters,\n  size?: number,\n  permanent?: boolean\n}\n\ninterface Callback1 {\n  (_subject: NamedNode, _name: Literal): any;\n}\n\nexport function setVisible (element:HTMLElement, visible:boolean) {\n  element.style.display = visible ? '' : 'none' // Do not use visibility, it holds the real estate\n}\n\n// The core of the autocomplete UI\nexport async function renderAutoComplete (dom: HTMLDocument,\n  acOptions:AutocompleteOptions,\n  decoration: AutocompleteDecoration,\n  callback: Callback1) {\n  function complain (message) {\n    const errorRow = table.appendChild(dom.createElement('tr'))\n    debug.log(message)\n    const err = new Error(message)\n    errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'))\n    // errorMessageBlock will log the stack to the console\n    style.setStyle(errorRow, 'autocompleteRowStyle')\n    errorRow.style.padding = '1em'\n  }\n\n  function finish (object, name) {\n    debug.log('Auto complete: finish! ' + object)\n    if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {\n      object = store.sym(acOptions.queryParams.objectURIBase.value + object.value)\n    }\n    // remove(decoration.cancelButton)\n    // remove(decoration.acceptButton)\n    // remove(div)\n    clearList()\n    callback(object, name)\n  }\n  async function gotIt (object:NamedNode | Literal, name: Literal) {\n    if (decoration.acceptButton) {\n      (decoration.acceptButton as any).disbaled = false\n      setVisible(decoration.acceptButton, true) // now wait for confirmation\n      searchInput.value = name.value // complete it\n      foundName = name\n      foundObject = object\n      debug.log('Auto complete: name: ' + name)\n      debug.log('Auto complete: waiting for accept ' + object)\n      clearList() // This may be an option - nice and clean but does not allow change of mind\n      return\n    }\n    setVisible(decoration.cancelButton, true)\n    finish(object, name)\n  }\n\n  async function acceptButtonHandler (_event) {\n    if (foundName && searchInput.value === foundName.value) { // still\n      finish(foundObject, foundName)\n    }\n  }\n\n  async function cancelButtonHandler (_event) {\n    debug.log('Auto complete: Canceled by user! ')\n    if (acOptions.permanent) {\n      initialize()\n    } else {\n      if (div.parentNode) {\n        div.parentNode.removeChild(div)\n      }\n    }\n  }\n\n  function nameMatch (filter:string, candidate: string):boolean {\n    const parts = filter.split(' ') // Each name part must be somewhere\n    for (let j = 0; j < parts.length; j++) {\n      const word = parts[j]\n      if (candidate.toLowerCase().indexOf(word) < 0) return false\n    }\n    return true\n  }\n\n  function clearList () {\n    while (table.children.length > 1) {\n      table.removeChild(table.lastChild as Node)\n    }\n  }\n\n  async function inputEventHHandler (_event) {\n    // console.log('@@ AC inputEventHHandler called')\n    setVisible(decoration.cancelButton, true) // only allow cancel when there is something to cancel\n    refreshList() /// @@  debounqce does not work with jest\n    /*\n    if (runningTimeout) {\n      clearTimeout(runningTimeout)\n    }\n    runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)\n    */\n  }\n\n  async function loadBindingsAndFilterByLanguage (filter, languagePrefs) {\n    // console.log('@@ loadBindingsAndFilterByLanguage ' + filter)\n    let bindings\n    try {\n      bindings = await queryPublicDataByName(filter, targetClass as any,\n        languagePrefs || defaultPreferredLanguages, acOptions.queryParams)\n    } catch (err) {\n      complain('Error querying db of organizations: ' + err)\n      inputEventHandlerLock = false\n      return\n    }\n    loadedEnough = bindings.length < AUTOCOMPLETE_LIMIT\n    if (loadedEnough) {\n      lastFilter = filter\n    } else {\n      lastFilter = undefined\n    }\n    clearList()\n    const slimmed = filterByLanguage(bindings, languagePrefs)\n    return slimmed || []\n  }\n\n  function filterByName (filter, bindings) {\n    return (bindings || []).filter(binding => nameMatch(filter, binding.name.value))\n  }\n\n  async function refreshList () {\n    // console.log('@@ refreshList called')\n    function rowForBinding (binding) {\n      const row = dom.createElement('tr')\n      style.setStyle(row, 'autocompleteRowStyle')\n      row.setAttribute('style', 'padding: 0.3em;')\n      row.style.color = allDisplayed ? '#080' : '#088' // green means 'you should find it here'\n      row.textContent = binding.name.value\n      const object = bindingToTerm(binding.subject)\n      const nameTerm = bindingToTerm(binding.name)\n      row.addEventListener('click', async _event => {\n        debug.log('       click row textContent: ' + row.textContent)\n        debug.log('       click name: ' + nameTerm.value)\n        if (object && nameTerm) {\n          gotIt(object, nameTerm as Literal)\n        }\n      })\n      return row\n    } // rowForBinding\n    function compareBindingsByName (self, other) {\n      return other.name.value > self.name.value\n        ? 1\n        : other.name.name < self.name.value ? -1 : 0\n    }\n\n    if (inputEventHandlerLock) {\n      debug.log(`Ignoring \"${searchInput.value}\" because of lock `)\n      return\n    }\n    debug.log(`Setting lock at \"${searchInput.value}\"`)\n\n    inputEventHandlerLock = true\n    const languagePrefs = await getPreferredLanguages()\n    const filter = searchInput.value.trim().toLowerCase()\n    if (filter.length < AUTOCOMPLETE_THRESHOLD) { // too small\n      clearList()\n      // candidatesLoaded = false\n      numberOfRows = AUTOCOMPLETE_ROWS\n    } else {\n      if (!allDisplayed || !lastFilter || !filter.startsWith(lastFilter)) {\n        debug.log(`   Querying database at \"${filter}\" cf last \"${lastFilter}\".`)\n        lastBindings = await loadBindingsAndFilterByLanguage(filter, languagePrefs) || [] // freesh query\n      }\n      // Trim table as search gets tighter:\n      const slimmed = filterByName(filter, lastBindings)\n      if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {\n        numberOfRows = slimmed.length // stretch if it means we get all items\n      }\n      allDisplayed = loadedEnough && slimmed.length <= numberOfRows\n      debug.log(` Filter:\"${filter}\" lastBindings: ${lastBindings.length}, slimmed to ${slimmed.length}; rows: ${numberOfRows}, Enough? ${loadedEnough}, All displayed? ${allDisplayed}`)\n\n      const displayable = slimmed.slice(0, numberOfRows)\n\n      displayable.sort(compareBindingsByName)\n      clearList()\n      for (const binding of displayable) {\n        table.appendChild(rowForBinding(binding))\n      }\n      if (slimmed.length === 1) {\n        gotIt(bindingToTerm(slimmed[0].subject), bindingToTerm(slimmed[0].name) as Literal)\n      }\n    } // else\n    inputEventHandlerLock = false\n  } // refreshList\n\n  function initialize () {\n    if (acOptions.currentObject) { // If have existing value then jump into the endgame of the autocomplete\n      searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject\n      foundName = acOptions.currentName\n      lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined\n      foundObject = acOptions.currentObject\n    } else {\n      searchInput.value = ''\n      lastFilter = undefined\n      foundObject = undefined\n    }\n    if (decoration.deleteButton) {\n      setVisible(decoration.deleteButton, !!acOptions.currentObject)\n    }\n\n    if (decoration.acceptButton) {\n      setVisible(decoration.acceptButton, false) // hide until input complete\n    }\n    if (decoration.editButton) {\n      setVisible(decoration.editButton, true)\n    }\n    if (decoration.cancelButton) {\n      setVisible(decoration.cancelButton, false) // only allow cancel when there is something to cancel\n    }\n    inputEventHandlerLock = false\n    clearList()\n  } // initialiize\n\n  // const queryParams: QueryParameters = acOptions.queryParams\n  const targetClass = acOptions.targetClass\n  if (!targetClass) throw new Error('renderAutoComplete: missing targetClass')\n  // console.log(`renderAutoComplete: targetClass=${targetClass}` )\n  if (decoration.acceptButton) {\n    decoration.acceptButton.addEventListener('click', acceptButtonHandler, false)\n  }\n  if (decoration.cancelButton) {\n    decoration.cancelButton.addEventListener('click', cancelButtonHandler, false)\n  }\n\n  // var candidatesLoaded = false\n  let lastBindings\n  let loadedEnough = false\n  let inputEventHandlerLock = false\n  let allDisplayed = false\n  let lastFilter = undefined as (string | undefined)\n  let numberOfRows = AUTOCOMPLETE_ROWS // this gets slimmed down\n  const div = dom.createElement('div')\n  let foundName = undefined as (Literal | undefined)// once found accepted string must match this\n  let foundObject = undefined as (NamedNode | Literal | undefined)\n  const table = div.appendChild(dom.createElement('table'))\n  table.setAttribute('data-testid', 'autocomplete-table')\n  table.setAttribute('style', 'max-width: 30em; margin: 0.5em;')\n  const head = table.appendChild(dom.createElement('tr'))\n  style.setStyle(head, 'autocompleteRowStyle') // textInputStyle or\n  const cell = head.appendChild(dom.createElement('td'))\n  const searchInput = cell.appendChild(dom.createElement('input'))\n  searchInput.setAttribute('type', 'text')\n\n  initialize()\n\n  const size = acOptions.size || styleConstants.textInputSize || 20\n  searchInput.setAttribute('size', size)\n  searchInput.setAttribute('data-testid', 'autocomplete-input')\n\n  const searchInputStyle = style.textInputStyle || // searchInputStyle ?\n    'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em' // @\n  searchInput.setAttribute('style', searchInputStyle)\n  searchInput.addEventListener('keyup', function (event) {\n    if (event.keyCode === 13) {\n      acceptButtonHandler(event)\n    }\n  }, false)\n\n  searchInput.addEventListener('input', inputEventHHandler)\n  // console.log('@@ renderAutoComplete returns ' + div.innerHTML)\n  return div\n} // renderAutoComplete\n\n// ENDS\n"],"mappings":"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"}

package/dist/widgets/forms/autocomplete/autocompletePicker.esm.js

@@ -6,7 +6,7 @@ import { defaultPreferredLanguages as i, filterByLanguage as a, getPreferredLang
 import { bindingToTerm as s, queryPublicDataByName as c } from "./publicData.esm.js";
 import "../../index.esm.js";
 import { store as l } from "solid-logic";
-//#region src/widgets/forms/autocomplete/autocompletePicker.ts
+// src/widgets/forms/autocomplete/autocompletePicker.ts
 var u = 4, d = 20, f = 40;
 function p(e, t) {
 	e.style.display = t ? "" : "none";
@@ -77,7 +77,7 @@ async function m(m, h, g, _) {
 		let i = await o(), a = H.value.trim().toLowerCase();
 		if (a.length < u) w(), I = d;
 		else {
-			(!P || !F || !a.startsWith(F)) && (e(`   Querying database at "${a}" cf last "${F}".`), j = await E(a, i) || []);
+			P && F && a.startsWith(F) || (e(`   Querying database at "${a}" cf last "${F}".`), j = await E(a, i) || []);
 			let n = D(a, j);
 			M && n.length <= f && (I = n.length), P = M && n.length <= I, e(` Filter:"${a}" lastBindings: ${j.length}, slimmed to ${n.length}; rows: ${I}, Enough? ${M}, All displayed? ${P}`);
 			let o = n.slice(0, I);
@@ -106,7 +106,6 @@ async function m(m, h, g, _) {
 		e.keyCode === 13 && x(e);
 	}, !1), H.addEventListener("input", T), L;
 }
-//#endregion
 export { m as renderAutoComplete, p as setVisible };
 
 //# sourceMappingURL=autocompletePicker.esm.js.map

package/dist/widgets/forms/autocomplete/autocompletePicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocompletePicker.esm.js","names":["widgets.errorMessageBlock","styleConstants","styleConstants_default","AUTOCOMPLETE_THRESHOLD","AUTOCOMPLETE_ROWS","AUTOCOMPLETE_ROWS_STRETCH","setVisible","visible","renderAutoComplete","complain","errorRow","table","dom","message","err","errorMessageBlock","style","finish","log","object","acOptions","store","clearList","callback","name","gotIt","decoration","acceptButtonHandler","foundName","searchInput","foundObject","cancelButtonHandler","initialize","div","nameMatch","parts","filter","j","word","candidate","inputEventHHandler","refreshList","loadBindingsAndFilterByLanguage","bindings","queryPublicDataByName","targetClass","languagePrefs","defaultPreferredLanguages","lastFilter","loadedEnough","filterByLanguage","filterByName","binding","rowForBinding","row","allDisplayed","bindingToTerm","nameTerm","compareBindingsByName","other","self","inputEventHandlerLock","getPreferredLanguages","slimmed","lastBindings","numberOfRows","displayable","head","size","searchInputStyle","event"],"sources":["../../../../src/widgets/forms/autocomplete/autocompletePicker.ts"],"sourcesContent":["/* Autocomplete Picker: Create and edit data using public data\n**\n** As the data source is passed as a parameter, all kinds of APIa and query services can be used\n**\n*/\nimport * as debug from '../../../lib/debug'\nimport { style } from '../../../lib/style'\nimport styleConstants from '../../../lib/styleConstants'\nimport * as widgets from '../../../widgets'\nimport { store } from 'solid-logic'\nimport { NamedNode, Literal } from 'rdflib'\nimport { queryPublicDataByName, bindingToTerm, AUTOCOMPLETE_LIMIT, QueryParameters } from './publicData'\nimport { filterByLanguage, getPreferredLanguages, defaultPreferredLanguages } from './language'\n\nconst AUTOCOMPLETE_THRESHOLD = 4 // don't check until this many characters typed\nconst AUTOCOMPLETE_ROWS = 20 // 20?\nconst AUTOCOMPLETE_ROWS_STRETCH = 40\n\n/*\nAutocomplete happens in 6 phases:\n  1. The search string is too small to bother\n  2. The search string is big enough, and we have not loaded the array\n  3. The search string is big enough, and we have loaded array up to the limit\n       Display them and wait for more user input\n  4. The search string is big enough, and we have loaded array NOT to the limit\n     but including all matches.   No more fetches.\n     If user gets more precise, wait for them to select one - or reduce to a single\n  5. Single one selected. Optionally waiting for accept button to be pressed, OR can change string and go to 5 or 2\n  6. Locked with a value. Press 'edit' button to return to 5\n*/\n\nexport type AutocompleteDecoration = {\n  acceptButton?: HTMLElement,\n  cancelButton: HTMLElement, // Must have cancel button\n  editButton?: HTMLElement,\n  deleteButton?: HTMLElement\n}\nexport type AutocompleteOptions = {\n  targetClass?: NamedNode,\n  currentObject?: NamedNode,\n  currentName?: Literal,\n  queryParams: QueryParameters,\n  size?: number,\n  permanent?: boolean\n}\n\ninterface Callback1 {\n  (_subject: NamedNode, _name: Literal): any;\n}\n\nexport function setVisible (element:HTMLElement, visible:boolean) {\n  element.style.display = visible ? '' : 'none' // Do not use visibility, it holds the real estate\n}\n\n// The core of the autocomplete UI\nexport async function renderAutoComplete (dom: HTMLDocument,\n  acOptions:AutocompleteOptions,\n  decoration: AutocompleteDecoration,\n  callback: Callback1) {\n  function complain (message) {\n    const errorRow = table.appendChild(dom.createElement('tr'))\n    debug.log(message)\n    const err = new Error(message)\n    errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'))\n    // errorMessageBlock will log the stack to the console\n    style.setStyle(errorRow, 'autocompleteRowStyle')\n    errorRow.style.padding = '1em'\n  }\n\n  function finish (object, name) {\n    debug.log('Auto complete: finish! ' + object)\n    if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {\n      object = store.sym(acOptions.queryParams.objectURIBase.value + object.value)\n    }\n    // remove(decoration.cancelButton)\n    // remove(decoration.acceptButton)\n    // remove(div)\n    clearList()\n    callback(object, name)\n  }\n  async function gotIt (object:NamedNode | Literal, name: Literal) {\n    if (decoration.acceptButton) {\n      (decoration.acceptButton as any).disbaled = false\n      setVisible(decoration.acceptButton, true) // now wait for confirmation\n      searchInput.value = name.value // complete it\n      foundName = name\n      foundObject = object\n      debug.log('Auto complete: name: ' + name)\n      debug.log('Auto complete: waiting for accept ' + object)\n      clearList() // This may be an option - nice and clean but does not allow change of mind\n      return\n    }\n    setVisible(decoration.cancelButton, true)\n    finish(object, name)\n  }\n\n  async function acceptButtonHandler (_event) {\n    if (foundName && searchInput.value === foundName.value) { // still\n      finish(foundObject, foundName)\n    }\n  }\n\n  async function cancelButtonHandler (_event) {\n    debug.log('Auto complete: Canceled by user! ')\n    if (acOptions.permanent) {\n      initialize()\n    } else {\n      if (div.parentNode) {\n        div.parentNode.removeChild(div)\n      }\n    }\n  }\n\n  function nameMatch (filter:string, candidate: string):boolean {\n    const parts = filter.split(' ') // Each name part must be somewhere\n    for (let j = 0; j < parts.length; j++) {\n      const word = parts[j]\n      if (candidate.toLowerCase().indexOf(word) < 0) return false\n    }\n    return true\n  }\n\n  function clearList () {\n    while (table.children.length > 1) {\n      table.removeChild(table.lastChild as Node)\n    }\n  }\n\n  async function inputEventHHandler (_event) {\n    // console.log('@@ AC inputEventHHandler called')\n    setVisible(decoration.cancelButton, true) // only allow cancel when there is something to cancel\n    refreshList() /// @@  debounqce does not work with jest\n    /*\n    if (runningTimeout) {\n      clearTimeout(runningTimeout)\n    }\n    runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)\n    */\n  }\n\n  async function loadBindingsAndFilterByLanguage (filter, languagePrefs) {\n    // console.log('@@ loadBindingsAndFilterByLanguage ' + filter)\n    let bindings\n    try {\n      bindings = await queryPublicDataByName(filter, targetClass as any,\n        languagePrefs || defaultPreferredLanguages, acOptions.queryParams)\n    } catch (err) {\n      complain('Error querying db of organizations: ' + err)\n      inputEventHandlerLock = false\n      return\n    }\n    loadedEnough = bindings.length < AUTOCOMPLETE_LIMIT\n    if (loadedEnough) {\n      lastFilter = filter\n    } else {\n      lastFilter = undefined\n    }\n    clearList()\n    const slimmed = filterByLanguage(bindings, languagePrefs)\n    return slimmed || []\n  }\n\n  function filterByName (filter, bindings) {\n    return (bindings || []).filter(binding => nameMatch(filter, binding.name.value))\n  }\n\n  async function refreshList () {\n    // console.log('@@ refreshList called')\n    function rowForBinding (binding) {\n      const row = dom.createElement('tr')\n      style.setStyle(row, 'autocompleteRowStyle')\n      row.setAttribute('style', 'padding: 0.3em;')\n      row.style.color = allDisplayed ? '#080' : '#088' // green means 'you should find it here'\n      row.textContent = binding.name.value\n      const object = bindingToTerm(binding.subject)\n      const nameTerm = bindingToTerm(binding.name)\n      row.addEventListener('click', async _event => {\n        debug.log('       click row textContent: ' + row.textContent)\n        debug.log('       click name: ' + nameTerm.value)\n        if (object && nameTerm) {\n          gotIt(object, nameTerm as Literal)\n        }\n      })\n      return row\n    } // rowForBinding\n    function compareBindingsByName (self, other) {\n      return other.name.value > self.name.value\n        ? 1\n        : other.name.name < self.name.value ? -1 : 0\n    }\n\n    if (inputEventHandlerLock) {\n      debug.log(`Ignoring \"${searchInput.value}\" because of lock `)\n      return\n    }\n    debug.log(`Setting lock at \"${searchInput.value}\"`)\n\n    inputEventHandlerLock = true\n    const languagePrefs = await getPreferredLanguages()\n    const filter = searchInput.value.trim().toLowerCase()\n    if (filter.length < AUTOCOMPLETE_THRESHOLD) { // too small\n      clearList()\n      // candidatesLoaded = false\n      numberOfRows = AUTOCOMPLETE_ROWS\n    } else {\n      if (!allDisplayed || !lastFilter || !filter.startsWith(lastFilter)) {\n        debug.log(`   Querying database at \"${filter}\" cf last \"${lastFilter}\".`)\n        lastBindings = await loadBindingsAndFilterByLanguage(filter, languagePrefs) || [] // freesh query\n      }\n      // Trim table as search gets tighter:\n      const slimmed = filterByName(filter, lastBindings)\n      if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {\n        numberOfRows = slimmed.length // stretch if it means we get all items\n      }\n      allDisplayed = loadedEnough && slimmed.length <= numberOfRows\n      debug.log(` Filter:\"${filter}\" lastBindings: ${lastBindings.length}, slimmed to ${slimmed.length}; rows: ${numberOfRows}, Enough? ${loadedEnough}, All displayed? ${allDisplayed}`)\n\n      const displayable = slimmed.slice(0, numberOfRows)\n\n      displayable.sort(compareBindingsByName)\n      clearList()\n      for (const binding of displayable) {\n        table.appendChild(rowForBinding(binding))\n      }\n      if (slimmed.length === 1) {\n        gotIt(bindingToTerm(slimmed[0].subject), bindingToTerm(slimmed[0].name) as Literal)\n      }\n    } // else\n    inputEventHandlerLock = false\n  } // refreshList\n\n  function initialize () {\n    if (acOptions.currentObject) { // If have existing value then jump into the endgame of the autocomplete\n      searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject\n      foundName = acOptions.currentName\n      lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined\n      foundObject = acOptions.currentObject\n    } else {\n      searchInput.value = ''\n      lastFilter = undefined\n      foundObject = undefined\n    }\n    if (decoration.deleteButton) {\n      setVisible(decoration.deleteButton, !!acOptions.currentObject)\n    }\n\n    if (decoration.acceptButton) {\n      setVisible(decoration.acceptButton, false) // hide until input complete\n    }\n    if (decoration.editButton) {\n      setVisible(decoration.editButton, true)\n    }\n    if (decoration.cancelButton) {\n      setVisible(decoration.cancelButton, false) // only allow cancel when there is something to cancel\n    }\n    inputEventHandlerLock = false\n    clearList()\n  } // initialiize\n\n  // const queryParams: QueryParameters = acOptions.queryParams\n  const targetClass = acOptions.targetClass\n  if (!targetClass) throw new Error('renderAutoComplete: missing targetClass')\n  // console.log(`renderAutoComplete: targetClass=${targetClass}` )\n  if (decoration.acceptButton) {\n    decoration.acceptButton.addEventListener('click', acceptButtonHandler, false)\n  }\n  if (decoration.cancelButton) {\n    decoration.cancelButton.addEventListener('click', cancelButtonHandler, false)\n  }\n\n  // var candidatesLoaded = false\n  let lastBindings\n  let loadedEnough = false\n  let inputEventHandlerLock = false\n  let allDisplayed = false\n  let lastFilter = undefined as (string | undefined)\n  let numberOfRows = AUTOCOMPLETE_ROWS // this gets slimmed down\n  const div = dom.createElement('div')\n  let foundName = undefined as (Literal | undefined)// once found accepted string must match this\n  let foundObject = undefined as (NamedNode | Literal | undefined)\n  const table = div.appendChild(dom.createElement('table'))\n  table.setAttribute('data-testid', 'autocomplete-table')\n  table.setAttribute('style', 'max-width: 30em; margin: 0.5em;')\n  const head = table.appendChild(dom.createElement('tr'))\n  style.setStyle(head, 'autocompleteRowStyle') // textInputStyle or\n  const cell = head.appendChild(dom.createElement('td'))\n  const searchInput = cell.appendChild(dom.createElement('input'))\n  searchInput.setAttribute('type', 'text')\n\n  initialize()\n\n  const size = acOptions.size || styleConstants.textInputSize || 20\n  searchInput.setAttribute('size', size)\n  searchInput.setAttribute('data-testid', 'autocomplete-input')\n\n  const searchInputStyle = style.textInputStyle || // searchInputStyle ?\n    'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em' // @\n  searchInput.setAttribute('style', searchInputStyle)\n  searchInput.addEventListener('keyup', function (event) {\n    if (event.keyCode === 13) {\n      acceptButtonHandler(event)\n    }\n  }, false)\n\n  searchInput.addEventListener('input', inputEventHHandler)\n  // console.log('@@ renderAutoComplete returns ' + div.innerHTML)\n  return div\n} // renderAutoComplete\n\n// ENDS\n"],"mappings":"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"}
+{"version":3,"file":"autocompletePicker.esm.js","names":["widgets.errorMessageBlock","styleConstants","styleConstants_default","AUTOCOMPLETE_THRESHOLD","AUTOCOMPLETE_ROWS","AUTOCOMPLETE_ROWS_STRETCH","setVisible","visible","renderAutoComplete","complain","errorRow","table","dom","message","err","errorMessageBlock","style","finish","log","object","acOptions","store","clearList","callback","name","gotIt","decoration","acceptButtonHandler","foundName","searchInput","foundObject","cancelButtonHandler","initialize","div","nameMatch","parts","filter","j","word","candidate","inputEventHHandler","refreshList","loadBindingsAndFilterByLanguage","bindings","queryPublicDataByName","targetClass","languagePrefs","defaultPreferredLanguages","lastFilter","loadedEnough","filterByLanguage","filterByName","binding","rowForBinding","row","allDisplayed","bindingToTerm","nameTerm","compareBindingsByName","other","self","inputEventHandlerLock","getPreferredLanguages","slimmed","lastBindings","numberOfRows","displayable","head","size","searchInputStyle","event"],"sources":["../../../../src/widgets/forms/autocomplete/autocompletePicker.ts"],"sourcesContent":["/* Autocomplete Picker: Create and edit data using public data\n**\n** As the data source is passed as a parameter, all kinds of APIa and query services can be used\n**\n*/\nimport * as debug from '../../../lib/debug'\nimport { style } from '../../../lib/style'\nimport styleConstants from '../../../lib/styleConstants'\nimport * as widgets from '../../../widgets'\nimport { store } from 'solid-logic'\nimport { NamedNode, Literal } from 'rdflib'\nimport { queryPublicDataByName, bindingToTerm, AUTOCOMPLETE_LIMIT, QueryParameters } from './publicData'\nimport { filterByLanguage, getPreferredLanguages, defaultPreferredLanguages } from './language'\n\nconst AUTOCOMPLETE_THRESHOLD = 4 // don't check until this many characters typed\nconst AUTOCOMPLETE_ROWS = 20 // 20?\nconst AUTOCOMPLETE_ROWS_STRETCH = 40\n\n/*\nAutocomplete happens in 6 phases:\n  1. The search string is too small to bother\n  2. The search string is big enough, and we have not loaded the array\n  3. The search string is big enough, and we have loaded array up to the limit\n       Display them and wait for more user input\n  4. The search string is big enough, and we have loaded array NOT to the limit\n     but including all matches.   No more fetches.\n     If user gets more precise, wait for them to select one - or reduce to a single\n  5. Single one selected. Optionally waiting for accept button to be pressed, OR can change string and go to 5 or 2\n  6. Locked with a value. Press 'edit' button to return to 5\n*/\n\nexport type AutocompleteDecoration = {\n  acceptButton?: HTMLElement,\n  cancelButton: HTMLElement, // Must have cancel button\n  editButton?: HTMLElement,\n  deleteButton?: HTMLElement\n}\nexport type AutocompleteOptions = {\n  targetClass?: NamedNode,\n  currentObject?: NamedNode,\n  currentName?: Literal,\n  queryParams: QueryParameters,\n  size?: number,\n  permanent?: boolean\n}\n\ninterface Callback1 {\n  (_subject: NamedNode, _name: Literal): any;\n}\n\nexport function setVisible (element:HTMLElement, visible:boolean) {\n  element.style.display = visible ? '' : 'none' // Do not use visibility, it holds the real estate\n}\n\n// The core of the autocomplete UI\nexport async function renderAutoComplete (dom: HTMLDocument,\n  acOptions:AutocompleteOptions,\n  decoration: AutocompleteDecoration,\n  callback: Callback1) {\n  function complain (message) {\n    const errorRow = table.appendChild(dom.createElement('tr'))\n    debug.log(message)\n    const err = new Error(message)\n    errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'))\n    // errorMessageBlock will log the stack to the console\n    style.setStyle(errorRow, 'autocompleteRowStyle')\n    errorRow.style.padding = '1em'\n  }\n\n  function finish (object, name) {\n    debug.log('Auto complete: finish! ' + object)\n    if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {\n      object = store.sym(acOptions.queryParams.objectURIBase.value + object.value)\n    }\n    // remove(decoration.cancelButton)\n    // remove(decoration.acceptButton)\n    // remove(div)\n    clearList()\n    callback(object, name)\n  }\n  async function gotIt (object:NamedNode | Literal, name: Literal) {\n    if (decoration.acceptButton) {\n      (decoration.acceptButton as any).disbaled = false\n      setVisible(decoration.acceptButton, true) // now wait for confirmation\n      searchInput.value = name.value // complete it\n      foundName = name\n      foundObject = object\n      debug.log('Auto complete: name: ' + name)\n      debug.log('Auto complete: waiting for accept ' + object)\n      clearList() // This may be an option - nice and clean but does not allow change of mind\n      return\n    }\n    setVisible(decoration.cancelButton, true)\n    finish(object, name)\n  }\n\n  async function acceptButtonHandler (_event) {\n    if (foundName && searchInput.value === foundName.value) { // still\n      finish(foundObject, foundName)\n    }\n  }\n\n  async function cancelButtonHandler (_event) {\n    debug.log('Auto complete: Canceled by user! ')\n    if (acOptions.permanent) {\n      initialize()\n    } else {\n      if (div.parentNode) {\n        div.parentNode.removeChild(div)\n      }\n    }\n  }\n\n  function nameMatch (filter:string, candidate: string):boolean {\n    const parts = filter.split(' ') // Each name part must be somewhere\n    for (let j = 0; j < parts.length; j++) {\n      const word = parts[j]\n      if (candidate.toLowerCase().indexOf(word) < 0) return false\n    }\n    return true\n  }\n\n  function clearList () {\n    while (table.children.length > 1) {\n      table.removeChild(table.lastChild as Node)\n    }\n  }\n\n  async function inputEventHHandler (_event) {\n    // console.log('@@ AC inputEventHHandler called')\n    setVisible(decoration.cancelButton, true) // only allow cancel when there is something to cancel\n    refreshList() /// @@  debounqce does not work with jest\n    /*\n    if (runningTimeout) {\n      clearTimeout(runningTimeout)\n    }\n    runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)\n    */\n  }\n\n  async function loadBindingsAndFilterByLanguage (filter, languagePrefs) {\n    // console.log('@@ loadBindingsAndFilterByLanguage ' + filter)\n    let bindings\n    try {\n      bindings = await queryPublicDataByName(filter, targetClass as any,\n        languagePrefs || defaultPreferredLanguages, acOptions.queryParams)\n    } catch (err) {\n      complain('Error querying db of organizations: ' + err)\n      inputEventHandlerLock = false\n      return\n    }\n    loadedEnough = bindings.length < AUTOCOMPLETE_LIMIT\n    if (loadedEnough) {\n      lastFilter = filter\n    } else {\n      lastFilter = undefined\n    }\n    clearList()\n    const slimmed = filterByLanguage(bindings, languagePrefs)\n    return slimmed || []\n  }\n\n  function filterByName (filter, bindings) {\n    return (bindings || []).filter(binding => nameMatch(filter, binding.name.value))\n  }\n\n  async function refreshList () {\n    // console.log('@@ refreshList called')\n    function rowForBinding (binding) {\n      const row = dom.createElement('tr')\n      style.setStyle(row, 'autocompleteRowStyle')\n      row.setAttribute('style', 'padding: 0.3em;')\n      row.style.color = allDisplayed ? '#080' : '#088' // green means 'you should find it here'\n      row.textContent = binding.name.value\n      const object = bindingToTerm(binding.subject)\n      const nameTerm = bindingToTerm(binding.name)\n      row.addEventListener('click', async _event => {\n        debug.log('       click row textContent: ' + row.textContent)\n        debug.log('       click name: ' + nameTerm.value)\n        if (object && nameTerm) {\n          gotIt(object, nameTerm as Literal)\n        }\n      })\n      return row\n    } // rowForBinding\n    function compareBindingsByName (self, other) {\n      return other.name.value > self.name.value\n        ? 1\n        : other.name.name < self.name.value ? -1 : 0\n    }\n\n    if (inputEventHandlerLock) {\n      debug.log(`Ignoring \"${searchInput.value}\" because of lock `)\n      return\n    }\n    debug.log(`Setting lock at \"${searchInput.value}\"`)\n\n    inputEventHandlerLock = true\n    const languagePrefs = await getPreferredLanguages()\n    const filter = searchInput.value.trim().toLowerCase()\n    if (filter.length < AUTOCOMPLETE_THRESHOLD) { // too small\n      clearList()\n      // candidatesLoaded = false\n      numberOfRows = AUTOCOMPLETE_ROWS\n    } else {\n      if (!allDisplayed || !lastFilter || !filter.startsWith(lastFilter)) {\n        debug.log(`   Querying database at \"${filter}\" cf last \"${lastFilter}\".`)\n        lastBindings = await loadBindingsAndFilterByLanguage(filter, languagePrefs) || [] // freesh query\n      }\n      // Trim table as search gets tighter:\n      const slimmed = filterByName(filter, lastBindings)\n      if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {\n        numberOfRows = slimmed.length // stretch if it means we get all items\n      }\n      allDisplayed = loadedEnough && slimmed.length <= numberOfRows\n      debug.log(` Filter:\"${filter}\" lastBindings: ${lastBindings.length}, slimmed to ${slimmed.length}; rows: ${numberOfRows}, Enough? ${loadedEnough}, All displayed? ${allDisplayed}`)\n\n      const displayable = slimmed.slice(0, numberOfRows)\n\n      displayable.sort(compareBindingsByName)\n      clearList()\n      for (const binding of displayable) {\n        table.appendChild(rowForBinding(binding))\n      }\n      if (slimmed.length === 1) {\n        gotIt(bindingToTerm(slimmed[0].subject), bindingToTerm(slimmed[0].name) as Literal)\n      }\n    } // else\n    inputEventHandlerLock = false\n  } // refreshList\n\n  function initialize () {\n    if (acOptions.currentObject) { // If have existing value then jump into the endgame of the autocomplete\n      searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject\n      foundName = acOptions.currentName\n      lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined\n      foundObject = acOptions.currentObject\n    } else {\n      searchInput.value = ''\n      lastFilter = undefined\n      foundObject = undefined\n    }\n    if (decoration.deleteButton) {\n      setVisible(decoration.deleteButton, !!acOptions.currentObject)\n    }\n\n    if (decoration.acceptButton) {\n      setVisible(decoration.acceptButton, false) // hide until input complete\n    }\n    if (decoration.editButton) {\n      setVisible(decoration.editButton, true)\n    }\n    if (decoration.cancelButton) {\n      setVisible(decoration.cancelButton, false) // only allow cancel when there is something to cancel\n    }\n    inputEventHandlerLock = false\n    clearList()\n  } // initialiize\n\n  // const queryParams: QueryParameters = acOptions.queryParams\n  const targetClass = acOptions.targetClass\n  if (!targetClass) throw new Error('renderAutoComplete: missing targetClass')\n  // console.log(`renderAutoComplete: targetClass=${targetClass}` )\n  if (decoration.acceptButton) {\n    decoration.acceptButton.addEventListener('click', acceptButtonHandler, false)\n  }\n  if (decoration.cancelButton) {\n    decoration.cancelButton.addEventListener('click', cancelButtonHandler, false)\n  }\n\n  // var candidatesLoaded = false\n  let lastBindings\n  let loadedEnough = false\n  let inputEventHandlerLock = false\n  let allDisplayed = false\n  let lastFilter = undefined as (string | undefined)\n  let numberOfRows = AUTOCOMPLETE_ROWS // this gets slimmed down\n  const div = dom.createElement('div')\n  let foundName = undefined as (Literal | undefined)// once found accepted string must match this\n  let foundObject = undefined as (NamedNode | Literal | undefined)\n  const table = div.appendChild(dom.createElement('table'))\n  table.setAttribute('data-testid', 'autocomplete-table')\n  table.setAttribute('style', 'max-width: 30em; margin: 0.5em;')\n  const head = table.appendChild(dom.createElement('tr'))\n  style.setStyle(head, 'autocompleteRowStyle') // textInputStyle or\n  const cell = head.appendChild(dom.createElement('td'))\n  const searchInput = cell.appendChild(dom.createElement('input'))\n  searchInput.setAttribute('type', 'text')\n\n  initialize()\n\n  const size = acOptions.size || styleConstants.textInputSize || 20\n  searchInput.setAttribute('size', size)\n  searchInput.setAttribute('data-testid', 'autocomplete-input')\n\n  const searchInputStyle = style.textInputStyle || // searchInputStyle ?\n    'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em' // @\n  searchInput.setAttribute('style', searchInputStyle)\n  searchInput.addEventListener('keyup', function (event) {\n    if (event.keyCode === 13) {\n      acceptButtonHandler(event)\n    }\n  }, false)\n\n  searchInput.addEventListener('input', inputEventHHandler)\n  // console.log('@@ renderAutoComplete returns ' + div.innerHTML)\n  return div\n} // renderAutoComplete\n\n// ENDS\n"],"mappings":"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"}

package/dist/widgets/forms/autocomplete/language.esm.js

@@ -2,7 +2,7 @@ import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.esm.js";
 import t from "../../../lib/ns.esm.js";
 import { log as n } from "../../../lib/debug.esm.js";
 import { authn as r, store as i } from "solid-logic";
-//#region src/widgets/forms/autocomplete/language.ts
+// src/widgets/forms/autocomplete/language.ts
 var a = /* @__PURE__ */ e({
 	addDefaults: () => c,
 	defaultPreferredLanguages: () => s,
@@ -70,7 +70,6 @@ function d(e, t) {
 	}
 	return n(` Filter by language: ${e.length} -> ${a.length}`), a;
 }
-//#endregion
 export { c as addDefaults, s as defaultPreferredLanguages, d as filterByLanguage, u as getPreferredLanguages, l as getPreferredLanguagesFor, o as languageCodeURIBase, a as language_exports };
 
 //# sourceMappingURL=language.esm.js.map

package/dist/widgets/forms/autocomplete/publicData.esm.js

@@ -4,7 +4,7 @@ import { log as n, warn as r } from "../../../lib/debug.esm.js";
 import { defaultPreferredLanguages as i, getPreferredLanguages as a } from "./language.esm.js";
 import { Literal as o, parse as s } from "rdflib";
 import { store as c } from "solid-logic";
-//#region src/widgets/forms/autocomplete/publicData.ts
+// src/widgets/forms/autocomplete/publicData.ts
 var l = /* @__PURE__ */ e({
 	AUTOCOMPLETE_LIMIT: () => 200,
 	ESCOResultToBindings: () => C,
@@ -245,7 +245,6 @@ async function N(e, t, r) {
     OPTIONAL { ${r} <http://dbpedia.org/ontology/country> ?country }
    }`, h), r.doc()), n("Finished getDbpediaDetails.");
 }
-//#endregion
 export { C as ESCOResultToBindings, x as bindingToTerm, g as dbPediaTypeMap, h as dbpediaParameters, m as escoParameters, p as fetcherOptionsJsonPublicData, N as getDbpediaDetails, A as getWikidataDetails, j as getWikidataDetailsOld, M as getWikidataLocation, f as instituteDetailsWikidataQuery, S as loadFromBindings, k as loadPublicDataThing, l as publicData_exports, w as queryESCODataByName, E as queryPublicDataByName, O as queryPublicDataConstruct, D as queryPublicDataSelect, b as variableNameToPredicateMap, d as wikidataClasses, y as wikidataIncomingClassMap, _ as wikidataOutgoingClassMap, v as wikidataParameters };
 
 //# sourceMappingURL=publicData.esm.js.map

package/dist/widgets/forms/basic.esm.js

@@ -8,7 +8,7 @@ import { fieldParams as a } from "./fieldParams.esm.js";
 import { mostSpecificClassURI as o } from "./fieldFunction.esm.js";
 import { Literal as s, st as c } from "rdflib";
 import { solidLogicSingleton as l } from "solid-logic";
-//#region src/widgets/forms/basic.ts
+// src/widgets/forms/basic.ts
 var u = l.store;
 function d(t, a, o, s, c) {
 	o.style.display = "flex", o.style.flexDirection = "row";
@@ -85,7 +85,6 @@ function m(t, l, f, m, h, g, _) {
 		}
 	}, !0), b) : (O.readOnly = !0, O.style = r.textInputStyleUneditable + E, C && O.value === "" && (b.style.display = "none"), b);
 }
-//#endregion
 export { m as basicField, f as fieldLabel, p as fieldStore, d as renderNameValuePair };
 
 //# sourceMappingURL=basic.esm.js.map

package/dist/widgets/forms/fieldFunction.esm.js

@@ -1,7 +1,7 @@
 import { debug as e } from "../../lib/log.esm.js";
 import { errorMessageBlock as t } from "../error.esm.js";
 import { solidLogicSingleton as n } from "solid-logic";
-//#region src/widgets/forms/fieldFunction.ts
+// src/widgets/forms/fieldFunction.ts
 var r = n.store, i = {};
 function a(e) {
 	let t = r, n = t.findTypeURIs(e), i = t.bottomTypeURIs(n), a = [];
@@ -15,7 +15,6 @@ function o(n, r) {
 		return n && n.appendChild(i), i;
 	};
 }
-//#endregion
 export { i as field, o as fieldFunction, a as mostSpecificClassURI };
 
 //# sourceMappingURL=fieldFunction.esm.js.map

package/dist/widgets/forms/fieldParams.esm.js

@@ -1,6 +1,6 @@
 import e from "../../lib/ns.esm.js";
 import { style as t } from "../../lib/style.esm.js";
-//#region src/widgets/forms/fieldParams.ts
+// src/widgets/forms/fieldParams.ts
 var n = {
 	[e.ui("ColorField").uri]: {
 		size: 9,
@@ -68,7 +68,6 @@ var n = {
 		style: t.formHeadingStyle
 	}
 };
-//#endregion
 export { n as fieldParams };
 
 //# sourceMappingURL=fieldParams.esm.js.map

package/dist/widgets/forms/formStyle.esm.js

@@ -2,7 +2,7 @@ import e from "../../lib/ns.esm.js";
 import { fieldParams as t } from "./fieldParams.esm.js";
 import { mostSpecificClassURI as n } from "./fieldFunction.esm.js";
 import { store as r } from "solid-logic";
-//#region src/widgets/forms/formStyle.ts
+// src/widgets/forms/formStyle.ts
 var i = "https://www.w3.org/ns/css#";
 function a(a, o) {
 	let s = n(o), c = t[s] || {}, l = r.any(o, e.ui("style"));
@@ -17,7 +17,6 @@ function a(a, o) {
 		}
 	}) : c.style && a.setAttribute("style", c.style);
 }
-//#endregion
 export { a as setFieldStyle };
 
 //# sourceMappingURL=formStyle.esm.js.map

package/dist/widgets/forms.esm.js

@@ -17,7 +17,7 @@ import { IconicMultiSelect as A } from "./multiSelect.esm.js";
 import "./index.esm.js";
 import * as j from "rdflib";
 import { store as M } from "solid-logic";
-//#region src/widgets/forms.js
+// src/widgets/forms.js
 var N = "✓", P = "✕", F = "-", I = M;
 x[e.ui("AutocompleteField").uri] = k;
 function L(t, n, r, i, a, o, c) {
@@ -761,7 +761,6 @@ function ie(e, t, n) {
 	}
 	return h;
 }
-//#endregion
 export { V as appendForm, T as basicField, Z as buildCheckboxForm, B as editFormButton, x as field, S as fieldFunction, E as fieldLabel, b as fieldParams, D as fieldStore, U as findClosest, ee as formsFor, q as makeDescription, Y as makeSelectForCategory, re as makeSelectForChoice, J as makeSelectForClassifierOptions, X as makeSelectForNestedCategory, ne as makeSelectForOptions, C as mostSpecificClassURI, te as newButton, Q as newThing, K as promptForNew, H as propertiesForClass, O as renderNameValuePair, G as sortByLabel, W as sortBySequence };
 
 //# sourceMappingURL=forms.esm.js.map

package/dist/widgets/index.esm.js

@@ -11,7 +11,7 @@ import { publicData_exports as oe } from "./forms/autocomplete/publicData.esm.js
 import { renderAutoComplete as se, setVisible as ce } from "./forms/autocomplete/autocompletePicker.esm.js";
 import { renderAutocompleteControl as le } from "./forms/autocomplete/autocompleteBar.esm.js";
 import { appendForm as ue, buildCheckboxForm as de, editFormButton as fe, findClosest as pe, formsFor as me, makeDescription as he, makeSelectForCategory as ge, makeSelectForChoice as _e, makeSelectForClassifierOptions as ve, makeSelectForNestedCategory as ye, makeSelectForOptions as be, newButton as xe, newThing as Se, promptForNew as Ce, propertiesForClass as we, sortByLabel as Te, sortBySequence as Ee } from "./forms.esm.js";
-//#region src/widgets/index.js
+// src/widgets/index.js
 var De = /* @__PURE__ */ ee({
 	Group: () => i,
 	GroupBuilder: () => a,
@@ -94,7 +94,6 @@ var De = /* @__PURE__ */ ee({
 	timestamp: () => Y,
 	uploadFiles: () => n
 });
-//#endregion
 export { i as Group, a as GroupBuilder, o as GroupPicker, s as PeoplePicker, c as Person, d as addStyleSheet, f as allClassURIs, ue as appendForm, p as askName, m as attachmentList, ne as basicField, de as buildCheckboxForm, h as button, g as cancelButton, _ as clearElement, v as complain, y as continueButton, b as createLinkDiv, l as createLinkForURI, x as createNameDiv, S as defaultAnnotationStore, C as deleteButtonWithCheck, fe as editFormButton, r as errorMessageBlock, w as extractLogURI, T as faviconOrDefault, Z as field, Q as fieldFunction, re as fieldLabel, X as fieldParams, ie as fieldStore, E as fileUploadButtonDiv, pe as findClosest, D as findImage, O as findImageFromURI, k as formatDateTime, me as formsFor, A as iconForClass, j as imagesOf, M as index, N as isAudio, P as isImage, F as isVideo, I as linkButton, u as linkIcon, he as makeDescription, e as makeDraggable, t as makeDropTarget, ge as makeSelectForCategory, _e as makeSelectForChoice, ve as makeSelectForClassifierOptions, ye as makeSelectForNestedCategory, be as makeSelectForOptions, $ as mostSpecificClassURI, xe as newButton, Se as newThing, L as openHrefInOutlineMode, R as personTR, Ce as promptForNew, we as propertiesForClass, z as propertyTriage, oe as publicData, B as refreshTree, V as removeButton, H as renderAsDiv, U as renderAsRow, se as renderAutoComplete, le as renderAutocompleteControl, ae as renderNameValuePair, te as selectorPanel, W as selectorPanelRefresh, G as setImage, K as setName, ce as setVisible, q as shortDate, J as shortTime, Te as sortByLabel, Ee as sortBySequence, Y as timestamp, n as uploadFiles, De as widgets_exports };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/widgets/multiSelect.esm.js

@@ -1,5 +1,5 @@
 import { style as e } from "../lib/style_multiSelect.esm.js";
-//#region src/widgets/multiSelect.js
+// src/widgets/multiSelect.js
 var t = class {
 	_data;
 	_domElements;
@@ -270,7 +270,6 @@ var t = class {
 		} else n && n.parentNode && n.parentNode.removeChild(n);
 	}
 };
-//#endregion
 export { t as IconicMultiSelect };
 
 //# sourceMappingURL=multiSelect.esm.js.map