solid-panes 4.4.2-7 → 4.5.0

package/dist/attach/attachPane.js

@@ -0,0 +1,393 @@
+"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

package/dist/audio/audioPane.js

@@ -0,0 +1,181 @@
+"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); }
+/*   Single audio play Pane
+ **
+ */
+
+const ns = UI.ns;
+var _default = exports.default = {
+  icon: UI.icons.iconBase + 'noun_534313.svg',
+  name: 'audio',
+  // Does the subject deserve an audio play pane?
+  label: function (subject, context) {
+    const kb = context.session.store;
+    const typeURIs = kb.findTypeURIs(subject);
+    const prefix = $rdf.Util.mediaTypeClass('audio/*').uri.split('*')[0];
+    for (const t in typeURIs) {
+      if (t.startsWith(prefix)) return 'Play audio';
+    }
+    return null;
+  },
+  render: function (subject, context) {
+    const kb = context.session.store;
+    const dom = context.dom;
+    const options = {
+      autoplay: false,
+      chain: true,
+      chainAlbums: true,
+      loop: false
+    };
+    const removeExtension = function (str) {
+      const dot = str.lastIndexOf('.');
+      if (dot < 0) return str; // if any
+      const slash = str.lastIndexOf('/');
+      if (dot < slash) return str;
+      return str.slice(0, dot);
+    };
+
+    // True if there is another file like song.mp3 when this is "song 1.mp3"
+    // or this is song.m4a
+    //
+    const looksRedundant = function (x) {
+      const folder = kb.any(undefined, ns.ldp('contains'), x);
+      if (!folder) return false;
+      const contents = kb.each(folder, ns.ldp('contains'));
+      if (contents.length < 2) return false;
+      const thisName = x.uri;
+      for (let k = 0; k < contents.length; k++) {
+        const otherName = contents[k].uri;
+        if (thisName.length > otherName.length && thisName.startsWith(removeExtension(otherName))) {
+          return true;
+        }
+        if (thisName.endsWith('.m4a') && otherName.endsWith('.mp3') && removeExtension(thisName) === removeExtension(otherName)) {
+          return true;
+        }
+      }
+      return false;
+    };
+
+    // Alternative methods could include:
+    // Accesing metadata in the audio contol, or paring the audio file
+    const guessNames = function (x) {
+      const a = x.uri.split('/').slice(-3); // Hope artist, album, track
+      const decode = function (str) {
+        try {
+          return decodeURIComponent(str);
+        } catch (e) {
+          return str;
+        }
+      };
+      artistRow.textContent = decode(a[0]);
+      albumRow.textContent = decode(a[1]);
+      trackRow.textContent = decode(removeExtension(a[2]));
+    };
+    const moveOn = function (current, level) {
+      return new Promise(function (resolve) {
+        level = level || 0;
+        if (!options.chain) return resolve(null);
+        // Ideally navigate graph else cheat with URI munging:
+        const folder = kb.any(undefined, ns.ldp('contains'), current) || current.dir();
+        if (!folder) return resolve(null);
+        kb.fetcher.load(folder).then(function (_xhr) {
+          const contents = kb.each(folder, ns.ldp('contains')); // @@ load if not loaded
+          // if (contents.length < 2) return resolve(null)   NO might move on from 1-track album
+          let j;
+          contents.sort(); // sort by URI which hopefully will get tracks in order
+          for (let i = 0; i < contents.length; i++) {
+            if (current.uri === contents[i].uri) {
+              j = (i + 1) % contents.length;
+              if (j === 0) {
+                if (!options.chainAlbums) {
+                  if (options.loop) {
+                    return resolve(contents[j]);
+                  }
+                  return resolve(null); // No more music needed
+                } else {
+                  // chain albums
+                  if (level === 1 || !options.chainAlbums) return resolve(null); // limit of navigating treee
+                  moveOn(folder, level + 1).then(function (folder2) {
+                    if (folder2) {
+                      kb.fetcher.load(folder2).then(function (_xhr) {
+                        const contents = kb.each(folder2, ns.ldp('contains'));
+                        if (contents.length === 0) return resolve(null);
+                        contents.sort();
+                        console.log('New Album: ' + folder2);
+                        return resolve(contents[0]); // Start off new album
+                      });
+                    }
+                  });
+                }
+              } else {
+                return resolve(contents[j]);
+              }
+            }
+          } // for
+        });
+      });
+    };
+    const endedListener = function (event) {
+      const current = kb.sym(event.target.getAttribute('src'));
+      if (!options.chain) return;
+      const tryNext = function (cur) {
+        const current = cur;
+        moveOn(current).then(function (next) {
+          if (!next) {
+            console.log('No successor to ' + current);
+            return;
+          }
+          if (!looksRedundant(next)) {
+            console.log('Moving on to ' + next);
+            guessNames(next);
+            controlRow.appendChild(audioControl(next, true)); // Force autoplay
+            controlRow.removeChild(event.target);
+          } else {
+            console.log('Ignoring redundant ' + next);
+            tryNext(next);
+          }
+        });
+      };
+      tryNext(current);
+    };
+    const audioControl = function (song, autoplay) {
+      const audio = dom.createElement('audio');
+      audio.setAttribute('controls', 'yes');
+      // get audio with authenticated fetch
+      kb.fetcher._fetch(song.uri).then(function (response) {
+        return response.blob();
+      }).then(function (myBlob) {
+        const objectURL = URL.createObjectURL(myBlob);
+        audio.setAttribute('src', objectURL); // w640 h480 //
+      });
+      if (autoplay) {
+        audio.setAttribute('autoplay', 'autoplay'); // Make this a personal preference
+      }
+      audio.addEventListener('ended', endedListener, false);
+      return audio;
+    };
+    const div = dom.createElement('div');
+    const table = div.appendChild(dom.createElement('table'));
+    const labelStyle = 'padding: 0.3em; color:white; background-color: black;';
+    const artistRow = table.appendChild(dom.createElement('tr'));
+    artistRow.style.cssText = labelStyle;
+    const albumRow = table.appendChild(dom.createElement('tr'));
+    albumRow.style.cssText = labelStyle;
+    const trackRow = table.appendChild(dom.createElement('tr'));
+    trackRow.style.cssText = labelStyle;
+    const controlRow = table.appendChild(dom.createElement('tr'));
+    guessNames(subject);
+    controlRow.appendChild(audioControl(subject, options.autoplay));
+    if (!kb.holds(undefined, ns.ldp('contains'), subject) && subject.dir()) {
+      kb.fetcher.load(subject.dir()); // Prefetch enclosing @@ or playlist
+    }
+    return div;
+  }
+}; // ends

package/dist/classInstancePane.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.classInstancePane = 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); }
+/*   Class member Pane
+ **
+ **  This outline pane lists the members of a class
+ */
+
+const ns = UI.ns;
+const classInstancePane = exports.classInstancePane = {
+  icon: UI.icons.originalIconBase + 'tango/22-folder-open.png',
+  name: 'classInstance',
+  // Create a new folder in a Solid system,
+
+  audience: [ns.solid('PowerUser')],
+  label: function (subject, context) {
+    const kb = context.session.store;
+    const n = kb.each(undefined, ns.rdf('type'), subject).length;
+    if (n > 0) return 'List (' + n + ')'; // Show how many in hover text
+    return null; // Suppress pane otherwise
+  },
+  render: function (subject, context) {
+    const dom = context.dom;
+    const outliner = context.getOutliner(dom);
+    const kb = context.session.store;
+    const complain = function complain(message, color) {
+      const pre = dom.createElement('pre');
+      pre.setAttribute('style', 'background-color: ' + color || '#eed' + ';');
+      div.appendChild(pre);
+      pre.appendChild(dom.createTextNode(message));
+    };
+    const div = dom.createElement('div');
+    div.setAttribute('class', 'instancePane');
+    div.setAttribute('style', '  border-top: solid 1px #777; border-bottom: solid 1px #777; margin-top: 0.5em; margin-bottom: 0.5em ');
+
+    // If this is a class, look for all both explicit and implicit
+    const sts = kb.statementsMatching(undefined, ns.rdf('type'), subject);
+    if (sts.length > 0) {
+      const already = {};
+      const more = [];
+      sts.forEach(st => {
+        already[st.subject.toNT()] = st;
+      });
+      for (const nt in kb.findMembersNT(subject)) {
+        if (!already[nt]) {
+          more.push($rdf.st(kb.fromNT(nt), ns.rdf('type'), subject)); // @@ no provenance
+        }
+      }
+      if (more.length) {
+        complain('There are ' + sts.length + ' explicit and ' + more.length + ' implicit members of ' + UI.utils.label(subject));
+      }
+      if (subject.sameTerm(ns.rdf('Property'))) {
+        // / Do not find all properties used as properties .. unless look at kb index
+      } else if (subject.sameTerm(ns.rdfs('Class'))) {
+        const uses = kb.statementsMatching(undefined, ns.rdf('type'), undefined);
+        const usedTypes = {};
+        uses.forEach(function (st) {
+          usedTypes[st.object] = st;
+        }); // Get unique
+        const used = [];
+        for (const i in usedTypes) {
+          used.push($rdf.st($rdf.sym(i), ns.rdf('type'), ns.rdfs('Class')));
+        }
+        complain('Total of ' + uses.length + ' type statements and ' + used.length + ' unique types.');
+      }
+      if (sts.length > 10) {
+        const tr = dom.createElement('TR');
+        tr.appendChild(dom.createTextNode('' + sts.length));
+        // tr.AJAR_statement=sts[i]
+        div.appendChild(tr);
+      }
+      outliner.appendPropertyTRs(div, sts, true, function (_pred) {
+        return true;
+      });
+      if (more.length) {
+        complain('Implicit:');
+        outliner.appendPropertyTRs(div, more, true, function (_pred) {
+          return true;
+        });
+      }
+    }
+    return div;
+  }
+};
+// ends

package/dist/dashboard/basicPreferences.d.ts

@@ -1,4 +1,4 @@
-import { PaneDefinition } from '../../node_modules/pane-registry';
+import { PaneDefinition } from 'pane-registry';
 export declare const basicPreferencesPane: PaneDefinition;
 export default basicPreferencesPane;
 //# sourceMappingURL=basicPreferences.d.ts.map