solid-panes 4.5.0 → 5.0.0-0

package/dist/RDFXMLPane.css

@@ -1,70 +0,0 @@
-.rdfxml-pane {
-	padding: 1rem;
-	border-top: solid 2px var(--color-data-pane-border-top, black);
-	border-left: solid 2px var(--color-data-pane-border-top, black);
-	border-bottom: solid 2px var(--color-data-pane-border-side, #777);
-	border-right: solid 2px var(--color-data-pane-border-side, #777);
-	color: var(--color-text-brown, #440);
-	box-sizing: border-box;
-}
-
-.rdfxml-pane__source {
-	overflow-x: auto;
-	max-width: 100%;
-	box-sizing: border-box;
-	font-family: monospace;
-	font-size: 120%;
-	margin: 0;
-	white-space: pre;
-}
-
-.rdfxml-pane__line {
-	display: grid;
-	grid-template-columns: var(--rdfxml-indent, 0) minmax(max-content, auto);
-	align-items: start;
-}
-
-.rdfxml-pane__line-indent {
-	display: block;
-	width: var(--rdfxml-indent, 0);
-}
-
-.rdfxml-pane__line-content {
-	white-space: pre;
-}
-
-.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__source {
-	overflow-wrap: anywhere;
-	word-break: break-word;
-	white-space: normal;
-}
-
-.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__line {
-	grid-template-columns: var(--rdfxml-indent, 0) minmax(0, 1fr);
-}
-
-.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__line-content {
-	white-space: pre-wrap;
-	overflow-wrap: anywhere;
-	word-break: break-word;
-	min-width: 0;
-}
-
-@media (max-width: 576px) {
-	.rdfxml-pane__source {
-		overflow-wrap: anywhere;
-		word-break: break-word;
-		white-space: normal;
-	}
-
-	.rdfxml-pane__line {
-		grid-template-columns: var(--rdfxml-indent, 0) minmax(0, 1fr);
-	}
-
-	.rdfxml-pane__line-content {
-		white-space: pre-wrap;
-		overflow-wrap: anywhere;
-		word-break: break-word;
-		min-width: 0;
-	}
-}

package/dist/RDFXMLPane.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RDFXMLPane = void 0;
-var UI = _interopRequireWildcard(require("solid-ui"));
-var $rdf = _interopRequireWildcard(require("rdflib"));
-require("./RDFXMLPane.css");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/*      RDF/XML content Pane
- **
- **  This pane shows the content of a particular RDF resource
- ** or at least the RDF semantics we attribute to that resource,
- ** in generated N3 syntax.
- */
-
-const ns = UI.ns;
-function leadingIndentWidth(line) {
-  if (line.trim().length === 0) {
-    return 0;
-  }
-  let width = 0;
-  for (const character of line) {
-    if (character === ' ') {
-      width += 1;
-      continue;
-    }
-    if (character === '\t') {
-      width += 2;
-      continue;
-    }
-    break;
-  }
-  return Math.max(width, 2);
-}
-function trimLeadingIndent(line) {
-  return line.replace(/^[ \t]+/, '');
-}
-const RDFXMLPane = exports.RDFXMLPane = {
-  icon: UI.icons.originalIconBase + '22-text-xml4.png',
-  name: 'RDFXML',
-  audience: [ns.solid('Developer')],
-  label: function (subject, context) {
-    const store = context.session.store;
-    if ('http://www.w3.org/2007/ont/link#ProtocolEvent' in store.findTypeURIs(subject)) {
-      return null;
-    }
-    const n = store.statementsMatching(undefined, undefined, undefined, subject).length;
-    if (n === 0) return null;
-    return 'As RDF/XML (' + n + ')';
-  },
-  render: function (subject, context) {
-    const myDocument = context.dom;
-    const kb = context.session.store;
-    function applyEnvironmentAttributes(element) {
-      const environment = context.environment ?? {};
-      element.dataset.layout = environment.layout ?? 'desktop';
-    }
-    const div = myDocument.createElement('div');
-    div.setAttribute('class', 'rdfxml-pane');
-    applyEnvironmentAttributes(div);
-    // Because of smushing etc, this will not be a copy of the original source
-    // We could instead either fetch and re-parse the source,
-    // or we could keep all the pre-smushed triples.
-    const sts = kb.statementsMatching(undefined, undefined, undefined, subject); // @@ slow with current store!
-    /*
-    var kludge = kb.formula([]) // No features
-    for (var i=0; i< sts.length; i++) {
-        s = sts[i]
-        kludge.add(s.subject, s.predicate, s.object)
-    }
-    */
-    const sz = $rdf.Serializer(kb);
-    sz.suggestNamespaces(kb.namespaces);
-    sz.setBase(subject.uri);
-    const str = sz.statementsToXML(sts);
-    const source = myDocument.createElement('div');
-    source.classList.add('rdfxml-pane__source');
-    str.split('\n').forEach(line => {
-      const lineElement = myDocument.createElement('div');
-      const indentElement = myDocument.createElement('span');
-      const contentElement = myDocument.createElement('span');
-      const indentWidth = leadingIndentWidth(line);
-      lineElement.classList.add('rdfxml-pane__line');
-      lineElement.style.setProperty('--rdfxml-indent', `${indentWidth}ch`);
-      indentElement.classList.add('rdfxml-pane__line-indent');
-      indentElement.setAttribute('aria-hidden', 'true');
-      contentElement.classList.add('rdfxml-pane__line-content');
-      contentElement.textContent = line.length > 0 ? trimLeadingIndent(line) : ' ';
-      lineElement.appendChild(indentElement);
-      lineElement.appendChild(contentElement);
-      source.appendChild(lineElement);
-    });
-    div.appendChild(source);
-    return div;
-  }
-};
-
-// ends

package/dist/argument/argumentPane.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _solidLogic = require("solid-logic");
-var UI = _interopRequireWildcard(require("solid-ui"));
-var panes = _interopRequireWildcard(require("pane-registry"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/*      View argument Pane
-**
-**  This pane shows a position and optionally the positions which
-** support or oppose it.
-** @@ Unfinsihed.
-** Should allow editing the data too
-
-*/
-// console.log('@@@ argument pane icon at ' + (module.__dirname || __dirname) + '/icon_argument.png')
-var _default = exports.default = {
-  icon: (module.__dirname || __dirname) + '/icon_argument.png',
-  // @@ fix fro mashlib version
-
-  name: 'argument',
-  label: function (subject) {
-    const kb = _solidLogic.store;
-    const t = kb.findTypeURIs(subject);
-    if (t[UI.ns.arg('Position').uri]) return 'Argument';
-    return null;
-  },
-  // View the data in a file in user-friendly way
-  render: function (subject, dom) {
-    const outliner = panes.getOutliner(dom);
-    const kb = _solidLogic.store;
-    const arg = UI.ns.arg;
-    subject = kb.canon(subject);
-    // var types = kb.findTypeURIs(subject)
-
-    const div = dom.createElement('div');
-    div.setAttribute('class', 'argumentPane');
-
-    // var title = kb.any(subject, UI.ns.dc('title'))
-
-    const comment = kb.any(subject, UI.ns.rdfs('comment'));
-    if (comment) {
-      const para = dom.createElement('p');
-      para.setAttribute('style', 'margin-left: 2em; font-style: italic;');
-      div.appendChild(para);
-      para.textContent = comment.value;
-    }
-    div.appendChild(dom.createElement('hr'));
-    let plist = kb.statementsMatching(subject, arg('support'));
-    outliner.appendPropertyTRs(div, plist, false);
-    div.appendChild(dom.createElement('hr'));
-    plist = kb.statementsMatching(subject, arg('opposition'));
-    outliner.appendPropertyTRs(div, plist, false);
-    div.appendChild(dom.createElement('hr'));
-    return div;
-  }
-}; // ends

package/dist/attach/attachPane.js

@@ -1,393 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var UI = _interopRequireWildcard(require("solid-ui"));
-var $rdf = _interopRequireWildcard(require("rdflib"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/*   Attachment Pane
- **
- ** - Attach a document to a thing
- **  - View attachments
- ** - Look at all unattached Supporting Documents.
- ** - Drag a document onto the pane to attach it @@
- **
- **
- */
-var _default = exports.default = {
-  icon: UI.icons.iconBase + 'noun_25830.svg',
-  // noun_25830
-
-  name: 'attachments',
-  // Does the subject deserve an attachments pane?
-  //
-  //  In this case we will render any thing which is in any subclass of
-  //  certain classes, or also the certain classes themselves, as a
-  //  triage tool for correlating many attachees with attachments.
-  // We also offer the pane for anything of any class which just has an attachment already.
-  //
-  label: function (subject, context) {
-    const kb = context.session.store;
-    const t = kb.findTypeURIs(subject);
-    const QU = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#');
-    const WF = $rdf.Namespace('http://www.w3.org/2005/01/wf/flow#');
-    if (t['http://www.w3.org/ns/pim/trip#Trip'] ||
-    // If in any subclass
-    subject.uri === 'http://www.w3.org/ns/pim/trip#Trip' || t['http://www.w3.org/2005/01/wf/flow#Task'] || t['http://www.w3.org/2000/10/swap/pim/qif#Transaction'] ||
-    // subject.uri == 'http://www.w3.org/2000/10/swap/pim/qif#Transaction' ||
-    QU('Transaction') in kb.findSuperClassesNT(subject) || kb.holds(subject, WF('attachment'))) {
-      return 'attachments';
-    }
-    return null;
-  },
-  render: function (subject, context) {
-    const dom = context.dom;
-    const kb = context.session.store;
-    const WF = $rdf.Namespace('http://www.w3.org/2005/01/wf/flow#');
-    const QU = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#');
-
-    // ////////////////////////////////////////////////////////////////////////////
-
-    const complain = function complain(message) {
-      const pre = dom.createElement('pre');
-      pre.setAttribute('style', 'background-color: pink');
-      div.appendChild(pre);
-      pre.appendChild(dom.createTextNode(message));
-    };
-
-    // Where can we write about this thing?
-    //
-    // Returns term for document or null
-    const findStore = function (kb, subject) {
-      if (kb.updater.editable(subject.doc(), kb)) return subject.doc();
-      const store = kb.any(subject.doc(), QU('annotationStore'));
-      return store;
-    };
-    const div = dom.createElement('div');
-    const esc = UI.utils.escapeForXML;
-    div.setAttribute('class', 'attachPane');
-    div.innerHTML = '<h1>' + esc(UI.utils.label(subject, true)) + ' attachments</h1>'; //
-
-    const predicate = WF('attachment');
-    const range = QU('SupportingDocument');
-    let subjects, multi;
-    const options = {};
-    let currentMode = 0; // 0 -> Show all;  1 -> Attached;    2 -> unattached
-    let currentSubject = null;
-    let currentObject = null;
-    const objectType = QU('SupportingDocument');
-
-    // Find all members of the class which we know about
-    // and sort them by an appropriate property.   @@ Move to library
-    //
-
-    const getSortKeySimple = function (_c) {
-      const uriMap = {
-        'http://www.w3.org/2005/01/wf/flow#Task': 'http://purl.org/dc/elements/1.1/created',
-        'http://www.w3.org/ns/pim/trip#Trip': 'http://www.w3.org/2002/12/cal/ical#dtstart',
-        'http://www.w3.org/2000/10/swap/pim/qif#Transaction': 'http://www.w3.org/2000/10/swap/pim/qif#date',
-        'http://www.w3.org/2000/10/swap/pim/qif#SupportingDocument': 'http://purl.org/dc/elements/1.1/date'
-      };
-      const uri = uriMap[subject.uri];
-      return uri ? kb.sym(uri) : kb.any(subject, UI.ns.ui('sortBy'));
-    };
-    const getSortKey = function (c) {
-      let k = getSortKeySimple(c.uri);
-      if (k) return k;
-      const sup = kb.findSuperClassesNT(c);
-      for (const cl in sup) {
-        // note unordered -- could be closest first
-        k = getSortKeySimple(kb.fromNT(cl).uri);
-        if (k) return k;
-      }
-      return undefined; // failure
-    };
-    const getMembersAndSort = function (subject) {
-      const sortBy = getSortKey(subject);
-      let u, x, key;
-      const uriHash = kb.findMemberURIs(subject);
-      const pairs = [];
-      const subjects = [];
-      for (u in uriHash) {
-        // @@ TODO: Write away the need for exception on next line
-
-        if (Object.prototype.hasOwnProperty.call(uriHash, u)) {
-          x = kb.sym(u);
-          if (sortBy) {
-            key = kb.any(x, sortBy);
-            if (!key) {
-              // complain("No key "+key+" sortby "+sortBy+" for "+x)
-              key = '8888-12-31';
-            } else {
-              key = key.value;
-            }
-          } else {
-            complain('No sortby ' + sortBy + ' for ' + x);
-            key = '9999-12-31';
-          }
-          // key = (sortBy && kb.any(x, sortBy)) || kb.literal("9999-12-31") // Undated appear future
-          // if (!key) complain("Sort: '"+key+"' No "+sortBy+" for "+x) // Assume just not in this year
-          pairs.push([key, x]);
-        }
-      }
-      pairs.sort();
-      pairs.reverse(); // @@ Descending order .. made a toggle?
-      for (let i = 0; i < pairs.length; i++) {
-        subjects.push(pairs[i][1]);
-      }
-      return subjects;
-    };
-
-    // Set up a triage of many class members against documents or just one
-    if (subject.uri === 'http://www.w3.org/ns/pim/trip#Trip' || QU('Transaction') in kb.findSuperClassesNT(subject)
-    // subject.uri == 'http://www.w3.org/2000/10/swap/pim/qif#Transaction'
-    ) {
-      multi = true;
-      subjects = getMembersAndSort(subject);
-    } else {
-      currentSubject = subject;
-      currentMode = 1; // Show attached only.
-      subjects = [subject];
-      multi = false;
-    }
-
-    // var store = findStore(kb, subject)
-    // if (!store) complain("There is no annotation store for: "+subject.uri)
-
-    // var objects = kb.each(undefined, ns.rdf('type'), range)
-    const objects = getMembersAndSort(range);
-    if (!objects) complain('objects:' + objects.length);
-    const deselectObject = function () {
-      currentObject = null;
-      preview.innerHTML = '';
-    };
-    const showFiltered = function (mode) {
-      const filtered = mode === 0 ? objects : getFiltered();
-      // eslint-enable
-      UI.widgets.selectorPanelRefresh(objectList, dom, kb, objectType, predicate, true, filtered, options, showObject, linkClicked);
-      if (filtered.length === 1) {
-        currentObject = filtered[0];
-        showObject(currentObject, null, true); // @@ (Sure?) if only one select it.
-      } else {
-        deselectObject();
-      }
-      function getFiltered() {
-        return mode === 1 ? currentSubject === null ? objects.filter(y => !!kb.holds(undefined, predicate, y)) : objects.filter(y => !!kb.holds(currentSubject, predicate, y)) : objects.filter(y => kb.each(undefined, predicate, y).length === 0);
-      }
-    };
-    const setAttachment = function (x, y, value, refresh) {
-      if (kb.holds(x, predicate, y) === value) return;
-      const verb = value ? 'attach' : 'detach';
-      // complain("Info: starting to "+verb+" " + y.uri + " to "+x.uri+ ":\n")
-      const linkDone3 = function (uri, ok, body) {
-        if (ok) {
-          // complain("Success "+verb+" "+y.uri+" to "+x.uri+ ":\n"+ body)
-          refresh();
-        } else {
-          complain('Error: Unable to ' + verb + ' ' + y.uri + ' to ' + x.uri + ':\n' + body);
-        }
-      };
-      const store = findStore(kb, x);
-      if (!store) {
-        complain('There is no annotation store for: ' + x.uri);
-      } else {
-        const sts = [$rdf.st(x, predicate, y, store)];
-        if (value) {
-          kb.updater.update([], sts, linkDone3);
-        } else {
-          kb.updater.update(sts, [], linkDone3);
-        }
-      }
-    };
-    const linkClicked = function (x, event, inverse, refresh) {
-      let s, o;
-      if (inverse) {
-        // Objectlist
-        if (!currentSubject) {
-          complain('No subject for the link has been selected');
-          return;
-        } else {
-          s = currentSubject;
-          o = x;
-        }
-      } else {
-        // Subjectlist
-        if (!currentObject) {
-          complain('No object for the link has been selected');
-          return;
-        } else {
-          s = x;
-          o = currentObject;
-        }
-      }
-      setAttachment(s, o, !kb.holds(s, predicate, o), refresh); // @@ toggle
-    };
-
-    // When you click on a subject, filter the objects connected to the subject in Mode 1
-    const showSubject = function (x, event, selected) {
-      if (selected) {
-        currentSubject = x;
-      } else {
-        currentSubject = null;
-        if (currentMode === 1) deselectObject();
-      } // If all are displayed, refresh would just annoy:
-      if (currentMode !== 0) showFiltered(currentMode); // Refresh the objects
-    };
-    if (multi) {
-      const subjectList = UI.widgets.selectorPanel(dom, kb, subject, predicate, false, subjects, options, showSubject, linkClicked);
-      subjectList.setAttribute('style', 'background-color: white;  width: 25em; height: 100%; padding: 0 em; overflow:scroll; float:left');
-      div.appendChild(subjectList);
-    }
-    const showObject = function (x, event, selected) {
-      if (!selected) {
-        deselectObject();
-        preview.innerHTML = ''; // Clean out what is there
-        // complain("Show object "+x.uri)
-        return;
-      }
-      currentObject = x;
-      try {
-        /*
-        var dispalyable = function (kb, x) {
-          var cts = kb.fetcher.getHeader(x, 'content-type')
-          if (cts) {
-            var displayables = ['text/html', 'image/png', 'application/pdf']
-            for (var j = 0; j < cts.length; j++) {
-              for (var k = 0; k < displayables.length; k++) {
-                if (cts[j].indexOf(displayables[k]) >= 0) {
-                  return true
-                }
-              }
-            }
-          }
-          return false
-        }
-        */
-        preview.innerHTML = 'Loading ....';
-        if (x.uri) {
-          kb.fetcher.load(x.uri).then(() => {
-            const outliner = context.getOutliner(dom);
-            const display = outliner.propertyTable(x); //  ,table, pane
-            preview.innerHTML = '';
-            preview.appendChild(display);
-          }).catch(err => {
-            preview.textContent = 'Error loading ' + x.uri + ': ' + err;
-          });
-        }
-        /*
-              if (dispalyable(kb, x) || x.uri.slice(-4) == ".pdf" || x.uri.slice(-4) == ".png" || x.uri.slice(-5) == ".html" ||
-                      x.uri.slice(-5) == ".jpeg") { // @@@@@@ MAJOR KLUDGE! use metadata after HEAD
-                  preview.innerHTML = '<iframe height="100%" width="100%"src="'
-                      + x.uri + '">' + x.uri + '</iframe>'
-              } else {
-              }
-          */
-      } catch (e) {
-        preview.innerHTML = '<span style="background-color: pink;">' + 'Error:' + e + '</span>'; // @@ enc
-      }
-    };
-    div.setAttribute('style', 'background-color: white; width:40cm; height:20cm;');
-    const headerButtons = function (dom, labels, intial, callback) {
-      const head = dom.createElement('table');
-      let current = intial;
-      head.setAttribute('style', 'float: left; width: 30em; padding: 0.5em; height: 1.5em; background-color: #ddd; color: #444; font-weight: bold');
-      const tr = dom.createElement('tr');
-      const style0 = 'border-radius: 0.6em; text-align: center;';
-      const style1 = style0 + 'background-color: #ccc; color: black;';
-      head.appendChild(tr);
-      const setStyles = function () {
-        for (i = 0; i < labels.length; i++) {
-          buttons[i].setAttribute('style', i === current ? style1 : style0);
-        }
-      };
-      let i, b;
-      const buttons = [];
-      for (i = 0; i < labels.length; i++) {
-        b = buttons[i] = dom.createElement('td');
-        b.textContent = labels[i];
-        tr.appendChild(buttons[i]);
-        const listen = function (b, i) {
-          b.addEventListener('click', function (_e) {
-            current = i;
-            setStyles();
-            callback(i);
-          });
-        };
-        listen(b, i);
-      }
-      setStyles();
-      return head;
-    };
-    const setMode = function (mode) {
-      if (mode !== currentMode) {
-        currentMode = mode;
-        deselectObject();
-        showFiltered(mode);
-      }
-    };
-    const wrapper = dom.createElement('div');
-    wrapper.setAttribute('style', ' width: 30em; height: 100%;  padding: 0em; float:left;');
-    // wrapper.appendChild(head)
-    div.appendChild(wrapper);
-    wrapper.appendChild(headerButtons(dom, ['all', 'attached', 'not attached'], currentMode, setMode));
-    const objectList = UI.widgets.selectorPanel(dom, kb, objectType, predicate, true, objects, options, showObject, linkClicked);
-    objectList.setAttribute('style', 'background-color: #ffe;  width: 30em; height: 100%; padding: 0em; overflow:scroll;'); // float:left
-    wrapper.appendChild(objectList);
-
-    // objectList.insertBefore(head, objectList.firstChild)
-
-    const preview = dom.createElement('div');
-    preview.setAttribute('style', /* background-color: black; */'padding: 0em; margin: 0;  height: 100%; overflow:scroll;');
-    div.appendChild(preview);
-    showFiltered(currentMode);
-    if (subjects.length > 0 && multi) {
-      const stores = {};
-      for (let k = 0; k < subjects.length; k++) {
-        const store = findStore(kb, subjects[k]);
-        if (store) stores[store.uri] = subjects[k];
-        // if (!store) complain("No store for "+subjects[k].uri)
-      }
-      for (const storeURI in stores) {
-        // var store = findStore(kb,subjects[subjectList.length-1])
-        const store = kb.sym(storeURI);
-        const mintBox = dom.createElement('div');
-        mintBox.setAttribute('style', 'clear: left; width: 20em; margin-top:2em; background-color:#ccc; border-radius: 1em; padding: 1em; font-weight: bold;');
-        mintBox.textContent = '+ New ' + UI.utils.label(subject);
-        mintBox.textContent += ' in ' + UI.utils.label(store);
-        const storeLab = dom.createElement('span');
-        storeLab.setAttribute('style', 'font-weight: normal; font-size: 80%; color: #777;');
-        storeLab.textContent = storeURI;
-        mintBox.appendChild(dom.createElement('br'));
-        mintBox.appendChild(storeLab);
-        /*
-        var mintButton = dom.createElement('img')
-        mintBox.appendChild(mintButton)
-        mintButton.setAttribute('src', ...); @@ Invokes master handler
-        */
-        mintBox.addEventListener('click', function (_event) {
-          const thisForm = UI.widgets.promptForNew(dom, kb, subject, predicate, subject, null, store, function (ok, _body) {
-            if (!ok) {
-              // callback(ok, body); // @@ if ok, need some form of refresh of the select for the new thing
-            } else {
-              // Refresh @@
-            }
-          });
-          try {
-            div.insertBefore(thisForm, mintBox.nextSibling); // Sigh no insertAfter
-          } catch (e) {
-            div.appendChild(thisForm);
-          }
-          // var newObject = thisForm.AJAR_subject
-        }, false);
-        div.appendChild(mintBox);
-      }
-    }
-
-    // if (!me) complain("(You do not have your Web Id set. Set your Web ID to make changes.)")
-
-    return div;
-  }
-}; // pane object
-// ends