solid-panes 3.7.3 → 4.0.0-60467249

package/dist/tabbed/tabbedPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbedPane.js","names":["_solidUi","require","TabbedPane","icon","icons","iconBase","name","audience","ns","solid","label","subject","context","kb","session","store","typeURIs","findTypeURIs","meeting","uri","render","dom","div","createElement","fetcher","Error","load","appendChild","tabs","tabWidget","predicate","any","ordered","orientation","anyValue","renderMain","containerDiv","item","innerHTML","table","getOutliner","GotoSubject","undefined","renderTab","the","widgets","personTR","backgroundColor","ui","_default","exports","default"],"sources":["../../src/tabbed/tabbedPane.ts"],"sourcesContent":["/*   Tabbed view of anything\n **\n ** data-driven\n **\n */\nimport { Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport { icons, ns, tabs, widgets } from 'solid-ui'\n\nconst TabbedPane: PaneDefinition = {\n  icon: icons.iconBase + 'noun_688606.svg',\n\n  name: 'tabbed',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: (subject, context) => {\n    const kb = context.session.store as Store\n    const typeURIs = kb.findTypeURIs(subject)\n    if (ns.meeting('Cluster').uri in typeURIs) {\n      return 'Tabbed'\n    }\n    return null\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store as Store\n    const div = dom.createElement('div')\n\n    ;(async () => {\n      if (!store.fetcher) {\n        throw new Error('Store has no fetcher')\n      }\n      await store.fetcher.load(subject)\n\n      div.appendChild(tabs.tabWidget({\n        dom,\n        subject,\n        predicate: store.any(subject, ns.meeting('predicate')) || ns.meeting('toolList'),\n        ordered: true,\n        orientation: ((store as Store).anyValue(subject, ns.meeting('orientation')) || '0') as ('0' | '1' | '2' | '3'),\n        renderMain: (containerDiv, item) => {\n          containerDiv.innerHTML = ''\n          const table = containerDiv.appendChild(context.dom.createElement('table'))\n          ;(context.getOutliner(context.dom) as any).GotoSubject(item, true, null, false, undefined, table)\n        },\n        renderTab: (containerDiv, item) => {\n          const predicate = store.the(subject, ns.meeting('predicate'))\n          containerDiv.appendChild(widgets.personTR(context.dom, predicate, item, {}))\n        },\n        backgroundColor: store.anyValue(subject, ns.ui('backgroundColor')) || '#ddddcc'\n      }))\n    })()\n    return div\n  }\n}\n\nexport default TabbedPane\n"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAPA;AACA;AACA;AACA;AACA;;AAKA,MAAMC,UAA0B,GAAG;EACjCC,IAAI,EAAEC,cAAK,CAACC,QAAQ,GAAG,iBAAiB;EAExCC,IAAI,EAAE,QAAQ;EAEdC,QAAQ,EAAE,CAACC,WAAE,CAACC,KAAK,CAAC,WAAW,CAAC,CAAC;EAEjC;EACAC,KAAK,EAAEA,CAACC,OAAO,EAAEC,OAAO,KAAK;IAC3B,MAAMC,EAAE,GAAGD,OAAO,CAACE,OAAO,CAACC,KAAc;IACzC,MAAMC,QAAQ,GAAGH,EAAE,CAACI,YAAY,CAACN,OAAO,CAAC;IACzC,IAAIH,WAAE,CAACU,OAAO,CAAC,SAAS,CAAC,CAACC,GAAG,IAAIH,QAAQ,EAAE;MACzC,OAAO,QAAQ;IACjB;IACA,OAAO,IAAI;EACb,CAAC;EAEDI,MAAM,EAAEA,CAACT,OAAO,EAAEC,OAAO,KAAK;IAC5B,MAAMS,GAAG,GAAGT,OAAO,CAACS,GAAG;IACvB,MAAMN,KAAK,GAAGH,OAAO,CAACE,OAAO,CAACC,KAAc;IAC5C,MAAMO,GAAG,GAAGD,GAAG,CAACE,aAAa,CAAC,KAAK,CAAC;IAEnC,CAAC,YAAY;MACZ,IAAI,CAACR,KAAK,CAACS,OAAO,EAAE;QAClB,MAAM,IAAIC,KAAK,CAAC,sBAAsB,CAAC;MACzC;MACA,MAAMV,KAAK,CAACS,OAAO,CAACE,IAAI,CAACf,OAAO,CAAC;MAEjCW,GAAG,CAACK,WAAW,CAACC,aAAI,CAACC,SAAS,CAAC;QAC7BR,GAAG;QACHV,OAAO;QACPmB,SAAS,EAAEf,KAAK,CAACgB,GAAG,CAACpB,OAAO,EAAEH,WAAE,CAACU,OAAO,CAAC,WAAW,CAAC,CAAC,IAAIV,WAAE,CAACU,OAAO,CAAC,UAAU,CAAC;QAChFc,OAAO,EAAE,IAAI;QACbC,WAAW,EAAIlB,KAAK,CAAWmB,QAAQ,CAACvB,OAAO,EAAEH,WAAE,CAACU,OAAO,CAAC,aAAa,CAAC,CAAC,IAAI,GAA+B;QAC9GiB,UAAU,EAAEA,CAACC,YAAY,EAAEC,IAAI,KAAK;UAClCD,YAAY,CAACE,SAAS,GAAG,EAAE;UAC3B,MAAMC,KAAK,GAAGH,YAAY,CAACT,WAAW,CAACf,OAAO,CAACS,GAAG,CAACE,aAAa,CAAC,OAAO,CAAC,CAAC;UACxEX,OAAO,CAAC4B,WAAW,CAAC5B,OAAO,CAACS,GAAG,CAAC,CAASoB,WAAW,CAACJ,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAEK,SAAS,EAAEH,KAAK,CAAC;QACnG,CAAC;QACDI,SAAS,EAAEA,CAACP,YAAY,EAAEC,IAAI,KAAK;UACjC,MAAMP,SAAS,GAAGf,KAAK,CAAC6B,GAAG,CAACjC,OAAO,EAAEH,WAAE,CAACU,OAAO,CAAC,WAAW,CAAC,CAAC;UAC7DkB,YAAY,CAACT,WAAW,CAACkB,gBAAO,CAACC,QAAQ,CAAClC,OAAO,CAACS,GAAG,EAAES,SAAS,EAAEO,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAC9E,CAAC;QACDU,eAAe,EAAEhC,KAAK,CAACmB,QAAQ,CAACvB,OAAO,EAAEH,WAAE,CAACwC,EAAE,CAAC,iBAAiB,CAAC,CAAC,IAAI;MACxE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC;IACJ,OAAO1B,GAAG;EACZ;AACF,CAAC;AAAA,IAAA2B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjD,UAAU","ignoreList":[]}

package/{lib → dist}/tableViewPane.js

@@ -1,12 +1,11 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableViewPane = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _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); }
+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); }
 // Format an array of RDF statements as an HTML table.
 //
 // This can operate in one of three modes: when the class of object is given
@@ -25,16 +24,16 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // Table view pane  -- view of a class as a table of properties of class members
 
-var tableViewPane = exports.tableViewPane = {
+const tableViewPane = exports.tableViewPane = {
   icon: UI.icons.originalIconBase + 'table.png',
   name: 'tableOfClass',
-  label: function label(subject, context) {
-    var store = context.session.store;
+  label: function (subject, context) {
+    const store = context.session.store;
     // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null
     if (!store.any(undefined, UI.ns.rdf('type'), subject)) {
       return null;
     }
-    var n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject).length;
+    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject).length;
     if (n === 0) {
       // None, suppress pane
       return null;
@@ -45,9 +44,9 @@ var tableViewPane = exports.tableViewPane = {
     }
     return UI.utils.label(subject) + ' table';
   },
-  render: function render(subject, context) {
-    var myDocument = context.dom;
-    var div = myDocument.createElement('div');
+  render: function (subject, context) {
+    const myDocument = context.dom;
+    const div = myDocument.createElement('div');
     div.setAttribute('class', 'tablePane');
     div.appendChild(UI.table(myDocument, {
       tableClass: subject

package/dist/tableViewPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableViewPane.js","names":["UI","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","tableViewPane","exports","icon","icons","originalIconBase","name","label","subject","context","store","session","any","undefined","ns","rdf","statementsMatching","length","utils","render","myDocument","dom","div","createElement","setAttribute","appendChild","table","tableClass"],"sources":["../src/tableViewPane.js"],"sourcesContent":["// Format an array of RDF statements as an HTML table.\n//\n// This can operate in one of three modes: when the class of object is given\n// or when the source document from which data is taken is given,\n// or if a prepared query object is given.\n// (In principle it could operate with neither class nor document\n// given but typically\n// there would be too much data.)\n// When the tableClass is not given, it looks for common  classes in the data,\n// and gives the user the option.\n//\n// 2008 Written, Ilaria Liccardi\n// 2014 core functionality now in common/table.js   -timbl\n\n// ///////////////////////////////////////////////////////////////////\n\n// Table view pane  -- view of a class as a table of properties of class members\nimport * as UI from 'solid-ui'\n\nexport const tableViewPane = {\n  icon: UI.icons.originalIconBase + 'table.png',\n\n  name: 'tableOfClass',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null\n    if (!store.any(undefined, UI.ns.rdf('type'), subject)) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject)\n      .length\n    if (n === 0) {\n      // None, suppress pane\n      return null\n    }\n    if (n > 15) {\n      // @@ At the moment this pane can be slow with too many @@ fixme by using limits\n      return null\n    }\n    return UI.utils.label(subject) + ' table'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'tablePane')\n    div.appendChild(UI.table(myDocument, { tableClass: subject }))\n    return div\n  }\n}\n"],"mappings":";;;;;;AAiBA,IAAAA,EAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA8B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAjB9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAGO,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,IAAI,EAAExB,EAAE,CAACyB,KAAK,CAACC,gBAAgB,GAAG,WAAW;EAE7CC,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAE,SAAAA,CAAUC,OAAO,EAAEC,OAAO,EAAE;IACjC,MAAMC,KAAK,GAAGD,OAAO,CAACE,OAAO,CAACD,KAAK;IACnC;IACA,IAAI,CAACA,KAAK,CAACE,GAAG,CAACC,SAAS,EAAElC,EAAE,CAACmC,EAAE,CAACC,GAAG,CAAC,MAAM,CAAC,EAAEP,OAAO,CAAC,EAAE;MACrD,OAAO,IAAI;IACb;IACA,MAAMtB,CAAC,GAAGwB,KAAK,CAACM,kBAAkB,CAACH,SAAS,EAAElC,EAAE,CAACmC,EAAE,CAACC,GAAG,CAAC,MAAM,CAAC,EAAEP,OAAO,CAAC,CACtES,MAAM;IACT,IAAI/B,CAAC,KAAK,CAAC,EAAE;MACX;MACA,OAAO,IAAI;IACb;IACA,IAAIA,CAAC,GAAG,EAAE,EAAE;MACV;MACA,OAAO,IAAI;IACb;IACA,OAAOP,EAAE,CAACuC,KAAK,CAACX,KAAK,CAACC,OAAO,CAAC,GAAG,QAAQ;EAC3C,CAAC;EAEDW,MAAM,EAAE,SAAAA,CAAUX,OAAO,EAAEC,OAAO,EAAE;IAClC,MAAMW,UAAU,GAAGX,OAAO,CAACY,GAAG;IAC9B,MAAMC,GAAG,GAAGF,UAAU,CAACG,aAAa,CAAC,KAAK,CAAC;IAC3CD,GAAG,CAACE,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC;IACtCF,GAAG,CAACG,WAAW,CAAC9C,EAAE,CAAC+C,KAAK,CAACN,UAAU,EAAE;MAAEO,UAAU,EAAEnB;IAAQ,CAAC,CAAC,CAAC;IAC9D,OAAOc,GAAG;EACZ;AACF,CAAC","ignoreList":[]}

package/{lib → dist}/transaction/pane.js

@@ -1,13 +1,12 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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 _interopRequireWildcard(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 (var _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); }
+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); }
 /*   Financial Transaction Pane
  **
  **  This outline pane allows a user to interact with a transaction
@@ -15,16 +14,16 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  ** trips, etc
  */
 
-var ns = UI.ns;
-var _default = exports["default"] = {
+const ns = UI.ns;
+var _default = exports.default = {
   // icon:  (module.__dirname || __dirname) + '22-pixel-068010-3d-transparent-glass-icon-alphanumeric-dollar-sign.png',
   icon: UI.icons.iconBase + 'noun_106746.svg',
   name: 'transaction',
   audience: [ns.solid('PowerUser')],
   // Does the subject deserve this pane?
-  label: function label(subject, context) {
-    var kb = context.session.store;
-    var t = kb.findTypeURIs(subject);
+  label: function (subject, context) {
+    const kb = context.session.store;
+    const t = kb.findTypeURIs(subject);
     if (t['http://www.w3.org/2000/10/swap/pim/qif#Transaction']) return '$$';
     if (kb.any(subject, UI.ns.qu('amount'))) return '$$$'; // In case schema not picked up
 
@@ -33,22 +32,22 @@ var _default = exports["default"] = {
     if (t['http://www.w3.org/ns/pim/trip#Trip']) return 'Trip $';
     return null; // No under other circumstances (while testing at least!)
   },
-  render: function render(subject, context) {
-    var dom = context.dom;
-    var kb = context.session.store;
-    var fetcher = kb.fetcher;
-    var Q = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#');
-    var TRIP = $rdf.Namespace('http://www.w3.org/ns/pim/trip#');
-    var div = dom.createElement('div');
+  render: function (subject, context) {
+    const dom = context.dom;
+    const kb = context.session.store;
+    const fetcher = kb.fetcher;
+    const Q = $rdf.Namespace('http://www.w3.org/2000/10/swap/pim/qif#');
+    const TRIP = $rdf.Namespace('http://www.w3.org/ns/pim/trip#');
+    const div = dom.createElement('div');
     div.setAttribute('class', 'transactionPane');
-    var mention = function mention(message, style) {
+    const mention = function mention(message, style) {
       if (style === undefined) style = 'color: grey';
-      var pre = dom.createElement('pre');
+      const pre = dom.createElement('pre');
       pre.setAttribute('style', style);
       div.appendChild(pre);
       pre.appendChild(dom.createTextNode(message));
     };
-    var complain = function complain(message) {
+    const complain = function complain(message) {
       return mention(message, 'color: #100; background-color: #fee');
     };
 
@@ -62,19 +61,19 @@ var _default = exports["default"] = {
     */
     // //////////////////////////////////////////////////////////////////////////////
 
-    var plist = kb.statementsMatching(subject);
-    var qlist = kb.statementsMatching(undefined, undefined, subject);
-    var t = kb.findTypeURIs(subject);
+    const plist = kb.statementsMatching(subject);
+    const qlist = kb.statementsMatching(undefined, undefined, subject);
+    const t = kb.findTypeURIs(subject);
 
     // var me = authn.currentUser()
-    var predicateURIsDone = {};
-    var donePredicate = function donePredicate(pred) {
+    const predicateURIsDone = {};
+    const donePredicate = function (pred) {
       predicateURIsDone[pred.uri] = true;
     };
-    var setPaneStyle = function setPaneStyle(account) {
-      var mystyle = 'padding: 0.5em 1.5em 1em 1.5em; ';
+    const setPaneStyle = function (account) {
+      let mystyle = 'padding: 0.5em 1.5em 1em 1.5em; ';
       if (account) {
-        var backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'));
+        const backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'));
         if (backgroundColor) {
           mystyle += 'background-color: ' + backgroundColor.value + '; ';
         }
@@ -87,31 +86,31 @@ var _default = exports["default"] = {
     // Click on the transaction line to expand it into a pane
     // Shift-click to expand without collapsing others
 
-    var d2 = function d2(n) {
+    const d2 = function (n) {
       if (n === undefined) return '';
-      var s = '' + n;
+      const s = '' + n;
       if (s.indexOf('.') >= 0) {
         return s.split('.')[0] + '.' + (s.split('.')[1] + '00').slice(0, 2);
       }
       return s + '.00';
     };
-    var numericCell = function numericCell(amount, suppressZero) {
-      var td = dom.createElement('td');
+    const numericCell = function numericCell(amount, suppressZero) {
+      const td = dom.createElement('td');
       if (!(0.0 + amount === 0.0 && suppressZero)) {
         td.textContent = d2(amount);
       }
       td.setAttribute('style', 'width: 6em; text-align: right; ');
       return td;
     };
-    var headerCell = function headerCell(str) {
-      var td = dom.createElement('th');
+    const headerCell = function headerCell(str) {
+      const td = dom.createElement('th');
       td.textContent = str;
       td.setAttribute('style', 'text-align: right; ');
       return td;
     };
-    var oderByDate = function oderByDate(x, y) {
-      var dx = kb.any(x, ns.qu('date'));
-      var dy = kb.any(y, ns.qu('date'));
+    const oderByDate = function (x, y) {
+      const dx = kb.any(x, ns.qu('date'));
+      const dy = kb.any(y, ns.qu('date'));
       if (dx !== undefined && dy !== undefined) {
         if (dx.value < dy.value) return -1;
         if (dx.value > dy.value) return 1;
@@ -120,26 +119,26 @@ var _default = exports["default"] = {
       if (x.uri > y.uri) return 1;
       return 0;
     };
-    var insertedPane = function insertedPane(context, subject, paneName) {
-      var p = context.session.paneRegistry.byName(paneName);
-      var d = p.render(subject, context);
+    const insertedPane = function (context, subject, paneName) {
+      const p = context.session.paneRegistry.byName(paneName);
+      const d = p.render(subject, context);
       d.setAttribute('style', 'border: 0.1em solid green;');
       return d;
     };
-    var expandAfterRow = function expandAfterRow(dom, row, subject, paneName, solo) {
-      var siblings = row.parentNode.children;
+    const expandAfterRow = function (dom, row, subject, paneName, solo) {
+      const siblings = row.parentNode.children;
       if (solo) {
-        for (var j = siblings.length - 1; j >= 0; j--) {
+        for (let j = siblings.length - 1; j >= 0; j--) {
           if (siblings[j].expanded) {
             siblings[j].parentNode.removeChild(siblings[j].expanded);
             siblings[j].expanded = false;
           }
         }
       }
-      var tr = dom.createElement('tr');
-      var td = tr.appendChild(dom.createElement('td'));
+      const tr = dom.createElement('tr');
+      const td = tr.appendChild(dom.createElement('td'));
       td.setAttribute('style', 'width: 98%; padding: 1em; border: 0.1em solid grey;');
-      var cols = row.children.length;
+      const cols = row.children.length;
       if (row.nextSibling) {
         row.parentNode.insertBefore(tr, row.nextSibling);
       } else {
@@ -149,7 +148,7 @@ var _default = exports["default"] = {
       td.setAttribute('colspan', '' + cols);
       td.appendChild(insertedPane(context, subject, paneName));
     };
-    var expandAfterRowOrCollapse = function expandAfterRowOrCollapse(dom, row, subject, paneName, solo) {
+    const expandAfterRowOrCollapse = function (dom, row, subject, paneName, solo) {
       if (row.expanded) {
         row.parentNode.removeChild(row.expanded);
         row.expanded = false;
@@ -157,37 +156,37 @@ var _default = exports["default"] = {
         expandAfterRow(dom, row, subject, paneName, solo);
       }
     };
-    var transactionTable = function transactionTable(dom, list, filter) {
-      var table = dom.createElement('table');
+    const transactionTable = function (dom, list, filter) {
+      const table = dom.createElement('table');
       table.setAttribute('style', 'padding-left: 0.5em; padding-right: 0.5em; font-size: 9pt; width: 85%;');
-      var transactionRow = function transactionRow(dom, x) {
-        var tr = dom.createElement('tr');
-        var setTRStyle = function setTRStyle(tr, account) {
+      const transactionRow = function (dom, x) {
+        const tr = dom.createElement('tr');
+        const setTRStyle = function (tr, account) {
           // var mystyle = "padding: 0.5em 1.5em 1em 1.5em; "
-          var mystyle = "'padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.1em;";
+          let mystyle = '\'padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.1em;';
           if (account) {
-            var backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'));
+            const backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'));
             if (backgroundColor) {
               mystyle += 'background-color: ' + backgroundColor.value + '; ';
             }
           }
           tr.setAttribute('style', mystyle);
         };
-        var account = kb.any(x, ns.qu('toAccount'));
+        const account = kb.any(x, ns.qu('toAccount'));
         setTRStyle(tr, account);
-        var c0 = tr.appendChild(dom.createElement('td'));
-        var date = kb.any(x, ns.qu('date'));
+        const c0 = tr.appendChild(dom.createElement('td'));
+        const date = kb.any(x, ns.qu('date'));
         c0.textContent = date ? date.value.slice(0, 10) : '???';
         c0.setAttribute('style', 'width: 7em;');
-        var c1 = tr.appendChild(dom.createElement('td'));
+        const c1 = tr.appendChild(dom.createElement('td'));
         c1.setAttribute('style', 'width: 36em;');
-        var payee = kb.any(x, ns.qu('payee'));
+        const payee = kb.any(x, ns.qu('payee'));
         c1.textContent = payee ? payee.value : '???';
-        var a1 = c1.appendChild(dom.createElement('a'));
+        const a1 = c1.appendChild(dom.createElement('a'));
         a1.textContent = ' ➜';
         a1.setAttribute('href', x.uri);
-        var c3 = tr.appendChild(dom.createElement('td'));
-        var amount = kb.any(x, ns.qu('in_USD'));
+        const c3 = tr.appendChild(dom.createElement('td'));
+        const amount = kb.any(x, ns.qu('in_USD'));
         c3.textContent = amount ? d2(amount.value) : '???';
         c3.setAttribute('style', 'width: 6em; text-align: right; '); // @@ decimal alignment?
         tr.addEventListener('click', function (e) {
@@ -196,9 +195,9 @@ var _default = exports["default"] = {
         }, false);
         return tr;
       };
-      var list2 = filter ? list.filter(filter) : list.slice(); // don't sort a paramater passed in place
+      const list2 = filter ? list.filter(filter) : list.slice(); // don't sort a paramater passed in place
       list2.sort(oderByDate);
-      for (var i = 0; i < list2.length; i++) {
+      for (let i = 0; i < list2.length; i++) {
         table.appendChild(transactionRow(dom, list2[i]));
       }
       return table;
@@ -211,29 +210,29 @@ var _default = exports["default"] = {
     if (t['http://www.w3.org/2000/10/swap/pim/qif#Transaction'] || kb.any(subject, ns.qu('toAccount'))) {
       // var trip = kb.any(subject, WF('trip'))
       donePredicate(ns.rdf('type'));
-      var account = kb.any(subject, UI.ns.qu('toAccount'));
+      const account = kb.any(subject, UI.ns.qu('toAccount'));
       setPaneStyle(account);
       if (!account) {
         complain('(Error: There is no bank account known for this transaction <' + subject.uri + '>,\n -- every transaction needs one.)');
       }
-      var store = null;
-      var statement = kb.any(subject, UI.ns.qu('accordingTo'));
+      let store = null;
+      const statement = kb.any(subject, UI.ns.qu('accordingTo'));
       if (statement === undefined) {
-        complain('(Error: There is no back link to the original data source foir this transaction <' + subject.uri + ">,\nso I can't tell how to annotate it.)");
+        complain('(Error: There is no back link to the original data source foir this transaction <' + subject.uri + '>,\nso I can\'t tell how to annotate it.)');
       } else {
         store = statement !== undefined ? kb.any(statement, UI.ns.qu('annotationStore')) : null;
         if (store === undefined) {
           complain('(There is no annotation document for this statement\n<' + statement.uri + '>,\nso you cannot classify this transaction.)');
         }
       }
-      var nav = dom.createElement('div');
+      const nav = dom.createElement('div');
       nav.setAttribute('style', 'float:right');
       div.appendChild(nav);
-      var navLink = function navLink(pred, label) {
+      const navLink = function (pred, label) {
         donePredicate(pred);
-        var obj = kb.any(subject, pred);
+        const obj = kb.any(subject, pred);
         if (!obj) return;
-        var a = dom.createElement('a');
+        const a = dom.createElement('a');
         a.setAttribute('href', obj.uri);
         a.setAttribute('style', 'float:right');
         nav.appendChild(a).textContent = label || UI.utils.label(obj);
@@ -244,17 +243,17 @@ var _default = exports["default"] = {
       navLink(TRIP('trip'));
 
       // Basic data:
-      var table = dom.createElement('table');
+      const table = dom.createElement('table');
       div.appendChild(table);
-      var preds = ['date', 'payee', 'amount', 'in_USD', 'currency'].map(Q);
-      var inner = preds.map(function (p) {
+      const preds = ['date', 'payee', 'amount', 'in_USD', 'currency'].map(Q);
+      const inner = preds.map(function (p) {
         donePredicate(p);
-        var value = kb.any(subject, p);
-        var s = value ? UI.utils.labelForXML(value) : '';
+        const value = kb.any(subject, p);
+        const s = value ? UI.utils.labelForXML(value) : '';
         return '<tr><td style="text-align: right; padding-right: 0.6em">' + UI.utils.labelForXML(p) + '</td><td style="font-weight: bold;">' + s + '</td></tr>';
       }).join('\n');
       table.innerHTML = inner;
-      var complainIfBad = function complainIfBad(ok, body) {
+      const complainIfBad = function (ok, body) {
         if (ok) {
           // setModifiedDate(store, kb, store)
           // rerender(div) // deletes the new trip form
@@ -267,8 +266,8 @@ var _default = exports["default"] = {
       if (store) {
         kb.fetcher.nowOrWhenFetched(store.uri, subject, function (ok, body) {
           if (!ok) complain('Cannot load store ' + store + ' ' + body);
-          var calendarYear = kb.any(store, ns.qu('calendarYear'));
-          var renderCatgorySelectors = function renderCatgorySelectors() {
+          const calendarYear = kb.any(store, ns.qu('calendarYear'));
+          const renderCatgorySelectors = function () {
             div.insertBefore(UI.widgets.makeSelectForNestedCategory(dom, kb, subject, UI.ns.qu('Classified'), store, complainIfBad), table.nextSibling);
           };
           if (kb.any(undefined, ns.rdfs('subClassOf'), ns.qu.Classified)) {
@@ -277,25 +276,25 @@ var _default = exports["default"] = {
             fetcher.load(calendarYear).then(function (_xhrs) {
               fetcher.load(kb.each(calendarYear, ns.rdfs('seeAlso'))).then(function () {
                 renderCatgorySelectors();
-              })["catch"](function (e) {
+              }).catch(function (e) {
                 console.log('Error loading background data: ' + e);
               });
-            })["catch"](function (e) {
+            }).catch(function (e) {
               console.log('Error loading calendarYear: ' + e);
             });
           } else {
-            console.log("Can't get categories, because no calendarYear");
+            console.log('Can\'t get categories, because no calendarYear');
           }
           div.appendChild(UI.widgets.makeDescription(dom, kb, subject, UI.ns.rdfs('comment'), store, complainIfBad));
-          var trips = kb.statementsMatching(undefined, TRIP('trip'), undefined, store).map(function (st) {
+          let trips = kb.statementsMatching(undefined, TRIP('trip'), undefined, store).map(function (st) {
             return st.object;
           }); // @@ Use rdfs
-          var trips2 = kb.each(undefined, UI.ns.rdf('type'), TRIP('Trip'));
+          const trips2 = kb.each(undefined, UI.ns.rdf('type'), TRIP('Trip'));
           trips = trips.concat(trips2).sort(); // @@ Unique
 
-          var sortedBy = function sortedBy(kb, list, pred, reverse) {
-            var l2 = list.map(function (x) {
-              var key = kb.any(x, pred);
+          const sortedBy = function (kb, list, pred, reverse) {
+            const l2 = list.map(function (x) {
+              let key = kb.any(x, pred);
               key = key ? key.value : '9999-12-31';
               return [key, x];
             });
@@ -313,8 +312,8 @@ var _default = exports["default"] = {
               nullLabel: '-- what trip? --',
               mint: 'New Trip *',
               mintClass: TRIP('Trip'),
-              mintStatementsFun: function mintStatementsFun(trip) {
-                var is = [];
+              mintStatementsFun: function (trip) {
+                const is = [];
                 is.push($rdf.st(trip, UI.ns.rdf('type'), TRIP('Trip'), trip.doc()));
                 return is;
               }
@@ -324,7 +323,7 @@ var _default = exports["default"] = {
 
           // Add in simple comments about the transaction
 
-          var outliner = context.getOutliner(dom);
+          const outliner = context.getOutliner(dom);
           donePredicate(ns.rdfs('comment')); // Done above
 
           UI.widgets.attachmentList(dom, subject, div);
@@ -366,77 +365,77 @@ var _default = exports["default"] = {
            var tableDiv = UI.widgets.renderTableViewPane(dom, {'query': query, 'onDone': calculations} )
           div.appendChild(tableDiv)
       */
-      var calculations = function calculations() {
-        var total = {};
-        var yearTotal = {};
-        var yearCategoryTotal = {};
-        var trans = kb.each(undefined, TRIP('trip'), subject);
-        var bankStatements = trans.map(function (t) {
+      const calculations = function () {
+        const total = {};
+        const yearTotal = {};
+        const yearCategoryTotal = {};
+        const trans = kb.each(undefined, TRIP('trip'), subject);
+        const bankStatements = trans.map(function (t) {
           return t.doc();
         });
         kb.fetcher.load(bankStatements).then(function () {
           trans.forEach(function (t) {
-            var date = kb.the(t, ns.qu('date'));
-            var year = date ? ('' + date.value).slice(0, 4) : '????';
-            var ty = kb.the(t, ns.rdf('type')); // @@ find most specific type
+            const date = kb.the(t, ns.qu('date'));
+            const year = date ? ('' + date.value).slice(0, 4) : '????';
+            let ty = kb.the(t, ns.rdf('type')); // @@ find most specific type
             // complain(" -- one trans: "+t.uri + ' -> '+kb.any(t, UI.ns.qu('in_USD')))
             if (!ty) ty = UI.ns.qu('ErrorNoType');
             if (ty && ty.uri) {
-              var tyuri = ty.uri;
+              const tyuri = ty.uri;
               if (!yearTotal[year]) yearTotal[year] = 0.0;
               if (!yearCategoryTotal[year]) yearCategoryTotal[year] = {};
               if (!total[tyuri]) total[tyuri] = 0.0;
               if (!yearCategoryTotal[year][tyuri]) {
                 yearCategoryTotal[year][tyuri] = 0.0;
               }
-              var lit = kb.any(t, UI.ns.qu('in_USD'));
+              const lit = kb.any(t, UI.ns.qu('in_USD'));
               if (!lit) {
                 complain('@@ No amount in USD: ' + lit + ' for ' + t);
               }
               if (lit) {
-                var amount = parseFloat(lit.value);
+                const amount = parseFloat(lit.value);
                 total[tyuri] += amount;
                 yearCategoryTotal[year][tyuri] += amount;
                 yearTotal[year] += amount;
               }
             }
           });
-          var types = [];
-          var grandTotal = 0.0;
-          var years = [];
-          var i;
-          for (var y in yearCategoryTotal) {
+          const types = [];
+          let grandTotal = 0.0;
+          const years = [];
+          let i;
+          for (const y in yearCategoryTotal) {
             // @@ TODO: Write away the need for exception on next line
 
-            if (yearCategoryTotal.hasOwnProperty(y)) {
+            if (Object.prototype.hasOwnProperty.call(yearCategoryTotal, y)) {
               years.push(y);
             }
           }
           years.sort();
-          var ny = years.length;
-          var cell;
-          var table = div.appendChild(dom.createElement('table'));
+          const ny = years.length;
+          let cell;
+          const table = div.appendChild(dom.createElement('table'));
           table.setAttribute('style', 'font-size: 120%; margin-left:auto; margin-right:1em; margin-top: 1em; border: 0.05em solid gray; padding: 1em;');
           if (ny > 1) {
-            var header = table.appendChild(dom.createElement('tr'));
+            const header = table.appendChild(dom.createElement('tr'));
             header.appendChild(headerCell(''));
             for (i = 0; i < ny; i++) {
               header.appendChild(headerCell(years[i]));
             }
             header.appendChild(headerCell('total'));
           }
-          for (var uri in total) {
+          for (const uri in total) {
             // @@ TODO: Write away the need for exception on next line
 
-            if (total.hasOwnProperty(uri)) {
+            if (Object.prototype.hasOwnProperty.call(total, uri)) {
               types.push(uri);
               grandTotal += total[uri];
             }
           }
           types.sort();
-          var row, label, z;
-          for (var j = 0; j < types.length; j++) {
-            var cat = kb.sym(types[j]);
+          let row, label, z;
+          for (let j = 0; j < types.length; j++) {
+            const cat = kb.sym(types[j]);
             row = table.appendChild(dom.createElement('tr'));
             label = row.appendChild(dom.createElement('td'));
             label.textContent = UI.utils.label(cat);
@@ -462,11 +461,11 @@ var _default = exports["default"] = {
             cell = row.appendChild(numericCell(grandTotal));
             cell.setAttribute('style', 'font-weight: bold; text-align: right;');
           }
-          var tab = transactionTable(dom, trans);
+          const tab = transactionTable(dom, trans);
           tab.setAttribute('style', 'margin-left:auto; margin-right:1em; margin-top: 1em; border: padding: 1em;');
           div.appendChild(tab);
           UI.widgets.attachmentList(dom, subject, div);
-        })["catch"](function (e) {
+        }).catch(function (e) {
           complain('Error loading transactions: ' + e);
         });
       };