solid-panes 4.2.3-aa096857 → 4.2.3-b259fee7

package/dist/RDFXMLPane.js

@@ -55,5 +55,4 @@ const RDFXMLPane = exports.RDFXMLPane = {
   }
 };
 
-// ends
-//# sourceMappingURL=RDFXMLPane.js.map
+// ends

package/dist/argument/argumentPane.js

@@ -57,5 +57,4 @@ var _default = exports.default = {
     div.appendChild(dom.createElement('hr'));
     return div;
   }
-}; // ends
-//# sourceMappingURL=argumentPane.js.map
+}; // ends

package/dist/attach/attachPane.js

@@ -390,5 +390,4 @@ var _default = exports.default = {
     return div;
   }
 }; // pane object
-// ends
-//# sourceMappingURL=attachPane.js.map
+// ends

package/dist/audio/audioPane.js

@@ -178,5 +178,4 @@ var _default = exports.default = {
     }
     return div;
   }
-}; // ends
-//# sourceMappingURL=audioPane.js.map
+}; // ends

package/dist/classInstancePane.js

@@ -88,5 +88,4 @@ const classInstancePane = exports.classInstancePane = {
     return div;
   }
 };
-// ends
-//# sourceMappingURL=classInstancePane.js.map
+// ends

package/dist/dataContentPane.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.dataContentPane = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var $rdf = _interopRequireWildcard(require("rdflib"));
+require("./styles/dataContentPane.css");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*      Data content Pane
  **
@@ -68,6 +69,7 @@ const dataContentPane = exports.dataContentPane = {
       for (let i = 0; i < sts.length; i++) {
         const st = sts[i];
         const tr = myDocument.createElement('tr');
+        tr.classList.add('dataContentPaneTopAlignedRow');
         if (st.predicate.uri !== lastPred) {
           if (lastPred && same > 1) {
             predicateTD.setAttribute('rowspan', '' + same);
@@ -106,12 +108,12 @@ const dataContentPane = exports.dataContentPane = {
         case 'Literal':
           if (!obj.datatype || !obj.datatype.uri) {
             res = myDocument.createElement('div');
-            res.setAttribute('style', 'white-space: pre-wrap;');
+            res.classList.add('contentPaneLiteral');
             res.textContent = obj.value;
             return res;
           } else if (obj.datatype.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral') {
             res = myDocument.createElement('div');
-            res.setAttribute('class', 'embeddedXHTML');
+            res.classList.add('embeddedXHTML');
             res.innerHTML = obj.value; // Try that  @@@ beware embedded dangerous code
             return res;
           }
@@ -132,10 +134,11 @@ const dataContentPane = exports.dataContentPane = {
             doneBnodes[obj.toNT()] = true; // Flag to prevent infinite recursion in propertyTree
             const newTable = propertyTree(obj);
             doneBnodes[obj.toNT()] = newTable; // Track where we mentioned it first
-            if (UI.utils.ancestor(newTable, 'TABLE') && UI.utils.ancestor(newTable, 'TABLE').style.backgroundColor === 'white') {
-              newTable.style.backgroundColor = '#eee';
+            const parentTable = UI.utils.ancestor(newTable, 'TABLE');
+            if (parentTable && parentTable.classList.contains('dataContentPaneNestedLight')) {
+              newTable.classList.add('dataContentPaneNestedDark');
             } else {
-              newTable.style.backgroundColor = 'white';
+              newTable.classList.add('dataContentPaneNestedLight');
             }
             return newTable;
           }
@@ -172,7 +175,7 @@ const dataContentPane = exports.dataContentPane = {
     }
     for (let i = 0; i < roots.length; i++) {
       const tr = myDocument.createElement('tr');
-      tr.setAttribute('style', `background-color: ${i % 2 === 0 ? '#f0f0f0' : 'white'};`);
+      tr.classList.add(i % 2 === 0 ? 'dataContentPaneRowEven' : 'dataContentPaneRowOdd');
       rep.appendChild(tr);
       const subjectTD = myDocument.createElement('td');
       tr.appendChild(subjectTD);
@@ -217,9 +220,9 @@ const dataContentPane = exports.dataContentPane = {
         return div;
       };
       for (let i = 0; i < roots.length; i++) {
-        const tr = myDocument.createElement('TR');
+        const tr = myDocument.createElement('tr');
+        tr.classList.add('dataContentPaneTopAlignedRow');
         const root = roots[i];
-        tr.style.verticalAlign = 'top';
         const td = outliner.outlineObjectTD(root, undefined, tr);
         tr.appendChild(td);
         div.appendChild(tr);
@@ -256,5 +259,4 @@ const dataContentPane = exports.dataContentPane = {
     }
     return div;
   }
-};
-//# sourceMappingURL=dataContentPane.js.map
+};

package/dist/defaultPane.js

@@ -71,5 +71,4 @@ const defaultPane = exports.defaultPane = {
   }
 };
 
-// ends
-//# sourceMappingURL=defaultPane.js.map
+// ends

package/dist/dokieli/dokieliPane.js

@@ -71,5 +71,4 @@ var _default = exports.default = {
   }
 
   // render: removed - now handled by humanReadablePane with appropriate dokieli icon
-}; // ends
-//# sourceMappingURL=dokieliPane.js.map
+}; // ends

package/dist/dokieli/new.js

@@ -24,5 +24,4 @@ const DOKIELI_TEMPLATE = `<!DOCTYPE html>
   </body>
 </html>
 `;
-var _default = exports.default = DOKIELI_TEMPLATE;
-//# sourceMappingURL=new.js.map
+var _default = exports.default = DOKIELI_TEMPLATE;

package/dist/form/pane.js

@@ -181,5 +181,4 @@ const formPane = exports.formPane = {
     }
     return box;
   }
-};
-//# sourceMappingURL=pane.js.map
+};

package/dist/humanReadablePane.js

@@ -8,6 +8,7 @@ var _solidUi = require("solid-ui");
 var _rdflib = require("rdflib");
 var _marked = require("marked");
 var _dompurify = _interopRequireDefault(require("dompurify"));
+require("./styles/humanReadablePane.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*   Human-readable Pane
  **
@@ -144,6 +145,10 @@ const humanReadablePane = {
 
     //  @@ When we can, use CSP to turn off scripts within the iframe
     div.setAttribute('class', 'docView');
+    const setFrameDisplayStyles = function (frame, lines) {
+      frame.classList.add('doc', 'humanReadableFrame');
+      frame.style.setProperty('--human-readable-height', `${lines}em`);
+    };
 
     // render markdown to html in a DIV element
     const renderMarkdownContent = function (frame) {
@@ -153,8 +158,7 @@ const humanReadablePane = {
         const res = _marked.marked.parse(markdownText);
         const clean = _dompurify.default.sanitize(res);
         frame.innerHTML = clean;
-        frame.setAttribute('class', 'doc');
-        frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
+        setFrameDisplayStyles(frame, lines);
       }).catch(error => {
         console.error('Error fetching markdown content:', error);
         frame.innerHTML = '<p>Error loading content</p>';
@@ -162,19 +166,18 @@ const humanReadablePane = {
     };
     const setIframeAttributes = (frame, lines) => {
       frame.setAttribute('src', subject.uri);
-      frame.setAttribute('class', 'doc');
-      frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`);
+      setFrameDisplayStyles(frame, lines);
     };
     if (isMarkdown) {
       // For markdown, use a DIV element and render the content
-      const frame = myDocument.createElement('DIV');
+      const frame = myDocument.createElement('div');
       renderMarkdownContent(frame);
-      const tr = myDocument.createElement('TR');
+      const tr = myDocument.createElement('tr');
       tr.appendChild(frame);
       div.appendChild(tr);
     } else {
       // For other content types, use IFRAME
-      const frame = myDocument.createElement('IFRAME');
+      const frame = myDocument.createElement('iframe');
 
       // Apply sandbox for HTML/XHTML
       if (ct === 'text/html' || ct === 'application/xhtml+xml') {
@@ -196,12 +199,11 @@ const humanReadablePane = {
         // Fallback to default height
         setIframeAttributes(frame, 30);
       });
-      const tr = myDocument.createElement('TR');
+      const tr = myDocument.createElement('tr');
       tr.appendChild(frame);
       div.appendChild(tr);
     }
     return div;
   }
 };
-var _default = exports.default = humanReadablePane; // ends
-//# sourceMappingURL=humanReadablePane.js.map
+var _default = exports.default = humanReadablePane; // ends

package/dist/imagePane.js

@@ -66,5 +66,4 @@ const imagePane = exports.imagePane = {
   }
 };
 
-// ends
-//# sourceMappingURL=imagePane.js.map
+// ends

package/dist/microblogPane/mbStyle.css

@@ -0,0 +1,267 @@
+.ppane {
+  font-family: helvetica, arial, sans-serif;
+  color: #333;
+  background-color: #fff;
+  border: #999 solid 1px;
+  min-width: 35em !important;
+  word-wrap: break-word;
+}
+.ppane a {
+  color: #357598;
+}
+.ppane input {
+  border: solid 1px #333 !important;
+}
+.ppane input[type='button'],
+.ppane input[type='submit'] {
+  background-color: #fff;
+  padding: 0.1em 0.5em;
+  border: solid 1px #333;
+  -moz-border-radius: 3px;
+}
+.ppane input[type='button']:hover,
+.ppane input[type='submit']:hover {
+  background-color: #eef;
+  border: solid 1px #357598 !important;
+}
+.ppane ul {
+  padding: 0px;
+}
+.ppane .update-container {
+  background-color: #fff;
+  margin-bottom: 2em;
+  padding: 5px 1em;
+  -moz-box-shadow: 0px 5px 10px #fff;
+}
+.ppane .createNewMB {
+  padding: 5px 1em;
+  border: solid 1px #ccc;
+  background-color: #fff;
+}
+.ppane ul {
+  list-style-type: none !important;
+}
+.ppane .postLink {
+  display: inline;
+  margin-top: 0.7em;
+  font-size: 90%;
+  color: #888 !important;
+}
+.ppane .userLink {
+  display: block;
+  clear: both;
+  margin-bottom: 1em;
+  margin-right: 1em;
+}
+.ppane .postAvatar {
+  max-width: 4em;
+  max-height: 4em;
+  float: left;
+  margin-right: 1em;
+  border: double 3px #888;
+  -moz-box-shadow: 0px 0px 8px #ccc;
+}
+
+/*reply view*/
+.ppane .replyView {
+  display: none;
+}
+.replyView-active .favorit {
+  display: none;
+}
+.ppane .replyView-active {
+  margin: 0 !important;
+  position: fixed;
+  left: 0px;
+  top: 0px;
+  background-color: #eee;
+  opacity: 0.97;
+  z-index: 5;
+  width: 100%;
+  height: 100%;
+  padding-top: 20%;
+}
+.ppane .replyView-active li {
+  display: block;
+  opacity: 1 !important;
+  margin: 1em auto;
+  width: 30em;
+  border: solid 1px #888;
+  background-color: #fff;
+  padding: 1em;
+  -moz-box-shadow: 0px 0px 10px #aaa;
+}
+.ppane .replyView-active .closeContainer {
+  -moz-box-shadow: none;
+  text-align: right;
+  vertical-align: bottom;
+  margin-bottom: -1em;
+  border: none;
+  padding: 0px;
+  background: none;
+}
+.ppane .replyView-active .closeContainer .closeButton {
+  background-color: #000;
+  width: 1em;
+  font-size: 110%;
+  margin-right: -2em;
+  color: #fff;
+  padding: 0.2em 0.4em;
+  font-weight: bold;
+  border: solid 3px #fff;
+  -moz-border-radius: 2em;
+  -moz-box-shadow: 0px 0px 10px #333;
+  cursor: pointer;
+}
+
+/*notifications*/
+.ppane .notify-container {
+  width: 100%;
+}
+.ppane .notify-container .notify {
+  background-color: #fffae6;
+  border: solid 1px #ffe788;
+  padding: 1em 0.5em;
+  margin: 1em;
+  -moz-border-radius: 0.5em;
+}
+.ppane .notify-container .notify.conf {
+  background-color: #ffeeee;
+  border-color: #880000;
+  text-align: right;
+  position: fixed;
+  margin: 0px auto;
+  left: 3em;
+  width: 35em !important;
+  top: 40%;
+  -moz-box-shadow: 0px 0px 10px #800;
+}
+.ppane .notify-container .notify.conf p {
+  text-align: left;
+}
+.ppane .notify-container .notify.conf .confirm {
+  margin-left: 1em;
+}
+/*view*/
+.ppane .view-container {
+  display: none;
+  padding: 1em;
+}
+.ppane .view-container.active {
+  display: block;
+  -moz-box-shadow: 0px 3px 8px #ccc;
+}
+
+/*header container*/
+.ppane .header-container {
+  border-bottom: solid 1px #999;
+  background-color: #fafaf8;
+}
+.ppane .header-container img {
+  float: left;
+  max-height: 75px;
+  margin: 1em;
+  border: solid 3px #fff;
+  margin-top: 0em;
+  -moz-box-shadow: 0px 0px 8px #ccc;
+}
+.ppane .header-container .subheader-container {
+  min-height: 75px;
+  margin-bottom: 2em;
+  padding: 1em;
+}
+.ppane .header-container textarea {
+  width: 100%;
+  margin-bottom: 0.4em;
+  font-family: helvetica, arial, sans-serif;
+  font-size: 100%;
+  padding: 0.5em 0;
+  line-height: 120%;
+}
+.ppane .header-container textarea:focus,
+.ppane input:focus {
+  border: solid 1px #357598 !important;
+  outline: none;
+  -moz-box-shadow: 0px 0px 2px #357598;
+}
+.ppane .header-container input[type='submit'] {
+  float: right;
+}
+.ppane .header-container .createNewMB input[type='text'] {
+  min-width: 25em;
+}
+.ppane .header-container .createNewMB input[type='submit'] {
+  float: none;
+}
+
+/*post list*/
+.ppane .postList .post {
+  margin: 0;
+  display: block;
+  border: solid 1px #888;
+  padding: 1em;
+  margin: 0.2em 0em;
+}
+.ppane .postList blockquote,
+.ppane .replyView-active blockquote {
+  margin-left: 0;
+  font-size: 110%;
+  max-width: 30em;
+  padding-left: 5em;
+}
+.ppane .postList .reply,
+.ppane .replyView-active .reply {
+  float: right;
+}
+.ppane .postList .post div {
+  margin: 0.5em auto;
+}
+.ppane .postList .favorit {
+  color: #aaa;
+  float: right;
+  font-size: 150%;
+  margin-left: 0.5em;
+}
+.ppane .postList .favorit.ed {
+  color: #e5cc44;
+}
+.ppane .postList .favorit.ing {
+  color: #777;
+  text-shadow: 0px 0px 3px #000;
+}
+
+/*tabs list*/
+.ppane .tabslist {
+  padding: 0em;
+  margin: 0.5em 0em;
+}
+.ppane .tabslist li {
+  cursor: default;
+  display: inline;
+  background-color: #fff;
+  padding: 0.5em 2em;
+  margin: 0 0.5em;
+  border: solid 1px #999;
+  -moz-border-radius-topleft: 0.5em;
+  -moz-border-radius-topright: 0.5em;
+}
+.ppane .tabslist li.active {
+  border-bottom: solid 1px #fff;
+  -moz-box-shadow: 0px 10px 0px #fff, 0px 0px 8px #ccc;
+}
+.ppane .tabslist li:hover {
+  background-color: #eee;
+}
+.ppane .tabslist li.active:hover {
+  background-color: #fff;
+}
+
+/*follow list*/
+.ppane .followlist-container {
+}
+.ppane .followlist-container .follow {
+  display: inline;
+  font-size: 120%;
+  padding: 0 2em;
+  line-height: 150%;
+}

package/dist/microblogPane/microblogPane.js

@@ -1028,5 +1028,4 @@ var _default = exports.default = {
     //      }(s);
     return microblogpane;
   }
-};
-//# sourceMappingURL=microblogPane.js.map
+};

package/dist/n3Pane.js

@@ -53,5 +53,4 @@ const n3Pane = exports.n3Pane = {
     div.appendChild(pre);
     return div;
   }
-};
-//# sourceMappingURL=n3Pane.js.map
+};

package/dist/outline/manager.css

@@ -0,0 +1,80 @@
+/* Styles extracted from manager.js */
+
+.obj {
+  margin: 0.2em;
+  border: none;
+  padding: 0;
+  vertical-align: top;
+}
+
+.pred, .pred.internal {
+  /* Add any specific styles for predicate TDs here */
+}
+
+.iconTD {
+  margin: 0.2em;
+  border: none;
+  padding: 0;
+  vertical-align: top;
+  width: 0px;
+}
+
+.labelTD {
+  width: 100%;
+}
+
+.paneIconTray {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.paneShown {
+  width: 24px;
+  border-radius: 0.5em;
+  border-top: solid #222 1px;
+  border-left: solid #222 0.1em;
+  border-bottom: solid #eee 0.1em;
+  border-right: solid #eee 0.1em;
+  margin-left: 1em;
+  padding: 3px;
+  background-color: #ffd;
+}
+
+.paneHidden {
+  width: 24px;
+  border-radius: 0.5em;
+  margin-left: 1em;
+  padding: 3px;
+}
+
+.header {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.strongHeader {
+  font-size: 150%;
+  margin: 0 0.6em 0 0;
+  padding: 0.1em 0.4em;
+}
+
+.tableFullWidth {
+  width: 100%;
+}
+
+.placeholderTable {
+  width: 100%;
+}
+
+.tdFlex {
+  margin: 0.2em;
+  border: none;
+  padding: 0;
+  vertical-align: top;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+}

package/dist/outline/manager.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var paneRegistry = _interopRequireWildcard(require("pane-registry"));
+require("./manager.css");
 var $rdf = _interopRequireWildcard(require("rdflib"));
 var UI = _interopRequireWildcard(require("solid-ui"));
 var _solidLogic = require("solid-logic");
@@ -151,8 +152,12 @@ function _default(context) {
 
   this.outlineObjectTD = function outlineObjectTD(obj, view, deleteNode, statement) {
     const td = dom.createElement('td');
-    td.setAttribute('style', 'margin: 0.2em; border: none; padding: 0; vertical-align: top;');
+    td.classList.add('obj');
     td.setAttribute('notSelectable', 'false');
+    td.style.margin = '0.2em';
+    td.style.border = 'none';
+    td.style.padding = '0';
+    td.style.verticalAlign = 'top';
     const theClass = 'obj';
 
     // set about and put 'expand' icon
@@ -161,7 +166,6 @@ function _default(context) {
       td.appendChild(UI.utils.AJARImage(UI.icons.originalIconBase + 'tbl-expand-trans.png', 'expand', undefined, dom)).addEventListener('click', expandMouseDownListener);
     }
     td.setAttribute('class', theClass); // this is how you find an object
-    // @@ TAKE CSS OUT OF STYLE SHEET
     if (kb.whether(obj, UI.ns.rdf('type'), UI.ns.link('Request'))) {
       td.className = 'undetermined';
     } // @@? why-timbl
@@ -207,7 +211,7 @@ function _default(context) {
     // if (kb.statementsMatching(predicate,rdf('type'), UI.ns.link('Request')).length) predicateTD.className='undetermined';
 
     const labelTD = dom.createElement('TD');
-    labelTD.setAttribute('style', 'margin: 0.2em; border: none; padding: 0; vertical-align: top;');
+    labelTD.classList.add('labelTD');
     labelTD.setAttribute('notSelectable', 'true');
     labelTD.appendChild(dom.createTextNode(lab));
     predicateTD.appendChild(labelTD);
@@ -281,7 +285,7 @@ function _default(context) {
     const me = _solidLogic.authn.currentUser();
     if (!me) return [];
     const div = dom.createElement('div');
-    const [books, pods] = await Promise.all([getAddressBooks(), getPods()]);
+    const [pods] = await Promise.all([getPods()]);
     return [{
       paneName: 'home',
       label: 'Your stuff',
@@ -298,7 +302,7 @@ function _default(context) {
       paneName: 'editProfile',
       label: 'Edit your Profile',
       icon: UI.icons.iconBase + 'noun_492246.svg'
-    }].concat(books).concat(pods);
+    }].concat(pods);
     async function getPods() {
       async function addPodStorage(pod) {
         // namedNode
@@ -667,7 +671,7 @@ function _default(context) {
     const table = d.parentNode;
     const par = table.parentNode;
     const placeholder = dom.createElement('table');
-    placeholder.setAttribute('style', 'width: 100%;');
+    placeholder.classList.add('placeholderTable');
     par.replaceChild(placeholder, table);
     table.removeChild(d);
     par.replaceChild(table, placeholder); // Attempt to
@@ -680,7 +684,7 @@ function _default(context) {
     if (!table) {
       // Create a new property table
       table = dom.createElement('table');
-      table.setAttribute('style', 'width: 100%;');
+      table.classList.add('tableFullWidth');
       expandedHeaderTR(subject, pane, options).then(tr1 => {
         table.appendChild(tr1);
         if (tr1.firstPane) {
@@ -1977,7 +1981,7 @@ function _default(context) {
     } else if (obj.termType === 'Collection') {
       // obj.elements is an array of the elements in the collection
       rep = dom.createElement('table');
-      rep.setAttribute('style', 'width: 100%;');
+      rep.classList.add('tableFullWidth');
       rep.setAttribute('about', obj.toNT());
       /* Not sure which looks best -- with or without. I think without
                  var tr = rep.appendChild(document.createElement('tr'));
@@ -1988,7 +1992,7 @@ function _default(context) {
         const elt = obj.elements[i];
         const row = rep.appendChild(dom.createElement('tr'));
         const numcell = row.appendChild(dom.createElement('td'));
-        numcell.setAttribute('style', 'margin: 0.2em; border: none; padding: 0; vertical-align: top;');
+        numcell.classList.add('obj');
         numcell.setAttribute('notSelectable', 'false');
         numcell.setAttribute('about', obj.toNT());
         numcell.innerHTML = i + 1 + ')';
@@ -2018,5 +2022,4 @@ function _default(context) {
   // this.panes = panes; // Allow external panes to register
 
   return this;
-} // END OF OUTLINE
-//# sourceMappingURL=manager.js.map
+} // END OF OUTLINE

package/dist/outline/outlineIcons.js

@@ -123,5 +123,4 @@ outlineIcons.termWidgets = {};
 outlineIcons.termWidgets.optOn = new outlineIcons.OutlinerIcon(outlineIcons.src.icon_opton, 20, 'opt on', 'Make this branch of your query mandatory.');
 outlineIcons.termWidgets.optOff = new outlineIcons.OutlinerIcon(outlineIcons.src.icon_optoff, 20, 'opt off', 'Make this branch of your query optional.');
 outlineIcons.termWidgets.addTri = new outlineIcons.OutlinerIcon(outlineIcons.src.icon_add_triple, 18, 'add tri', 'Add one');
-// Ideally: "New "+label(subject)
-//# sourceMappingURL=outlineIcons.js.map
+// Ideally: "New "+label(subject)