solid-panes 4.2.2 → 4.2.3-583c15bd

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/internal/internalPane.d.ts

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

package/dist/internal/internalPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internalPane.d.ts","sourceRoot":"","sources":["../../src/internal/internalPane.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,QAAA,MAAM,IAAI,EAAE,cAwOX,CAAA;AAiBD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"internalPane.d.ts","sourceRoot":"","sources":["../../src/internal/internalPane.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,4BAA4B,CAAA;AAEnC,QAAA,MAAM,IAAI,EAAE,cAoOX,CAAA;AAiBD,eAAe,IAAI,CAAA"}

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;
+}