solid-ui 2.4.23 → 2.4.24

package/lib/widgets/forms.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -72,65 +70,41 @@ Object.defineProperty(exports, "renderNameValuePair", {
 });
 exports.sortByLabel = sortByLabel;
 exports.sortBySequence = sortBySequence;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var buttons = _interopRequireWildcard(require("./buttons"));
-
 var _fieldParams = require("./forms/fieldParams");
-
 var _fieldFunction = require("./forms/fieldFunction");
-
 var _formStyle = require("./forms/formStyle");
-
 var debug = _interopRequireWildcard(require("../debug"));
-
 var _error = require("./error");
-
 var _basic = require("./forms/basic");
-
 var _autocompleteField = require("./forms/autocomplete/autocompleteField");
-
 var style = _interopRequireWildcard(require("../style"));
-
 var _iconBase = require("../iconBase");
-
 var log = _interopRequireWildcard(require("../log"));
-
 var ns = _interopRequireWildcard(require("../ns"));
-
 var $rdf = _interopRequireWildcard(require("rdflib"));
-
 var _solidLogic = require("solid-logic");
-
 var utils = _interopRequireWildcard(require("../utils"));
-
 var _multiSelect = require("./multiSelect");
-
 var widgets = _interopRequireWildcard(require("../widgets"));
-
 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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, 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 checkMarkCharacter = "\u2713";
 var cancelCharacter = "\u2715";
 var dashCharacter = '-';
 var kb = _solidLogic.store;
-_fieldFunction.field[ns.ui('AutocompleteField').uri] = _autocompleteField.autocompleteField; // ///////////////////////////////////////////////////////////////////////
+_fieldFunction.field[ns.ui('AutocompleteField').uri] = _autocompleteField.autocompleteField;
+
+// ///////////////////////////////////////////////////////////////////////
 
 /*                                  Form Field implementations
  **
  */
-
 /**          Group of different fields
  **
  **  One type of form field is an ordered Group of other fields.
@@ -146,20 +120,16 @@ _fieldFunction.field[ns.ui('AutocompleteField').uri] = _autocompleteField.autoco
  **
  ** @returns {Element} The HTML widget created
  */
-
 function refreshOpionsSubfieldinGroup(dom, already, subject, dataDoc, callbackFunction, groupDiv, subfields) {
   var eles = groupDiv.children;
-
   for (var j = 0; j < subfields.length; j++) {
     // This is really messy.
     var _field = subfields[j];
     var t = (0, _fieldFunction.mostSpecificClassURI)(_field); // Field type
-
     if (t === ns.ui('Options').uri) {
       var optionsRender = (0, _fieldFunction.fieldFunction)(dom, _field);
       var newOne = optionsRender(dom, null, already, subject, _field, dataDoc, callbackFunction);
       debug.log('Refreshing Options field by replacing it.'); // better to support actual refresh
-
       groupDiv.insertBefore(newOne, eles[j]);
       groupDiv.removeChild(eles[j + 1]); // Remove the old one
     }
@@ -169,54 +139,44 @@ function refreshOpionsSubfieldinGroup(dom, already, subject, dataDoc, callbackFu
 _fieldFunction.field[ns.ui('Form').uri] = _fieldFunction.field[ns.ui('Group').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   var box = dom.createElement('div');
   var ui = ns.ui;
-  if (container) container.appendChild(box); // Prevent loops
+  if (container) container.appendChild(box);
 
+  // Prevent loops
   if (!form) return;
   var key = subject.toNT() + '|' + form.toNT();
-
   if (already[key]) {
     // been there done that
-    box.appendChild(dom.createTextNode('Group: see above ' + key)); // TODO fix dependency cycle to solid-panes by calling outlineManager
+    box.appendChild(dom.createTextNode('Group: see above ' + key));
+    // TODO fix dependency cycle to solid-panes by calling outlineManager
     // const plist = [$rdf.st(subject, ns.owl('sameAs'), subject)] // @@ need prev subject
     // dom.outlineManager.appendPropertyTRs(box, plist)
     // dom.appendChild(plist)
-
     return box;
   }
-
   var already2 = {};
-
   for (var x in already) {
     already2[x] = 1;
   }
-
   already2[key] = 1;
   var formDoc = form.doc ? form.doc() : null; // @@ if blank no way to know
-
   var weight0 = kb.any(form, ui('weight'), null, formDoc); // Say 0-3
-
   var weight = weight0 ? Number(weight0.value) : 1;
   if (weight > 3 || weight < 0) return box.appendChild((0, _error.errorMessageBlock)(dom, "Form Group weight ".concat(weight, " should be 0-3")));
   box.setAttribute('style', style.formGroupStyle[weight]); // Indent a group
-
   box.style.display = 'flex';
   box.style.flexDirection = 'column';
   box["class"] = 'form-weight-' + weight;
   var parts = kb.any(form, ui('parts'), null, formDoc);
   var subfields;
-
   if (parts) {
     subfields = parts.elements;
   } else {
     parts = kb.each(form, ui('part'), null, formDoc); //  Warning: unordered
-
     subfields = sortBySequence(parts);
   }
-
   if (!parts) {
     return box.appendChild((0, _error.errorMessageBlock)(dom, 'No parts to form! '));
   }
-
   for (var i = 0; i < subfields.length; i++) {
     var _field2 = subfields[i];
     var subFieldFunction = (0, _fieldFunction.fieldFunction)(dom, _field2); //
@@ -225,18 +185,16 @@ _fieldFunction.field[ns.ui('Form').uri] = _fieldFunction.field[ns.ui('Group').ur
       if (ok && body && body.widget && body.widget === 'select') {
         refreshOpionsSubfieldinGroup(dom, already, subject, dataDoc, callbackFunction, box, subfields);
       }
-
       callbackFunction(ok, {
         widget: 'group',
         change: body
       });
     };
-
     box.appendChild(subFieldFunction(dom, null, already2, subject, _field2, dataDoc, itemChanged));
   }
-
   return box;
 };
+
 /**          Options field: Select one or more cases
  **
  ** @param {Document} dom The HTML Document object aka Document Object Model
@@ -250,7 +208,6 @@ _fieldFunction.field[ns.ui('Form').uri] = _fieldFunction.field[ns.ui('Group').ur
  ** @returns {Element} The HTML widget created
  */
 
-
 _fieldFunction.field[ns.ui('Options').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   var kb = _solidLogic.store;
   var box = dom.createElement('div');
@@ -259,20 +216,14 @@ _fieldFunction.field[ns.ui('Options').uri] = function (dom, container, already,
   var ui = ns.ui;
   if (container) container.appendChild(box);
   var dependingOn = kb.any(form, ui('dependingOn'));
-
   if (!dependingOn) {
     dependingOn = ns.rdf('type');
   } // @@ default to type (do we want defaults?)
-
-
   var cases = kb.each(form, ui('case'), null, formDoc);
-
   if (!cases) {
     box.appendChild((0, _error.errorMessageBlock)(dom, 'No cases to Options form. '));
   }
-
   var values;
-
   if (dependingOn.sameTerm(ns.rdf('type'))) {
     values = Object.keys(kb.findTypeURIs(subject)).map(function (uri) {
       return $rdf.sym(uri);
@@ -280,22 +231,17 @@ _fieldFunction.field[ns.ui('Options').uri] = function (dom, container, already,
   } else {
     values = kb.each(subject, dependingOn);
   }
-
   for (var i = 0; i < cases.length; i++) {
     var c = cases[i];
     var tests = kb.each(c, ui('for'), null, formDoc); // There can be multiple 'for'
-
     var match = false;
-
     for (var j = 0; j < tests.length; j++) {
       var _iterator = _createForOfIteratorHelper(values),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var value = _step.value;
           var test = tests[j];
-
           if (value.sameTerm(tests) || value.termType === test.termType && value.value === test.value) {
             match = true;
           }
@@ -306,24 +252,21 @@ _fieldFunction.field[ns.ui('Options').uri] = function (dom, container, already,
         _iterator.f();
       }
     }
-
     if (match) {
       var _field3 = kb.the(c, ui('use'));
-
       if (!_field3) {
         box.appendChild((0, _error.errorMessageBlock)(dom, 'No "use" part for case in form ' + form));
         return box;
       } else {
         appendForm(dom, box, already, subject, _field3, dataDoc, callbackFunction);
       }
-
       break;
     }
-  } // @@ Add box.refresh() to sync fields with values
-
-
+  }
+  // @@ Add box.refresh() to sync fields with values
   return box;
 };
+
 /**          Multiple field: zero or more similar subFields
  **
  ** @param {Document} dom The HTML Document object aka Document Object Model
@@ -341,8 +284,6 @@ _fieldFunction.field[ns.ui('Options').uri] = function (dom, container, already,
  **      @param {NamedNode} property The property to be written in the data
  **      @param {Boolean} ordered Is the list an ordered one where the user defined the order
  */
-
-
 _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   /** Diagnostic function
   */
@@ -351,12 +292,11 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
       return x.toString().slice(-7);
     }).join(', ');
   }
+
   /** Add an item to the local quadstore not the UI or the web
   *
    * @param {Node} object The RDF object to be represented by this item.
    */
-
-
   function addItem() {
     return _addItem.apply(this, arguments);
   }
@@ -364,8 +304,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
    * @param {Event} anyEvent if used as an event handler
    * @param {Node} object The RDF object to be represented by this item.
    */
-
-
   function _addItem() {
     _addItem = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
       var object, toBeInserted, msg;
@@ -374,43 +312,34 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
           switch (_context6.prev = _context6.next) {
             case 0:
               object = newThing(dataDoc); // by default just add new nodes
-
               if (!ordered) {
                 _context6.next = 8;
                 break;
               }
-
               createListIfNecessary(); // Sets list and unsavedList
-
               list.elements.push(object);
               _context6.next = 6;
               return saveListThenRefresh();
-
             case 6:
               _context6.next = 20;
               break;
-
             case 8:
               // eslint-disable-next-line multiline-ternary
               toBeInserted = reverse ? [$rdf.st(object, property, subject, dataDoc)] : [$rdf.st(subject, property, object, dataDoc)];
               _context6.prev = 9;
               _context6.next = 12;
               return kb.updater.update([], toBeInserted);
-
             case 12:
               _context6.next = 19;
               break;
-
             case 14:
               _context6.prev = 14;
               _context6.t0 = _context6["catch"](9);
               msg = 'Error adding to unordered multiple: ' + _context6.t0;
               box.appendChild((0, _error.errorMessageBlock)(dom, msg));
               debug.error(msg);
-
             case 19:
               refresh();
-
             case 20:
             case "end":
               return _context6.stop();
@@ -420,7 +349,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
     }));
     return _addItem.apply(this, arguments);
   }
-
   function renderItem(object) {
     function deleteThisItem() {
       return _deleteThisItem.apply(this, arguments);
@@ -429,8 +357,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
      * @param {Event} anyEvent if used as an event handler
      * @param {Boolean} upwards Move this up (true) or down (false).
      */
-
-
     function _deleteThisItem() {
       _deleteThisItem = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
         var i, del;
@@ -442,37 +368,29 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
                   _context3.next = 14;
                   break;
                 }
-
                 debug.log('pre delete: ' + debugString(list.elements));
                 i = 0;
-
               case 3:
                 if (!(i < list.elements.length)) {
                   _context3.next = 12;
                   break;
                 }
-
                 if (!list.elements[i].sameTerm(object)) {
                   _context3.next = 9;
                   break;
                 }
-
                 list.elements.splice(i, 1);
                 _context3.next = 8;
                 return saveListThenRefresh();
-
               case 8:
                 return _context3.abrupt("return");
-
               case 9:
                 i++;
                 _context3.next = 3;
                 break;
-
               case 12:
                 _context3.next = 15;
                 break;
-
               case 14:
                 // unordered
                 if (kb.holds(subject, property, object, dataDoc)) {
@@ -485,7 +403,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
                     }
                   });
                 }
-
               case 15:
               case "end":
                 return _context3.stop();
@@ -495,7 +412,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
       }));
       return _deleteThisItem.apply(this, arguments);
     }
-
     function moveThisItem(_x, _x2) {
       return _moveThisItem.apply(this, arguments);
     }
@@ -504,8 +420,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
     * One possibility is to not actually make the link to the thing until
     * this callback happens to avoid widow links
      */
-
-
     function _moveThisItem() {
       _moveThisItem = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(event, upwards) {
         var i;
@@ -516,66 +430,50 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
                 // @@ possibly, allow shift+click to do move to top or bottom?
                 debug.log('pre move: ' + debugString(list.elements));
                 i = 0;
-
               case 2:
                 if (!(i < list.elements.length)) {
                   _context4.next = 8;
                   break;
                 }
-
                 if (!list.elements[i].sameTerm(object)) {
                   _context4.next = 5;
                   break;
                 }
-
                 return _context4.abrupt("break", 8);
-
               case 5:
                 i++;
                 _context4.next = 2;
                 break;
-
               case 8:
                 if (i === list.elements.length) {
                   alert('list move: not found element for ' + object);
                 }
-
                 if (!upwards) {
                   _context4.next = 16;
                   break;
                 }
-
                 if (!(i === 0)) {
                   _context4.next = 13;
                   break;
                 }
-
                 alert('@@ boop - already at top   -temp message'); // @@ make boop sound
-
                 return _context4.abrupt("return");
-
               case 13:
                 list.elements.splice(i - 1, 2, list.elements[i], list.elements[i - 1]);
                 _context4.next = 20;
                 break;
-
               case 16:
                 if (!(i === list.elements.length - 1)) {
                   _context4.next = 19;
                   break;
                 }
-
                 alert('@@ boop - already at bottom   -temp message'); // @@ make boop sound
-
                 return _context4.abrupt("return");
-
               case 19:
                 list.elements.splice(i, 2, list.elements[i + 1], list.elements[i]);
-
               case 20:
                 _context4.next = 22;
                 return saveListThenRefresh();
-
               case 22:
               case "end":
                 return _context4.stop();
@@ -585,28 +483,22 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
       }));
       return _moveThisItem.apply(this, arguments);
     }
-
     function itemDone(ok, message) {
       debug.log("Item done callback for item ".concat(object.toString()));
-
       if (!ok) {
         // when does this happen? errors typically deal with upstream
         debug.error('  Item done callback: Error: ' + message);
       }
-
       callbackFunction(ok, message);
     }
-
     log.debug('Multiple: render object: ' + object);
     var fn = (0, _fieldFunction.fieldFunction)(dom, element);
     var subField = fn(dom, null, already, object, element, dataDoc, itemDone); // subfields was: body.  moving to not passing that
-
     subField.subject = object; // Keep a back pointer between the DOM array and the RDF objects
-    // delete button and move buttons
 
+    // delete button and move buttons
     if (kb.updater.editable(dataDoc.uri)) {
       buttons.deleteButtonWithCheck(dom, subField, multipleUIlabel, deleteThisItem);
-
       if (ordered) {
         // Add controsl in a frame
         var frame = dom.createElement('div');
@@ -620,7 +512,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
                 switch (_context.prev = _context.next) {
                   case 0:
                     return _context.abrupt("return", moveThisItem(event, true));
-
                   case 1:
                   case "end":
                     return _context.stop();
@@ -628,7 +519,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
               }
             }, _callee);
           }));
-
           return function (_x3) {
             return _ref.apply(this, arguments);
           };
@@ -640,7 +530,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
                 switch (_context2.prev = _context2.next) {
                   case 0:
                     return _context2.abrupt("return", moveThisItem(event, false));
-
                   case 1:
                   case "end":
                     return _context2.stop();
@@ -648,17 +537,12 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
               }
             }, _callee2);
           }));
-
           return function (_x4) {
             return _ref2.apply(this, arguments);
           };
         }());
-
         var _shim = dom.createElement('div');
-
         _shim.appendChild(subField); // Subfield has its own layout
-
-
         frame.appendChild(_shim);
         frame.appendChild(moveUpButton);
         frame.appendChild(moveDownButton);
@@ -666,21 +550,18 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
         moveDownButton.style.gridColumn = 2;
         moveUpButton.style.gridRow = 1;
         moveDownButton.style.padding = '0em'; // don't take too much space
-
         moveUpButton.style.padding = '0em';
         moveDownButton.style.gridRow = 2;
         _shim.style.gridColumn = 1;
         _shim.style.gridRowStart = 'span 2'; // Cover both rows
         // shim.style.gridRowEnd = 2 // Cover both rows
-
         return frame;
       }
     }
-
     return subField; // unused
   } // renderItem
-  /// ///////// Body of Multiple form field implementation
 
+  /// ///////// Body of Multiple form field implementation
 
   var plusIconURI = _iconBase.icons.iconBase + 'noun_19460_green.svg'; // white plus in green circle
 
@@ -691,44 +572,33 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
   var shim = box; // no  shim
   // We don't indent multiple as it is a sort of a prefix of the next field and has contents of one.
   // box.setAttribute('style', 'padding-left: 2em; border: 0.05em solid green;')  // Indent a multiple
-
   var ui = ns.ui;
   if (container) container.appendChild(box);
   var orderedNode = kb.any(form, ui('ordered'));
   var ordered = orderedNode ? $rdf.Node.toJS(orderedNode) : false;
   var property = kb.any(form, ui('property'));
   var reverse = kb.anyJS(form, ui('reverse'), null, formDoc);
-
   if (!property) {
     box.appendChild((0, _error.errorMessageBlock)(dom, 'No property to multiple: ' + form)); // used for arcs in the data
-
     return shim;
   }
-
   var multipleUIlabel = kb.any(form, ui('label'));
   if (!multipleUIlabel) multipleUIlabel = utils.label(property);
   var min = kb.any(form, ui('min')); // This is the minimum number -- default 0
-
   min = min ? 0 + min.value : 0;
   var element = kb.any(form, ui('part')); // This is the form to use for each one
-
   if (!element) {
     box.appendChild((0, _error.errorMessageBlock)(dom, 'No part to multiple: ' + form));
     return shim;
   }
-
   var body = box.appendChild(dom.createElement('div'));
   body.style.display = 'flex';
   body.style.flexDirection = 'column';
   var list; // The RDF collection which keeps the ordered version or null
-
   var values; // Initial values - always an array.  Even when no list yet.
-
   values = reverse ? kb.any(null, property, subject, dataDoc) : kb.any(subject, property, null, dataDoc);
-
   if (ordered) {
     list = reverse ? kb.any(null, property, subject, dataDoc) : kb.any(subject, property, null, dataDoc);
-
     if (list) {
       values = list.elements;
     } else {
@@ -737,15 +607,13 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
   } else {
     values = reverse ? kb.each(null, property, subject, dataDoc) : kb.each(subject, property, null, dataDoc);
     list = null;
-  } // Add control on the bottom for adding more items
-
-
+  }
+  // Add control on the bottom for adding more items
   if (kb.updater.editable(dataDoc.uri)) {
     var tail = box.appendChild(dom.createElement('div'));
     tail.style.padding = '0.5em';
     var img = tail.appendChild(dom.createElement('img'));
     img.setAttribute('src', plusIconURI); //  plus sign
-
     img.setAttribute('style', 'margin: 0.2em; width: 1.5em; height:1.5em');
     img.title = 'Click to add another ' + multipleUIlabel;
     var prompt = dom.createElement('span');
@@ -758,7 +626,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
               case 0:
                 _context5.next = 2;
                 return addItem();
-
               case 2:
               case "end":
                 return _context5.stop();
@@ -766,18 +633,15 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
           }
         }, _callee5);
       }));
-
       return function (_x5) {
         return _ref3.apply(this, arguments);
       };
     }(), true);
     tail.appendChild(prompt);
   }
-
   function createListIfNecessary() {
     if (!list) {
       list = new $rdf.Collection();
-
       if (reverse) {
         kb.add(list, property, subject, dataDoc);
       } else {
@@ -785,11 +649,9 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
       }
     }
   }
-
   function saveListThenRefresh() {
     return _saveListThenRefresh.apply(this, arguments);
   }
-
   function _saveListThenRefresh() {
     _saveListThenRefresh = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() {
       return _regenerator["default"].wrap(function _callee7$(_context7) {
@@ -802,20 +664,16 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
               _context7.prev = 2;
               _context7.next = 5;
               return kb.fetcher.putBack(dataDoc);
-
             case 5:
               _context7.next = 11;
               break;
-
             case 7:
               _context7.prev = 7;
               _context7.t0 = _context7["catch"](2);
               box.appendChild((0, _error.errorMessageBlock)(dom, 'Error trying to put back a list: ' + _context7.t0));
               return _context7.abrupt("return");
-
             case 11:
               refresh();
-
             case 12:
             case "end":
               return _context7.stop();
@@ -825,10 +683,8 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
     }));
     return _saveListThenRefresh.apply(this, arguments);
   }
-
   function refresh() {
     var vals;
-
     if (ordered) {
       var li = reverse ? kb.the(null, property, subject, dataDoc) : kb.the(subject, property, null, dataDoc);
       vals = li ? li.elements : [];
@@ -839,15 +695,11 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
 
     utils.syncTableToArrayReOrdered(body, vals, renderItem);
   }
-
   body.refresh = refresh; // Allow live update
-
   refresh();
-
   function asyncStuff() {
     return _asyncStuff.apply(this, arguments);
   }
-
   function _asyncStuff() {
     _asyncStuff = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() {
       var extra, j;
@@ -856,33 +708,26 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
           switch (_context8.prev = _context8.next) {
             case 0:
               extra = min - values.length;
-
               if (!(extra > 0)) {
                 _context8.next = 12;
                 break;
               }
-
               j = 0;
-
             case 3:
               if (!(j < extra)) {
                 _context8.next = 10;
                 break;
               }
-
               debug.log('Adding extra: min ' + min);
               _context8.next = 7;
               return addItem();
-
             case 7:
               j++;
               _context8.next = 3;
               break;
-
             case 10:
               _context8.next = 12;
               return saveListThenRefresh();
-
             case 12:
             case "end":
               return _context8.stop();
@@ -892,7 +737,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
     }));
     return _asyncStuff.apply(this, arguments);
   }
-
   asyncStuff().then(function () {
     debug.log(' Multiple render: async stuff ok');
   }, function (err) {
@@ -909,7 +753,6 @@ _fieldFunction.field[ns.ui('Multiple').uri] = function (dom, container, already,
 // or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html
 //
 
-
 _fieldFunction.field[ns.ui('PhoneField').uri] = _basic.basicField;
 _fieldFunction.field[ns.ui('EmailField').uri] = _basic.basicField;
 _fieldFunction.field[ns.ui('ColorField').uri] = _basic.basicField;
@@ -923,6 +766,7 @@ _fieldFunction.field[ns.ui('FloatField').uri] = _basic.basicField;
 _fieldFunction.field[ns.ui('TextField').uri] = _basic.basicField;
 _fieldFunction.field[ns.ui('SingleLineTextField').uri] = _basic.basicField;
 _fieldFunction.field[ns.ui('NamedNodeURIField').uri] = _basic.basicField;
+
 /*          Multiline Text field
  **
  */
@@ -933,11 +777,9 @@ _fieldFunction.field[ns.ui('MultiLineTextField').uri] = function (dom, container
   var formDoc = form.doc ? form.doc() : null; // @@ if blank no way to know
 
   var property = kb.any(form, ui('property'));
-
   if (!property) {
     return (0, _error.errorMessageBlock)(dom, 'No property to text field: ' + form);
   }
-
   var box = dom.createElement('div');
   box.style.display = 'flex';
   box.style.flexDirection = 'row';
@@ -949,58 +791,48 @@ _fieldFunction.field[ns.ui('MultiLineTextField').uri] = function (dom, container
   var text = kb.anyJS(subject, property, null, dataDoc) || '';
   var editable = kb.updater.editable(dataDoc.uri);
   var suppressEmptyUneditable = form && kb.anyJS(form, ns.ui('suppressEmptyUneditable'), null, formDoc);
-
   if (!editable && suppressEmptyUneditable && text === '') {
     box.style.display = 'none';
   }
-
   var field = makeDescription(dom, kb, subject, property, dataDoc, callbackFunction);
   right.appendChild(field);
   if (container) container.appendChild(box);
   return box;
 };
+
 /*          Boolean field  and Tri-state version (true/false/null)
  **
  ** @@ todo: remove tristate param
  */
-
-
 function booleanField(dom, container, already, subject, form, dataDoc, callbackFunction, tristate) {
   var ui = ns.ui;
   var kb = _solidLogic.store;
   var property = kb.any(form, ui('property'));
-
   if (!property) {
     var errorBlock = (0, _error.errorMessageBlock)(dom, 'No property to boolean field: ' + form);
     if (container) container.appendChild(errorBlock);
     return errorBlock;
   }
-
   var lab = kb.any(form, ui('label'));
   if (!lab) lab = utils.label(property, true); // Init capital
-
   dataDoc = (0, _basic.fieldStore)(subject, property, dataDoc);
   var state = kb.any(subject, property);
-
   if (state === undefined) {
     state = false;
   } // @@ sure we want that -- or three-state?
-
-
   var ins = $rdf.st(subject, property, true, dataDoc);
   var del = $rdf.st(subject, property, false, dataDoc);
   var box = buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate);
   if (container) container.appendChild(box);
   return box;
 }
-
 _fieldFunction.field[ns.ui('BooleanField').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   return booleanField(dom, container, already, subject, form, dataDoc, callbackFunction, false);
 };
-
 _fieldFunction.field[ns.ui('TristateField').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   return booleanField(dom, container, already, subject, form, dataDoc, callbackFunction, true);
 };
+
 /*          Classifier field
  **
  **  Nested categories
@@ -1008,27 +840,23 @@ _fieldFunction.field[ns.ui('TristateField').uri] = function (dom, container, alr
  ** @@ To do: If a classification changes, then change any dependent Options fields.
  */
 
-
 _fieldFunction.field[ns.ui('Classifier').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   var kb = _solidLogic.store;
   var ui = ns.ui;
   var category = kb.any(form, ui('category'));
-
   if (!category) {
     return (0, _error.errorMessageBlock)(dom, 'No category for classifier: ' + form);
   }
-
   log.debug('Classifier: dataDoc=' + dataDoc);
-
   var checkOptions = function checkOptions(ok, body) {
     if (!ok) return callbackFunction(ok, body);
     return callbackFunction(ok, body);
   };
-
   var box = makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, checkOptions);
   if (container) container.appendChild(box);
   return box;
 };
+
 /**         Choice field
  **
  **  Not nested.  Generates a link to something from a given class.
@@ -1049,7 +877,6 @@ _fieldFunction.field[ns.ui('Classifier').uri] = function (dom, container, alread
  ** TODO: according to ontology ui:choice can also have ns.ui('default') - this is not implemented yet
  */
 
-
 _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, subject, form, dataDoc, callbackFunction) {
   var ui = ns.ui;
   var kb = _solidLogic.store;
@@ -1057,8 +884,8 @@ _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, s
 
   var p;
   var box = dom.createElement('div');
-  box.setAttribute('class', 'choiceBox'); // Set flexDirection column?
-
+  box.setAttribute('class', 'choiceBox');
+  // Set flexDirection column?
   if (container) container.appendChild(box);
   var lhs = dom.createElement('div');
   lhs.setAttribute('class', 'formFieldName choiceBox-label');
@@ -1067,18 +894,14 @@ _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, s
   rhs.setAttribute('class', 'formFieldValue choiceBox-selectBox');
   box.appendChild(rhs);
   var property = kb.any(form, ui('property'));
-
   if (!property) {
     return box.appendChild((0, _error.errorMessageBlock)(dom, 'No property for Choice: ' + form));
   }
-
   lhs.appendChild((0, _basic.fieldLabel)(dom, property, form));
   var uiFrom = kb.any(form, ui('from'));
-
   if (!uiFrom) {
     return (0, _error.errorMessageBlock)(dom, "No 'from' for Choice: " + form);
   }
-
   var subForm = kb.any(form, ui('use')); // Optional
   // const follow = kb.anyJS(form, ui('follow'), null, formDoc) // data doc moves to new subject?
 
@@ -1087,78 +910,65 @@ _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, s
     subForm: subForm,
     disambiguate: false
   };
-
   function getSelectorOptions() {
     var possible = [];
     var possibleProperties;
     possible = kb.each(undefined, ns.rdf('type'), uiFrom, formDoc);
-
     for (var x in findMembersNT(kb, uiFrom, dataDoc)) {
       possible.push(kb.fromNT(x));
     } // Use rdfs
 
-
     if (uiFrom.sameTerm(ns.rdfs('Class'))) {
       for (p in buttons.allClassURIs()) {
         possible.push(kb.sym(p));
-      } // log.debug("%%% Choice field: possible.length 2 = "+possible.length)
-
+      }
+      // log.debug("%%% Choice field: possible.length 2 = "+possible.length)
     } else if (uiFrom.sameTerm(ns.rdf('Property'))) {
       possibleProperties = buttons.propertyTriage(kb);
-
       for (p in possibleProperties.op) {
         possible.push(kb.fromNT(p));
       }
-
       for (p in possibleProperties.dp) {
         possible.push(kb.fromNT(p));
       }
-
       opts.disambiguate = true; // This is a big class, and the labels won't be enough.
     } else if (uiFrom.sameTerm(ns.owl('ObjectProperty'))) {
       possibleProperties = buttons.propertyTriage(kb);
-
       for (p in possibleProperties.op) {
         possible.push(kb.fromNT(p));
       }
-
       opts.disambiguate = true;
     } else if (uiFrom.sameTerm(ns.owl('DatatypeProperty'))) {
       possibleProperties = buttons.propertyTriage(kb);
-
       for (p in possibleProperties.dp) {
         possible.push(kb.fromNT(p));
       }
-
       opts.disambiguate = true;
     }
+    return possible;
+    // return sortByLabel(possible)
+  }
 
-    return possible; // return sortByLabel(possible)
-  } // TODO: this checks for any occurrence, regardless of true or false setting
-
-
+  // TODO: this checks for any occurrence, regardless of true or false setting
   if (kb.any(form, ui('canMintNew'))) {
     opts.mint = '* Create new *'; // @@ could be better
   }
 
   var multiSelect = kb.any(form, ui('multiselect')); // Optional
-
   if (multiSelect) opts.multiSelect = true;
   var selector;
-
   rhs.refresh = function () {
     // from ui:property
     var selectedOptions = kb.each(subject, property, null, dataDoc).map(function (object) {
       return object.value;
-    }); // from ui:from + ui:property
-
+    });
+    // from ui:from + ui:property
     var possibleOptions = getSelectorOptions();
     possibleOptions.push(selectedOptions);
     possibleOptions = sortByLabel(possibleOptions);
     selector = makeSelectForChoice(dom, rhs, kb, subject, property, possibleOptions, selectedOptions, uiFrom, opts, dataDoc, callbackFunction);
     rhs.innerHTML = '';
     rhs.appendChild(selector);
-
     if (multiSelect) {
       var multiSelectDiv = new _multiSelect.IconicMultiSelect({
         placeholder: selector.selected,
@@ -1174,20 +984,16 @@ _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, s
             return value !== event.value;
           });
         }
-
         if (event.action === 'CLEAR_ALL_OPTIONS') {
           selectedOptions = [];
         }
-
         if (event.action === 'ADD_OPTION') {
           var stringValue = event.value + '';
-
           if (stringValue.includes('Create new')) {
             var newObject = newThing(dataDoc);
             var is = [];
             is.push($rdf.st(subject, property, kb.sym(newObject), dataDoc));
             if (uiFrom) is.push($rdf.st(newObject, ns.rdf('type'), kb.sym(uiFrom), dataDoc));
-
             if (subForm) {
               addSubFormChoice(dom, rhs, {}, $rdf.sym(newObject), subForm, dataDoc, function (ok, body) {
                 if (ok) {
@@ -1206,22 +1012,20 @@ _fieldFunction.field[ns.ui('Choice').uri] = function (dom, container, already, s
             }
           } else selectedOptions.push(event.value);
         }
-
         selector.update(selectedOptions);
       });
     }
   };
-
   rhs.refresh();
   if (selector && selector.refresh) selector.refresh();
   return box;
 };
-
 function addSubFormChoice(dom, selectDiv, already, subject, subForm, dataDoc, callbackFunction) {
   (0, _fieldFunction.fieldFunction)(dom, subForm)(dom, selectDiv, already, subject, subForm, dataDoc, callbackFunction);
-} //          Documentation - non-interactive fields
-//
+}
 
+//          Documentation - non-interactive fields
+//
 
 _fieldFunction.field[ns.ui('Comment').uri] = _fieldFunction.field[ns.ui('Heading').uri] = function (dom, container, already, subject, form, dataDoc, _callbackFunction) {
   var ui = ns.ui;
@@ -1236,23 +1040,22 @@ _fieldFunction.field[ns.ui('Comment').uri] = _fieldFunction.field[ns.ui('Heading
   if (container) container.appendChild(box);
   var p = box.appendChild(dom.createElement(params.element));
   p.textContent = contents;
-  (0, _formStyle.setFieldStyle)(p, form); // Some headings and prompts are only useful to guide user input
+  (0, _formStyle.setFieldStyle)(p, form);
 
+  // Some headings and prompts are only useful to guide user input
   var suppressIfUneditable = kb.anyJS(form, ns.ui('suppressIfUneditable'), null, formDoc);
   var editable = kb.updater.editable(dataDoc.uri);
-
   if (suppressIfUneditable && !editable) {
     box.style.display = 'none';
   }
-
   return box;
-}; // A button for editing a form (in place, at the moment)
+};
+
+// A button for editing a form (in place, at the moment)
 //
 //  When editing forms, make it yellow, when editing thr form form, pink
 // Help people understand how many levels down they are.
 //
-
-
 function editFormButton(dom, container, form, dataDoc, callbackFunction) {
   var b = dom.createElement('button');
   b.setAttribute('type', 'button');
@@ -1264,10 +1067,10 @@ function editFormButton(dom, container, form, dataDoc, callbackFunction) {
   }, true);
   return b;
 }
-
 function appendForm(dom, container, already, subject, form, dataDoc, itemDone) {
   return (0, _fieldFunction.fieldFunction)(dom, form)(dom, container, already, subject, form, dataDoc, itemDone);
 }
+
 /**          Find list of properties for class
 //
 // Three possible sources: Those mentioned in schemas, which exludes many
@@ -1276,87 +1079,72 @@ function appendForm(dom, container, already, subject, form, dataDoc, itemDone) {
 // being used with this class.
 */
 
-
 function propertiesForClass(kb, c) {
   var explicit = kb.each(undefined, ns.rdf('range'), c);
-  [ns.rdfs('comment'), ns.dc('title'), // Generic things
+  [ns.rdfs('comment'), ns.dc('title'),
+  // Generic things
   ns.foaf('name'), ns.foaf('homepage')].forEach(function (x) {
     explicit.push(x);
   });
   var members = kb.each(undefined, ns.rdf('type'), c);
   if (members.length > 60) members = members.slice(0, 60); // Array supports slice?
-
   var used = {};
-
   for (var i = 0; i < (members.length > 60 ? 60 : members.length); i++) {
     kb.statementsMatching(members[i], undefined, undefined).forEach(function (st) {
       used[st.predicate.uri] = true;
     });
   }
-
   explicit.forEach(function (p) {
     used[p.uri] = true;
   });
   var result = [];
-
   for (var uri in used) {
     result.push(kb.sym(uri));
   }
-
   return result;
 }
+
 /** Find the closest class
 * @param kb The quad store
 * @param cla - the URI of the class
 * @param prop
 */
-
-
 function findClosest(kb, cla, prop) {
   var agenda = [kb.sym(cla)]; // ordered - this is breadth first search
-
   while (agenda.length > 0) {
     var c = agenda.shift(); // first
-
     var lists = kb.each(c, prop);
     log.debug('Lists for ' + c + ', ' + prop + ': ' + lists.length);
     if (lists.length !== 0) return lists;
     var supers = kb.each(c, ns.rdfs('subClassOf'));
-
     for (var i = 0; i < supers.length; i++) {
       agenda.push(supers[i]);
       log.debug('findClosest: add super: ' + supers[i]);
     }
   }
-
   return [];
-} // Which forms apply to a given existing subject?
+}
 
+// Which forms apply to a given existing subject?
 
 function formsFor(subject) {
   var kb = _solidLogic.store;
   log.debug('formsFor: subject=' + subject);
   var t = kb.findTypeURIs(subject);
   var t1;
-
   for (t1 in t) {
     log.debug('   type: ' + t1);
   }
-
   var bottom = kb.bottomTypeURIs(t); // most specific
-
   var candidates = [];
-
   for (var b in bottom) {
     // Find the most specific
     log.debug('candidatesFor: trying bottom type =' + b);
     candidates = candidates.concat(findClosest(kb, b, ns.ui('creationForm')));
     candidates = candidates.concat(findClosest(kb, b, ns.ui('annotationForm')));
   }
-
   return candidates;
 }
-
 function sortBySequence(list) {
   var subfields = list.map(function (p) {
     var k = kb.any(p, ns.ui('sequence'));
@@ -1369,7 +1157,6 @@ function sortBySequence(list) {
     return pair[1];
   });
 }
-
 function sortByLabel(list) {
   var subfields = list.map(function (p) {
     return [utils.label(p).toLowerCase(), p];
@@ -1379,13 +1166,12 @@ function sortByLabel(list) {
     return pair[1];
   });
 }
+
 /** Button to add a new whatever using a form
 //
 // @param form - optional form , else will look for one
 // @param dataDoc - optional dataDoc else will prompt for one (unimplemented)
 */
-
-
 function newButton(dom, kb, subject, predicate, theClass, form, dataDoc, callbackFunction) {
   var b = dom.createElement('button');
   b.setAttribute('type', 'button');
@@ -1395,6 +1181,7 @@ function newButton(dom, kb, subject, predicate, theClass, form, dataDoc, callbac
   }, false);
   return b;
 }
+
 /**      Prompt for new object of a given class
 //
 // @param dom - the document DOM for the user interface
@@ -1407,14 +1194,10 @@ function newButton(dom, kb, subject, predicate, theClass, form, dataDoc, callbac
 // @param callbackFunction - takes (boolean ok, string errorBody)
 // @returns a dom object with the form DOM
 */
-
-
 function promptForNew(dom, kb, subject, predicate, theClass, form, dataDoc, callbackFunction) {
   var box = dom.createElement('form');
-
   if (!form) {
     var lists = findClosest(kb, theClass.uri, ns.ui('creationForm'));
-
     if (lists.length === 0) {
       var p = box.appendChild(dom.createElement('p'));
       p.textContent = 'I am sorry, you need to provide information about a ' + utils.label(theClass) + " but I don't know enough information about those to ask you.";
@@ -1422,52 +1205,44 @@ function promptForNew(dom, kb, subject, predicate, theClass, form, dataDoc, call
       b.setAttribute('type', 'button');
       b.setAttribute('style', 'float: right;');
       b.innerHTML = 'Goto ' + utils.label(theClass);
-      b.addEventListener('click', // TODO fix dependency cycle to solid-panes by calling outlineManager
+      b.addEventListener('click',
+      // TODO fix dependency cycle to solid-panes by calling outlineManager
       function (_e) {
         dom.outlineManager.GotoSubject(theClass, true, undefined, true, undefined);
       }, false);
       return box;
     }
-
     log.debug('lists[0] is ' + lists[0]);
     form = lists[0]; // Pick any one
   }
 
   log.debug('form is ' + form);
   box.setAttribute('style', "border: 0.05em solid ".concat(style.formBorderColor, "; color: ").concat(style.formBorderColor)); // @@color?
-
   box.innerHTML = '<h3>New ' + utils.label(theClass) + '</h3>';
   var formFunction = (0, _fieldFunction.fieldFunction)(dom, form);
   var object = newThing(dataDoc);
   var gotButton = false;
-
   var itemDone = function itemDone(ok, body) {
     if (!ok) return callbackFunction(ok, body);
     var insertMe = [];
-
     if (subject && !kb.holds(subject, predicate, object, dataDoc)) {
       insertMe.push($rdf.st(subject, predicate, object, dataDoc));
     }
-
     if (subject && !kb.holds(object, ns.rdf('type'), theClass, dataDoc)) {
       insertMe.push($rdf.st(object, ns.rdf('type'), theClass, dataDoc));
     }
-
     if (insertMe.length) {
       kb.updater.update([], insertMe, linkDone);
     } else {
       callbackFunction(true, body);
     }
-
     if (!gotButton) {
       gotButton = box.appendChild(buttons.linkButton(dom, object));
     }
   };
-
   function linkDone(uri, ok, body) {
     return callbackFunction(ok, body);
   }
-
   log.info('paneUtils Object is ' + object);
   var f = formFunction(dom, box, {}, object, form, dataDoc, itemDone);
   var rb = buttons.removeButton(dom, f);
@@ -1475,7 +1250,6 @@ function promptForNew(dom, kb, subject, predicate, theClass, form, dataDoc, call
   box.AJAR_subject = object;
   return box;
 }
-
 function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction) {
   var group = dom.createElement('div');
   var desc = kb.anyJS(subject, predicate, null, dataDoc) || '';
@@ -1484,7 +1258,6 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
   field.rows = desc ? desc.split('\n').length + 2 : 2;
   field.cols = 80;
   field.setAttribute('style', style.multilineTextInputStyle);
-
   if (desc !== null) {
     field.value = desc;
   } else {
@@ -1495,7 +1268,6 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
 
   group.refresh = function () {
     var v = kb.any(subject, predicate, null, dataDoc);
-
     if (v && v.value !== field.value) {
       field.value = v.value; // don't touch widget if no change
       // @@ this is the place to color the field from the user who chanaged it
@@ -1505,10 +1277,8 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
   function saveChange(_e) {
     submit.disabled = true;
     submit.setAttribute('style', 'visibility: hidden; float: right;'); // Keep UI clean
-
     field.disabled = true;
     field.style.color = style.textInputColorPending; // setAttribute('style', style + 'color: gray;') // pending
-
     var ds = kb.statementsMatching(subject, predicate, null, dataDoc);
     var is = $rdf.st(subject, predicate, field.value, dataDoc);
     kb.updater.update(ds, is, function (uri, ok, body) {
@@ -1518,27 +1288,22 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
       } else {
         group.appendChild((0, _error.errorMessageBlock)(dom, 'Error (while saving change to ' + dataDoc.uri + '): ' + body));
       }
-
       if (callbackFunction) {
         callbackFunction(ok, body);
       }
     });
   }
-
   var editable = kb.updater.editable(dataDoc.uri);
   var submit;
-
   if (editable) {
     submit = widgets.continueButton(dom, saveChange);
     submit.disabled = true; // until the filled has been modified
-
     submit.style.visibility = 'hidden';
     submit.style["float"] = 'right';
     group.appendChild(submit);
     field.addEventListener('keyup', function (_e) {
       // Green means has been changed, not saved yet
       field.style.color = 'green'; // setAttribute('style', style + 'color: green;')
-
       if (submit) {
         submit.disabled = false;
         submit.style.visibility = ''; // Remove visibility: hidden
@@ -1547,12 +1312,11 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
     field.addEventListener('change', saveChange, true);
   } else {
     field.disabled = true; // @@ change color too
-
     field.style.backgroundColor = style.textInputBackgroundColorUneditable;
   }
-
   return group;
 }
+
 /** Make SELECT element to select options
 //
 // @param subject - a term, the subject of the statement(s) being edited.
@@ -1566,35 +1330,25 @@ function makeDescription(dom, kb, subject, predicate, dataDoc, callbackFunction)
 // @param dataDoc - The web document being edited
 // @param callbackFunction - takes (boolean ok, string errorBody)
 */
-
-
 function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, options, dataDoc, callbackFunction) {
   log.debug('Select list length now ' + possible.length);
   var n = 0;
   var uris = {}; // Count them
-
   var editable = kb.updater.editable(dataDoc.uri);
-
   for (var i = 0; i < possible.length; i++) {
     var sub = possible[i]; // @@ Maybe; make this so it works with blank nodes too
-
     if (!sub.uri) debug.warn("makeSelectForClassifierOptions: option does not have an uri: ".concat(sub, ", with predicate: ").concat(predicate));
     if (!sub.uri || sub.uri in uris) continue;
     uris[sub.uri] = true;
     n++;
   } // uris is now the set of possible options
-
-
   if (n === 0 && !options.mint) {
     return (0, _error.errorMessageBlock)(dom, "Can't do selector with no options, subject= " + subject + ' property = ' + predicate + '.');
   }
-
   log.debug('makeSelectForClassifierOptions: dataDoc=' + dataDoc);
   var actual;
-
   var getActual = function getActual() {
     actual = {};
-
     if (predicate.sameTerm(ns.rdf('type'))) {
       actual = kb.findTypeURIs(subject);
     } else {
@@ -1602,29 +1356,21 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
         actual[x.uri] = true;
       });
     }
-
     return actual;
   };
-
   actual = getActual();
-
   var onChange = function onChange(_e) {
     select.disabled = true; // until data written back - gives user feedback too
-
     var ds = [];
     var is = [];
-
     var removeValue = function removeValue(t) {
       if (kb.holds(subject, predicate, t, dataDoc)) {
         ds.push($rdf.st(subject, predicate, t, dataDoc));
       }
     };
-
     var newObject;
-
     for (var _i = 0; _i < select.options.length; _i++) {
       var opt = select.options[_i];
-
       if (opt.selected && opt.AJAR_mint) {
         if (options.mintClass) {
           var thisForm = promptForNew(dom, kb, subject, predicate, options.mintClass, null, dataDoc, function (ok, body) {
@@ -1634,62 +1380,49 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
               }); // @@ if ok, need some form of refresh of the select for the new thing
             }
           });
+
           select.parentNode.appendChild(thisForm);
           newObject = thisForm.AJAR_subject;
         } else {
           newObject = newThing(dataDoc);
         }
-
         is.push($rdf.st(subject, predicate, newObject, dataDoc));
-
         if (options.mintStatementsFun) {
           is = is.concat(options.mintStatementsFun(newObject));
         }
       }
-
       if (!opt.AJAR_uri) continue; // a prompt or mint
-
       if (opt.selected && !(opt.AJAR_uri in actual)) {
         // new class
         is.push($rdf.st(subject, predicate, kb.sym(opt.AJAR_uri), dataDoc));
       }
-
       if (!opt.selected && opt.AJAR_uri in actual) {
         // old class
         removeValue(kb.sym(opt.AJAR_uri));
       }
-
       if (opt.selected) select.currentURI = opt.AJAR_uri;
     }
-
     var sel = select.subSelect; // All subclasses must also go
-
     while (sel && sel.currentURI) {
       removeValue(kb.sym(sel.currentURI));
       sel = sel.subSelect;
     }
-
     sel = select.superSelect; // All superclasses are redundant
-
     while (sel && sel.currentURI) {
       removeValue(kb.sym(sel.currentURI));
       sel = sel.superSelect;
     }
-
     function doneNew(ok, _body) {
       callbackFunction(ok, {
         widget: 'select',
         event: 'new'
       });
     }
-
     log.info('makeSelectForClassifierOptions: data doc = ' + dataDoc);
     kb.updater.update(ds, is, function (uri, ok, body) {
       actual = getActual(); // refresh
-
       if (ok) {
         select.disabled = false; // data written back
-
         if (newObject) {
           var fn = (0, _fieldFunction.fieldFunction)(dom, options.subForm);
           fn(dom, select.parentNode, {}, newObject, options.subForm, dataDoc, doneNew);
@@ -1697,37 +1430,30 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
       } else {
         return select.parentNode.appendChild((0, _error.errorMessageBlock)(dom, 'Error updating data in select: ' + body));
       }
-
       if (callbackFunction) callbackFunction(ok, {
         widget: 'select',
         event: 'change'
       });
     });
   };
-
   var select = dom.createElement('select');
   select.setAttribute('style', style.formSelectSTyle);
   if (options.multiple) select.setAttribute('multiple', 'true');
   select.currentURI = null;
-
   select.refresh = function () {
     actual = getActual(); // refresh
-
     for (var _i2 = 0; _i2 < select.children.length; _i2++) {
       var option = select.children[_i2];
-
       if (option.AJAR_uri) {
         option.selected = option.AJAR_uri in actual;
       }
     }
-
     select.disabled = false; // unlocked any conflict we had got into
   };
 
   for (var uri in uris) {
     var c = kb.sym(uri);
     var option = dom.createElement('option');
-
     if (options.disambiguate) {
       option.appendChild(dom.createTextNode(utils.labelWithOntology(c, true))); // Init. cap
     } else {
@@ -1735,40 +1461,33 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
     }
 
     var backgroundColor = kb.any(c, kb.sym('http://www.w3.org/ns/ui#backgroundColor'));
-
     if (backgroundColor) {
       option.setAttribute('style', 'background-color: ' + backgroundColor.value + '; ');
     }
-
     option.AJAR_uri = uri;
-
     if (uri in actual) {
       option.setAttribute('selected', 'true');
-      select.currentURI = uri; // dump("Already in class: "+ uri+"\n")
+      select.currentURI = uri;
+      // dump("Already in class: "+ uri+"\n")
     }
 
     select.appendChild(option);
   }
-
   if (editable && options.mint) {
     var mint = dom.createElement('option');
     mint.appendChild(dom.createTextNode(options.mint));
     mint.AJAR_mint = true; // Flag it
-
     select.insertBefore(mint, select.firstChild);
   }
-
   if (select.currentURI == null && !options.multiple) {
     var prompt = dom.createElement('option');
     prompt.appendChild(dom.createTextNode(options.nullLabel));
     select.insertBefore(prompt, select.firstChild);
     prompt.selected = true;
   }
-
   if (editable) {
     select.addEventListener('change', onChange, false);
   }
-
   return select;
 } // makeSelectForClassifierOptions
 
@@ -1783,35 +1502,25 @@ function makeSelectForClassifierOptions(dom, kb, subject, predicate, possible, o
 // @param dataDoc - The web document being edited
 // @param callbackFunction - takes (boolean ok, string errorBody)
 */
-
-
 function makeSelectForOptions(dom, kb, subject, predicate, possible, options, dataDoc, callbackFunction) {
   log.debug('Select list length now ' + possible.length);
   var n = 0;
   var uris = {}; // Count them
-
   var editable = kb.updater.editable(dataDoc.uri);
-
   for (var i = 0; i < possible.length; i++) {
     var sub = possible[i]; // @@ Maybe; make this so it works with blank nodes too
-
     if (!sub.uri) debug.warn("makeSelectForOptions: option does not have an uri: ".concat(sub, ", with predicate: ").concat(predicate));
     if (!sub.uri || sub.uri in uris) continue;
     uris[sub.uri] = true;
     n++;
   } // uris is now the set of possible options
-
-
   if (n === 0) {
     return (0, _error.errorMessageBlock)(dom, "Can't do selector with no options, subject= " + subject + ' property = ' + predicate + '.');
   }
-
   log.debug('makeSelectForOptions: dataDoc=' + dataDoc);
   var actual;
-
   var getActual = function getActual() {
     actual = {};
-
     if (predicate.sameTerm(ns.rdf('type'))) {
       actual = kb.findTypeURIs(subject);
     } else {
@@ -1821,94 +1530,72 @@ function makeSelectForOptions(dom, kb, subject, predicate, possible, options, da
         }
       });
     }
-
     return actual;
   };
-
   actual = getActual();
-
   var onChange = function onChange(_e) {
     select.disabled = true; // until data written back - gives user feedback too
-
     var ds = [];
     var is = [];
-
     var removeValue = function removeValue(t) {
       if (kb.holds(subject, predicate, t, dataDoc)) {
         ds.push($rdf.st(subject, predicate, t, dataDoc));
       }
     };
-
     for (var _i3 = 0; _i3 < select.options.length; _i3++) {
       var opt = select.options[_i3];
       if (!opt.AJAR_uri) continue; // a prompt or mint
-
       if (opt.selected && !(opt.AJAR_uri in actual)) {
         // new class
         is.push($rdf.st(subject, predicate, kb.sym(opt.AJAR_uri), dataDoc));
       }
-
       if (!opt.selected && opt.AJAR_uri in actual) {
         // old class
         removeValue(kb.sym(opt.AJAR_uri));
       }
-
       if (opt.selected) select.currentURI = opt.AJAR_uri;
     }
-
     var sel = select.subSelect; // All subclasses must also go
-
     while (sel && sel.currentURI) {
       removeValue(kb.sym(sel.currentURI));
       sel = sel.subSelect;
     }
-
     sel = select.superSelect; // All superclasses are redundant
-
     while (sel && sel.currentURI) {
       removeValue(kb.sym(sel.currentURI));
       sel = sel.superSelect;
     }
-
     log.info('selectForOptions: data doc = ' + dataDoc);
     kb.updater.update(ds, is, function (uri, ok, body) {
       actual = getActual(); // refresh
-
       if (ok) {
         select.disabled = false; // data written back
       } else {
         return select.parentNode.appendChild((0, _error.errorMessageBlock)(dom, 'Error updating data in select: ' + body));
       }
-
       if (callbackFunction) callbackFunction(ok, {
         widget: 'select',
         event: 'change'
       });
     });
   };
-
   var select = dom.createElement('select');
   select.setAttribute('style', style.formSelectSTyle);
   select.currentURI = null;
-
   select.refresh = function () {
     actual = getActual(); // refresh
-
     for (var _i4 = 0; _i4 < select.children.length; _i4++) {
       var option = select.children[_i4];
-
       if (option.AJAR_uri) {
         option.selected = option.AJAR_uri in actual;
       }
     }
-
     select.disabled = false; // unlocked any conflict we had got into
   };
 
   for (var uri in uris) {
     var c = kb.sym(uri);
     var option = dom.createElement('option');
-
     if (options.disambiguate) {
       option.appendChild(dom.createTextNode(utils.labelWithOntology(c, true))); // Init. cap
     } else {
@@ -1916,68 +1603,59 @@ function makeSelectForOptions(dom, kb, subject, predicate, possible, options, da
     }
 
     var backgroundColor = kb.any(c, kb.sym('http://www.w3.org/ns/ui#backgroundColor'));
-
     if (backgroundColor) {
       option.setAttribute('style', 'background-color: ' + backgroundColor.value + '; ');
     }
-
     option.AJAR_uri = uri;
-
     if (uri in actual) {
       option.setAttribute('selected', 'true');
-      select.currentURI = uri; // dump("Already in class: "+ uri+"\n")
+      select.currentURI = uri;
+      // dump("Already in class: "+ uri+"\n")
     }
 
     select.appendChild(option);
   }
-
   if (!select.currentURI) {
     var prompt = dom.createElement('option');
     prompt.appendChild(dom.createTextNode(options.nullLabel));
     select.insertBefore(prompt, select.firstChild);
     prompt.selected = true;
   }
-
   if (editable) {
     select.addEventListener('change', onChange, false);
   }
-
   return select;
 } // makeSelectForOptions
+
 // Make SELECT element to select subclasses
 //
 // If there is any disjoint union it will so a mutually exclusive dropdown
 // Failing that it will do a multiple selection of subclasses.
 // Callback takes (boolean ok, string errorBody)
 
-
 function makeSelectForCategory(dom, kb, subject, category, dataDoc, callbackFunction) {
   var du = kb.any(category, ns.owl('disjointUnionOf'));
   var subs;
   var multiple = false;
-
   if (!du) {
     subs = kb.each(undefined, ns.rdfs('subClassOf'), category);
     multiple = true;
   } else {
     subs = du.elements;
   }
-
   log.debug('Select list length ' + subs.length);
-
   if (subs.length === 0) {
     return (0, _error.errorMessageBlock)(dom, "Can't do " + (multiple ? 'multiple ' : '') + 'selector with no subclasses of category: ' + category);
   }
-
   if (subs.length === 1) {
     return (0, _error.errorMessageBlock)(dom, "Can't do " + (multiple ? 'multiple ' : '') + 'selector with only 1 subclass of category: ' + category + ':' + subs[1]);
   }
-
   return makeSelectForClassifierOptions(dom, kb, subject, ns.rdf('type'), subs, {
     multiple: multiple,
     nullLabel: '* Select type *'
   }, dataDoc, callbackFunction);
 }
+
 /** Make SELECT element to select subclasses recurively
 //
 // It will so a mutually exclusive dropdown, with another if there are nested
@@ -1985,15 +1663,12 @@ function makeSelectForCategory(dom, kb, subject, category, dataDoc, callbackFunc
 //
 // @param  callbackFunction takes (boolean ok, string errorBody)
 */
-
-
 function makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, callbackFunction) {
   function update() {
     if (child) {
       container.removeChild(child);
       child = null;
     }
-
     if (select.currentURI && kb.any(kb.sym(select.currentURI), ns.owl('disjointUnionOf'))) {
       child = makeSelectForNestedCategory(dom, kb, subject, kb.sym(select.currentURI), dataDoc, callbackFunction);
       select.subSelect = child.firstChild;
@@ -2001,21 +1676,18 @@ function makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, callba
       container.appendChild(child);
     }
   }
-
   var container = dom.createElement('span'); // Container
-
   var child = null;
-
   function onChange(ok, body) {
     if (ok) update();
     callbackFunction(ok, body);
   }
-
   var select = makeSelectForCategory(dom, kb, subject, category, dataDoc, onChange);
   container.appendChild(select);
   update();
   return container;
 }
+
 /*  Build a checkbox from a given statement(s)
  **
  **  If the source document is editable, make the checkbox editable
@@ -2024,8 +1696,6 @@ function makeSelectForNestedCategory(dom, kb, subject, category, dataDoc, callba
  **  made if the checkbox is checed and unchecked respectively.
  **  tristate: Allow ins, or del, or neither
  */
-
-
 function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
   var box = dom.createElement('div');
   var rhs = (0, _basic.renderNameValuePair)(dom, kb, box, form, lab);
@@ -2034,10 +1704,8 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
   var colorCarrier = input;
   input.style = style.checkboxInputStyle;
   rhs.appendChild(input);
-
   function fix(x) {
     if (!x) return []; // no statements
-
     if (x.object) {
       if (!x.why) {
         x.why = dataDoc; // be back-compaitible  with old code
@@ -2049,36 +1717,29 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
     if (x instanceof Array) return x;
     throw new Error('buildCheckboxForm: bad param ' + x);
   }
-
   ins = fix(ins);
   del = fix(del);
-
   function holdsAll(a) {
     var missing = a.filter(function (st) {
       return !kb.holds(st.subject, st.predicate, st.object, st.why);
     });
     return missing.length === 0;
   }
-
   function refresh() {
     var state = holdsAll(ins);
     var displayState = state;
-
     if (del.length) {
       var negation = holdsAll(del);
-
       if (state && negation) {
         box.appendChild(widgets.errorMessageBlock(dom, 'Inconsistent data in dataDoc!\n' + ins + ' and\n' + del));
         return box;
       }
-
       if (!state && !negation) {
         state = null;
         var defa = kb.any(form, ns.ui('default'));
         displayState = defa ? defa.value === '1' : tristate ? null : false;
       }
     }
-
     input.state = state;
     input.textContent = {
       "true": checkMarkCharacter,
@@ -2087,13 +1748,10 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
       "null": dashCharacter
     }[displayState];
   }
-
   refresh();
   if (!editable) return box;
-
   var boxHandler = function boxHandler(_e) {
     colorCarrier.style.color = '#bbb'; // grey -- not saved yet
-
     var toDelete = input.state === true ? ins : input.state === false ? del : [];
     input.newState = input.state === null ? true : input.state === true ? false : tristate ? null : true;
     var toInsert = input.newState === true ? ins : input.newState === false ? del : [];
@@ -2103,12 +1761,10 @@ function buildCheckboxForm(dom, kb, lab, del, ins, form, dataDoc, tristate) {
       if (!success) {
         if (toDelete.why) {
           var hmmm = kb.holds(toDelete.subject, toDelete.predicate, toDelete.object, toDelete.why);
-
           if (hmmm) {
             debug.log(' @@@@@ weird if 409 - does hold statement');
           }
         }
-
         colorCarrier.style.color = '#000';
         colorCarrier.style.backgroundColor = '#fee';
         box.appendChild((0, _error.errorMessageBlock)(dom, "Checkbox: Error updating dataDoc from ".concat(input.state, " to ").concat(input.newState, ":\n\n").concat(errorBody)));
@@ -2154,16 +1810,14 @@ export function fieldStore (subject, predicate, def) {
   return def
 }
 */
-
 /** Mint local ID using timestamp
  * @param {NamedNode} doc - the document in which the ID is to be generated
  */
-
-
 function newThing(doc) {
   var now = new Date();
   return $rdf.sym(doc.uri + '#' + 'id' + ('' + now.getTime()));
 }
+
 /** Make SELECT element to select options
 //
 // @param subject - a term, the subject of the statement(s) being edited.
@@ -2174,43 +1828,30 @@ function newThing(doc) {
 // @param dataDoc - The web document being edited
 // @param callbackFunction - takes (boolean ok, string errorBody)
 */
-
-
 function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossibleOptions, selectedOptions, uiFrom, options, dataDoc, callbackFunction) {
   var optionsFromClassUIfrom = {}; // Count them
-
   var editable = kb.updater.editable(dataDoc.uri);
-
   for (var i = 0; i < inputPossibleOptions.length; i++) {
     var sub = inputPossibleOptions[i]; // @@ Maybe; make this so it works with blank nodes too
     // if (!sub.uri) debug.warn(`makeSelectForChoice: option does not have an uri: ${sub}, with predicate: ${predicate}`)
-
     if (!sub.uri || sub.uri in optionsFromClassUIfrom) continue;
     optionsFromClassUIfrom[sub.uri] = true;
   }
-
   var isEmpty = Object.keys(optionsFromClassUIfrom).length === 0;
-
   if (isEmpty && !options.mint) {
     return (0, _error.errorMessageBlock)(dom, "Can't do selector with no options, subject= " + subject + ' property = ' + predicate + '.');
   }
-
   log.debug('makeSelectForChoice: dataDoc=' + dataDoc);
-
   function createDefaultSelectOptionText() {
     var firstSelectOptionText = '--- choice ---';
-
     if (predicate && !(predicate.termType === 'BlankNode')) {
       firstSelectOptionText = '* Select for property: ' + utils.label(predicate) + ' *';
     }
-
     if (subject && !(subject.termType === 'BlankNode')) {
       firstSelectOptionText = '* Select for ' + utils.label(subject, true) + ' *';
     }
-
     return firstSelectOptionText;
   }
-
   function createDefaultSelectOption() {
     var option = dom.createElement('option');
     option.appendChild(dom.createTextNode(createDefaultSelectOptionText()));
@@ -2220,59 +1861,50 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
     option.selected = true;
     return option;
   }
-
   var onChange = function onChange(_e) {
     container.removeChild(container.lastChild);
     select.refresh();
   };
-
   var select = dom.createElement('select');
   select.setAttribute('style', style.formSelectSTyle);
   select.setAttribute('id', 'formSelect');
   select.currentURI = null;
-
   for (var uri in optionsFromClassUIfrom) {
     select.appendChild(createOption(uri));
   }
-
   if (editable && options.mint) {
     var mint = dom.createElement('option');
     mint.appendChild(dom.createTextNode(options.mint));
     mint.AJAR_mint = true; // Flag it
-
     select.insertBefore(mint, select.firstChild);
   }
-
   if (select.children.length === 0) select.insertBefore(createDefaultSelectOption(), select.firstChild);
-
   select.update = function (newSelectedOptions) {
     selectedOptions = newSelectedOptions;
     var ds = [];
     var is = [];
-
     var removeValue = function removeValue(t) {
       if (kb.holds(subject, predicate, t, dataDoc)) {
         ds.push($rdf.st(subject, predicate, t, dataDoc));
       }
     };
-
     var addValue = function addValue(t) {
       if (!kb.holds(subject, predicate, t, dataDoc)) {
-        is.push($rdf.st(subject, predicate, t, dataDoc)); // console.log("----value added " + t)
+        is.push($rdf.st(subject, predicate, t, dataDoc));
+        // console.log("----value added " + t)
       }
 
       if (uiFrom && !kb.holds(t, ns.rdf('type'), kb.sym(uiFrom), dataDoc)) {
-        is.push($rdf.st(t, ns.rdf('type'), kb.sym(uiFrom), dataDoc)); // console.log("----added type to value " + uiFrom)
+        is.push($rdf.st(t, ns.rdf('type'), kb.sym(uiFrom), dataDoc));
+        // console.log("----added type to value " + uiFrom)
       }
     };
 
     var existingValues = kb.each(subject, predicate, null, dataDoc).map(function (object) {
       return object.value;
     });
-
     var _iterator2 = _createForOfIteratorHelper(existingValues),
-        _step2;
-
+      _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var value = _step2.value;
@@ -2283,10 +1915,8 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
     } finally {
       _iterator2.f();
     }
-
     var _iterator3 = _createForOfIteratorHelper(selectedOptions),
-        _step3;
-
+      _step3;
     try {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
         var _value = _step3.value;
@@ -2297,7 +1927,6 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
     } finally {
       _iterator3.f();
     }
-
     kb.updater.update(ds, is, function (uri, ok, body) {
       if (!ok) return select.parentNode.appendChild((0, _error.errorMessageBlock)(dom, 'Error updating data in select: ' + body));
       select.refresh();
@@ -2307,16 +1936,12 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
       });
     });
   };
-
   select.refresh = function () {
     select.disabled = true; // unlocked any conflict we had got into
-
     var is = [];
     var newObject;
-
     for (var _i5 = 0; _i5 < select.options.length; _i5++) {
       var opt = select.options[_i5];
-
       if (opt.selected && opt.AJAR_mint) {
         // not sure if this 'if' is used because I cannot find mintClass
         if (options.mintClass) {
@@ -2327,34 +1952,29 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
               }); // @@ if ok, need some form of refresh of the select for the new thing
             }
           });
+
           select.parentNode.appendChild(thisForm);
           newObject = thisForm.AJAR_subject;
         } else {
           newObject = newThing(dataDoc);
         }
-
         is.push($rdf.st(subject, predicate, kb.sym(newObject), dataDoc));
-        if (uiFrom) is.push($rdf.st(newObject, ns.rdf('type'), kb.sym(uiFrom), dataDoc)); // not sure if this 'if' is used because I cannot find mintStatementsFun
+        if (uiFrom) is.push($rdf.st(newObject, ns.rdf('type'), kb.sym(uiFrom), dataDoc));
 
+        // not sure if this 'if' is used because I cannot find mintStatementsFun
         if (options.mintStatementsFun) {
           is = is.concat(options.mintStatementsFun(newObject));
         }
-
         select.currentURI = newObject;
       }
-
       if (!opt.AJAR_uri) continue; // a prompt or mint
-
       if (opt.selected && containsObject(opt.AJAR_uri, selectedOptions)) {
         select.currentURI = opt.AJAR_uri;
       }
-
       if (!containsObject(opt.AJAR_uri, selectedOptions)) opt.removeAttribute('selected');
       if (containsObject(opt.AJAR_uri, selectedOptions)) opt.setAttribute('selected', 'true');
     }
-
     log.info('selectForOptions: data doc = ' + dataDoc);
-
     if (select.currentURI && options.subForm && !options.multiSelect) {
       addSubFormChoice(dom, container, {}, $rdf.sym(select.currentURI), options.subForm, dataDoc, function (ok, body) {
         if (ok) {
@@ -2370,59 +1990,46 @@ function makeSelectForChoice(dom, container, kb, subject, predicate, inputPossib
         }
       });
     }
-
     select.disabled = false;
   };
-
   function createOption(uri) {
     var option = dom.createElement('option');
     var c = kb.sym(uri);
     var label;
-
     if (options.disambiguate) {
       label = utils.labelWithOntology(c, true); // Init. cap
     } else {
       label = utils.label(c, true);
     }
-
     option.appendChild(dom.createTextNode(label)); // Init.
-
     option.setAttribute('value', uri);
     var backgroundColor = kb.any(c, kb.sym('http://www.w3.org/ns/ui#backgroundColor'));
-
     if (backgroundColor) {
       option.setAttribute('style', 'background-color: ' + backgroundColor.value + '; ');
     }
-
     option.AJAR_uri = uri;
-
     if (containsObject(c.value, selectedOptions)) {
       option.setAttribute('selected', 'true');
     }
-
     return option;
   }
-
   if (editable) {
     select.addEventListener('change', onChange, false);
   }
-
   return select;
 } // makeSelectForChoice
 
-
 function containsObject(obj, list) {
   var i;
-
   for (i = 0; i < list.length; i++) {
     if (list[i] === obj) {
       return true;
     }
   }
-
   return false;
-} // This functions replaces the findMembersNT (thisClass) from rdflib until we fix: https://github.com/linkeddata/rdflib.js/issues/565
+}
 
+// This functions replaces the findMembersNT (thisClass) from rdflib until we fix: https://github.com/linkeddata/rdflib.js/issues/565
 /**
  * For anything which has thisClass (or any subclass) as its type,
  * or is the object of something which has thisClass (or any subclass) as its range,
@@ -2432,8 +2039,6 @@ function containsObject(obj, list) {
  * Get all the Classes of which we can RDFS-infer the subject is a member
  * @return a hash of URIs
  */
-
-
 function findMembersNT(store, thisClass, quad) {
   var len2;
   var len4;
@@ -2450,40 +2055,31 @@ function findMembersNT(store, thisClass, quad) {
   seeds[thisClass.toNT()] = true;
   var members = {};
   var ref = store.transitiveClosure(seeds, store.rdfFactory.namedNode('http://www.w3.org/2000/01/rdf-schema#subClassOf'), true);
-
   for (var t in ref) {
     ref1 = store.statementsMatching(null, store.rdfFactory.namedNode('http://www.w3.org/1999/02/22-rdf-syntax-ns#type'), store.fromNT(t), quad);
-
     for (var i = 0, len = ref1.length; i < len; i++) {
       st = ref1[i];
       members[st.subject.toNT()] = st;
     }
-
     ref2 = store.each(null, store.rdfFactory.namedNode('http://www.w3.org/2000/01/rdf-schema#domain'), store.fromNT(t), quad);
-
     for (var l = 0, len1 = ref2.length; l < len1; l++) {
       pred = ref2[l];
       ref3 = store.statementsMatching(null, pred, null, quad);
-
       for (m = 0, len2 = ref3.length; m < len2; m++) {
         st = ref3[m];
         members[st.subject.toNT()] = st;
       }
     }
-
     ref4 = store.each(null, store.rdfFactory.namedNode('http://www.w3.org/2000/01/rdf-schema#range'), store.fromNT(t), quad);
-
     for (var q = 0, len3 = ref4.length; q < len3; q++) {
       pred = ref4[q];
       ref5 = store.statementsMatching(null, pred, null, quad);
-
       for (u = 0, len4 = ref5.length; u < len4; u++) {
         st = ref5[u];
         members[st.object.toNT()] = st;
       }
     }
   }
-
   return members;
 }
 //# sourceMappingURL=forms.js.map