solid-panes 3.7.2 → 3.7.3-125af630

package/lib/tableViewPane.js

@@ -1,58 +0,0 @@
-"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); }
-// 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
-// or when the source document from which data is taken is given,
-// or if a prepared query object is given.
-// (In principle it could operate with neither class nor document
-// given but typically
-// there would be too much data.)
-// When the tableClass is not given, it looks for common  classes in the data,
-// and gives the user the option.
-//
-// 2008 Written, Ilaria Liccardi
-// 2014 core functionality now in common/table.js   -timbl
-
-// ///////////////////////////////////////////////////////////////////
-
-// Table view pane  -- view of a class as a table of properties of class members
-
-var tableViewPane = exports.tableViewPane = {
-  icon: UI.icons.originalIconBase + 'table.png',
-  name: 'tableOfClass',
-  label: function label(subject, context) {
-    var 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;
-    if (n === 0) {
-      // None, suppress pane
-      return null;
-    }
-    if (n > 15) {
-      // @@ At the moment this pane can be slow with too many @@ fixme by using limits
-      return null;
-    }
-    return UI.utils.label(subject) + ' table';
-  },
-  render: function render(subject, context) {
-    var myDocument = context.dom;
-    var div = myDocument.createElement('div');
-    div.setAttribute('class', 'tablePane');
-    div.appendChild(UI.table(myDocument, {
-      tableClass: subject
-    }));
-    return div;
-  }
-};
-//# sourceMappingURL=tableViewPane.js.map

package/lib/tableViewPane.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableViewPane.js","names":["UI","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","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,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,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,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAjB9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAGO,IAAMmB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAI;EAC5BE,IAAI,EAAEzB,EAAE,CAAC0B,KAAK,CAACC,gBAAgB,GAAG,WAAW;EAE7CC,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAE,SAAPA,KAAKA,CAAYC,OAAO,EAAEC,OAAO,EAAE;IACjC,IAAMC,KAAK,GAAGD,OAAO,CAACE,OAAO,CAACD,KAAK;IACnC;IACA,IAAI,CAACA,KAAK,CAACE,GAAG,CAACC,SAAS,EAAEnC,EAAE,CAACoC,EAAE,CAACC,GAAG,CAAC,MAAM,CAAC,EAAEP,OAAO,CAAC,EAAE;MACrD,OAAO,IAAI;IACb;IACA,IAAMvB,CAAC,GAAGyB,KAAK,CAACM,kBAAkB,CAACH,SAAS,EAAEnC,EAAE,CAACoC,EAAE,CAACC,GAAG,CAAC,MAAM,CAAC,EAAEP,OAAO,CAAC,CACtES,MAAM;IACT,IAAIhC,CAAC,KAAK,CAAC,EAAE;MACX;MACA,OAAO,IAAI;IACb;IACA,IAAIA,CAAC,GAAG,EAAE,EAAE;MACV;MACA,OAAO,IAAI;IACb;IACA,OAAOP,EAAE,CAACwC,KAAK,CAACX,KAAK,CAACC,OAAO,CAAC,GAAG,QAAQ;EAC3C,CAAC;EAEDW,MAAM,EAAE,SAARA,MAAMA,CAAYX,OAAO,EAAEC,OAAO,EAAE;IAClC,IAAMW,UAAU,GAAGX,OAAO,CAACY,GAAG;IAC9B,IAAMC,GAAG,GAAGF,UAAU,CAACG,aAAa,CAAC,KAAK,CAAC;IAC3CD,GAAG,CAACE,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC;IACtCF,GAAG,CAACG,WAAW,CAAC/C,EAAE,CAACgD,KAAK,CAACN,UAAU,EAAE;MAAEO,UAAU,EAAEnB;IAAQ,CAAC,CAAC,CAAC;IAC9D,OAAOc,GAAG;EACZ;AACF,CAAC","ignoreList":[]}

package/lib/test-import-export/common.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-console.log('This is common.js');
-// https://2ality.com/2019/04/nodejs-esm-impl.html#importing-commonjs-from-esm
-var _default = exports["default"] = {
-  foo: 123
-};
-//# sourceMappingURL=common.js.map

package/lib/test-import-export/common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.js","names":["console","log","_default","exports","foo"],"sources":["../../src/test-import-export/common.js"],"sourcesContent":["console.log('This is common.js')\n// https://2ality.com/2019/04/nodejs-esm-impl.html#importing-commonjs-from-esm\n\nexport default {\n  foo: 123\n}\n"],"mappings":";;;;;;AAAAA,OAAO,CAACC,GAAG,CAAC,mBAAmB,CAAC;AAChC;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAEe;EACbC,GAAG,EAAE;AACP,CAAC","ignoreList":[]}

package/lib/test-import-export/edit-importer.js

@@ -1,25 +0,0 @@
-'use strict';
-
-//  Suspect this is unsed test code
-
-/*   Profile Editing Appp Pane
- **
- ** Unlike view panes, this is available any place whatever the real subject,
- ** and allows the user to edit their own profile.
- **
- ** Usage: paneRegistry.register('profile/profilePane')
- ** or standalone script adding onto existing mashlib.
- */
-
-// import UI from 'solid-ui'
-// import solidUi, { SolidUi } from 'solid-ui'
-// @@ TODO: Write away the need for exception on next line
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var thisPane = {
-  foo: 'bar'
-};
-var _default = exports["default"] = thisPane; // ENDS
-//# sourceMappingURL=edit-importer.js.map

package/lib/test-import-export/edit-importer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-importer.js","names":["Object","defineProperty","exports","value","thisPane","foo","_default"],"sources":["../../src/test-import-export/edit-importer.js"],"sourcesContent":["'use strict'\n//  Suspect this is unsed test code\n\n/*   Profile Editing Appp Pane\n **\n ** Unlike view panes, this is available any place whatever the real subject,\n ** and allows the user to edit their own profile.\n **\n ** Usage: paneRegistry.register('profile/profilePane')\n ** or standalone script adding onto existing mashlib.\n */\n\n// import UI from 'solid-ui'\n// import solidUi, { SolidUi } from 'solid-ui'\n// @@ TODO: Write away the need for exception on next line\n \n\nconst thisPane = { foo: 'bar' }\nexport default thisPane\n// ENDS\n"],"mappings":"AAAA,YAAY;;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAAA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA;AAGA,IAAME,QAAQ,GAAG;EAAEC,GAAG,EAAE;AAAM,CAAC;AAAA,IAAAC,QAAA,GAAAJ,OAAA,cAChBE,QAAQ,EACvB","ignoreList":[]}

package/lib/test-import-export/testImportExport.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=testImportExport.js.map

package/lib/test-import-export/testImportExport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testImportExport.js","names":[],"sources":["../../src/test-import-export/testImportExport.js"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/lib/transaction/pane.js

@@ -1,479 +0,0 @@
-"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;
-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); }
-/*   Financial Transaction Pane
- **
- **  This outline pane allows a user to interact with a transaction
- **  downloaded from a bank statement, annotting it with classes and comments,
- ** trips, etc
- */
-
-var 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);
-    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
-
-    // if (t['http://www.w3.org/2000/10/swap/pim/qif#Period']) return "period $"
-
-    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');
-    div.setAttribute('class', 'transactionPane');
-    var mention = function mention(message, style) {
-      if (style === undefined) style = 'color: grey';
-      var pre = dom.createElement('pre');
-      pre.setAttribute('style', style);
-      div.appendChild(pre);
-      pre.appendChild(dom.createTextNode(message));
-    };
-    var complain = function complain(message) {
-      return mention(message, 'color: #100; background-color: #fee');
-    };
-
-    /*
-    var thisPane = this
-    var rerender = function (div) {
-      var parent = div.parentNode
-      var div2 = thisPane.render(subject, dom)
-      parent.replaceChild(div2, div)
-    }
-    */
-    // //////////////////////////////////////////////////////////////////////////////
-
-    var plist = kb.statementsMatching(subject);
-    var qlist = kb.statementsMatching(undefined, undefined, subject);
-    var t = kb.findTypeURIs(subject);
-
-    // var me = authn.currentUser()
-    var predicateURIsDone = {};
-    var donePredicate = function donePredicate(pred) {
-      predicateURIsDone[pred.uri] = true;
-    };
-    var setPaneStyle = function setPaneStyle(account) {
-      var mystyle = 'padding: 0.5em 1.5em 1em 1.5em; ';
-      if (account) {
-        var backgroundColor = kb.any(account, UI.ns.ui('backgroundColor'));
-        if (backgroundColor) {
-          mystyle += 'background-color: ' + backgroundColor.value + '; ';
-        }
-      }
-      div.setAttribute('style', mystyle);
-    };
-    // setPaneStyle()
-
-    // Functions for displaying lists of transactions
-    // Click on the transaction line to expand it into a pane
-    // Shift-click to expand without collapsing others
-
-    var d2 = function d2(n) {
-      if (n === undefined) return '';
-      var 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');
-      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');
-      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'));
-      if (dx !== undefined && dy !== undefined) {
-        if (dx.value < dy.value) return -1;
-        if (dx.value > dy.value) return 1;
-      }
-      if (x.uri < y.uri) return -1; // Arbitrary but repeatable
-      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);
-      d.setAttribute('style', 'border: 0.1em solid green;');
-      return d;
-    };
-    var expandAfterRow = function expandAfterRow(dom, row, subject, paneName, solo) {
-      var siblings = row.parentNode.children;
-      if (solo) {
-        for (var 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'));
-      td.setAttribute('style', 'width: 98%; padding: 1em; border: 0.1em solid grey;');
-      var cols = row.children.length;
-      if (row.nextSibling) {
-        row.parentNode.insertBefore(tr, row.nextSibling);
-      } else {
-        row.parentNode.appendChild(tr);
-      }
-      row.expanded = tr;
-      td.setAttribute('colspan', '' + cols);
-      td.appendChild(insertedPane(context, subject, paneName));
-    };
-    var expandAfterRowOrCollapse = function expandAfterRowOrCollapse(dom, row, subject, paneName, solo) {
-      if (row.expanded) {
-        row.parentNode.removeChild(row.expanded);
-        row.expanded = false;
-      } else {
-        expandAfterRow(dom, row, subject, paneName, solo);
-      }
-    };
-    var transactionTable = function transactionTable(dom, list, filter) {
-      var 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) {
-          // var mystyle = "padding: 0.5em 1.5em 1em 1.5em; "
-          var mystyle = "'padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.1em;";
-          if (account) {
-            var 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'));
-        setTRStyle(tr, account);
-        var c0 = tr.appendChild(dom.createElement('td'));
-        var 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'));
-        c1.setAttribute('style', 'width: 36em;');
-        var payee = kb.any(x, ns.qu('payee'));
-        c1.textContent = payee ? payee.value : '???';
-        var 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'));
-        c3.textContent = amount ? d2(amount.value) : '???';
-        c3.setAttribute('style', 'width: 6em; text-align: right; '); // @@ decimal alignment?
-        tr.addEventListener('click', function (e) {
-          // solo unless shift key
-          expandAfterRowOrCollapse(dom, tr, x, 'transaction', !e.shiftKey);
-        }, false);
-        return tr;
-      };
-      var 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++) {
-        table.appendChild(transactionRow(dom, list2[i]));
-      }
-      return table;
-    };
-
-    //              Render a single transaction
-
-    // This works only if enough metadata about the properties can drive the RDFS
-    // (or actual type statements whichtypically are NOT there on)
-    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'));
-      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'));
-      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.)");
-      } 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');
-      nav.setAttribute('style', 'float:right');
-      div.appendChild(nav);
-      var navLink = function navLink(pred, label) {
-        donePredicate(pred);
-        var obj = kb.any(subject, pred);
-        if (!obj) return;
-        var a = dom.createElement('a');
-        a.setAttribute('href', obj.uri);
-        a.setAttribute('style', 'float:right');
-        nav.appendChild(a).textContent = label || UI.utils.label(obj);
-        nav.appendChild(dom.createElement('br'));
-      };
-      navLink(UI.ns.qu('toAccount'));
-      navLink(UI.ns.qu('accordingTo'), 'Statement');
-      navLink(TRIP('trip'));
-
-      // Basic data:
-      var table = dom.createElement('table');
-      div.appendChild(table);
-      var preds = ['date', 'payee', 'amount', 'in_USD', 'currency'].map(Q);
-      var inner = preds.map(function (p) {
-        donePredicate(p);
-        var value = kb.any(subject, p);
-        var 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) {
-        if (ok) {
-          // setModifiedDate(store, kb, store)
-          // rerender(div) // deletes the new trip form
-        } else complain('Sorry, failed to save your change:\n' + body);
-      };
-
-      // What trips do we know about?
-
-      // Classify:
-      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() {
-            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)) {
-            renderCatgorySelectors();
-          } else if (calendarYear) {
-            fetcher.load(calendarYear).then(function (_xhrs) {
-              fetcher.load(kb.each(calendarYear, ns.rdfs('seeAlso'))).then(function () {
-                renderCatgorySelectors();
-              })["catch"](function (e) {
-                console.log('Error loading background data: ' + e);
-              });
-            })["catch"](function (e) {
-              console.log('Error loading calendarYear: ' + e);
-            });
-          } else {
-            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) {
-            return st.object;
-          }); // @@ Use rdfs
-          var 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);
-              key = key ? key.value : '9999-12-31';
-              return [key, x];
-            });
-            l2.sort();
-            if (reverse) l2.reverse();
-            return l2.map(function (pair) {
-              return pair[1];
-            });
-          };
-          trips = sortedBy(kb, trips, UI.ns.cal('dtstart'), true); // Reverse chron
-
-          if (trips.length > 1) {
-            div.appendChild(UI.widgets.makeSelectForOptions(dom, kb, subject, TRIP('trip'), trips, {
-              multiple: false,
-              nullLabel: '-- what trip? --',
-              mint: 'New Trip *',
-              mintClass: TRIP('Trip'),
-              mintStatementsFun: function mintStatementsFun(trip) {
-                var is = [];
-                is.push($rdf.st(trip, UI.ns.rdf('type'), TRIP('Trip'), trip.doc()));
-                return is;
-              }
-            }, store, complainIfBad));
-          }
-          div.appendChild(dom.createElement('br'));
-
-          // Add in simple comments about the transaction
-
-          var outliner = context.getOutliner(dom);
-          donePredicate(ns.rdfs('comment')); // Done above
-
-          UI.widgets.attachmentList(dom, subject, div);
-          donePredicate(ns.wf('attachment'));
-          div.appendChild(dom.createElement('tr')).setAttribute('style', 'height: 1em'); // spacer
-
-          // Remaining properties
-          outliner.appendPropertyTRs(div, plist, false, function (pred, _inverse) {
-            return !(pred.uri in predicateURIsDone);
-          });
-          outliner.appendPropertyTRs(div, qlist, true, function (pred, _inverse) {
-            return !(pred.uri in predicateURIsDone);
-          });
-        }); // fetch
-      }
-      // end of render tranasaction instance
-
-      // ////////////////////////////////////////////////////////////////////
-      //
-      //      Render the transactions in a Trip
-      //
-    } else if (t['http://www.w3.org/ns/pim/trip#Trip']) {
-      /*
-          var query = new $rdf.Query(UI.utils.label(subject))
-          var vars =  [ 'date', 'transaction', 'comment', 'type',  'in_USD']
-          var v = {}
-          vars.map(function(x){query.vars.push(v[x]=$rdf.variable(x))}) // Only used by UI
-          query.pat.add(v['transaction'], TRIP('trip'), subject)
-           var opt = kb.formula()
-          opt.add(v['transaction'], ns.rdf('type'), v['type']); // Issue: this will get stored supertypes too
-          query.pat.optional.push(opt)
-           query.pat.add(v['transaction'], UI.ns.qu('date'), v['date'])
-           var opt = kb.formula()
-          opt.add(v['transaction'], ns.rdfs('comment'), v['comment'])
-          query.pat.optional.push(opt)
-           //opt = kb.formula()
-          query.pat.add(v['transaction'], UI.ns.qu('in_USD'), v['in_USD'])
-           //query.pat.optional.push(opt)
-           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) {
-          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
-            // 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;
-              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'));
-              if (!lit) {
-                complain('@@ No amount in USD: ' + lit + ' for ' + t);
-              }
-              if (lit) {
-                var 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) {
-            // @@ TODO: Write away the need for exception on next line
-
-            if (yearCategoryTotal.hasOwnProperty(y)) {
-              years.push(y);
-            }
-          }
-          years.sort();
-          var ny = years.length;
-          var cell;
-          var 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'));
-            header.appendChild(headerCell(''));
-            for (i = 0; i < ny; i++) {
-              header.appendChild(headerCell(years[i]));
-            }
-            header.appendChild(headerCell('total'));
-          }
-          for (var uri in total) {
-            // @@ TODO: Write away the need for exception on next line
-
-            if (total.hasOwnProperty(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]);
-            row = table.appendChild(dom.createElement('tr'));
-            label = row.appendChild(dom.createElement('td'));
-            label.textContent = UI.utils.label(cat);
-            if (ny > 1) {
-              for (i = 0; i < ny; i++) {
-                z = yearCategoryTotal[years[i]][types[j]];
-                cell = row.appendChild(numericCell(z, true));
-              }
-            }
-            row.appendChild(numericCell(total[types[j]], true));
-          }
-
-          // Trailing totals
-          if (types.length > 1) {
-            row = table.appendChild(dom.createElement('tr'));
-            row.appendChild(headerCell('total'));
-            if (ny > 1) {
-              for (i = 0; i < ny; i++) {
-                z = yearTotal[years[i]];
-                cell = row.appendChild(numericCell(z ? d2(z) : ''));
-              }
-            }
-            cell = row.appendChild(numericCell(grandTotal));
-            cell.setAttribute('style', 'font-weight: bold; text-align: right;');
-          }
-          var 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) {
-          complain('Error loading transactions: ' + e);
-        });
-      };
-      calculations();
-    } // if
-
-    return div;
-  }
-}; // ends
-//# sourceMappingURL=pane.js.map