solid-panes 4.2.3-583c15bd → 4.2.3-6c548ee8

package/dist/solid-panes.js

@@ -5594,151 +5594,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/* Styles extracted from manager.js */
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ },
-
-/***/ 5089
-(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.contentPaneLiteral {
-  white-space: pre-wrap;
-}
-
-.dataContentPaneRowEven {
-  background-color: #f0f0f0;
-}
-
-.dataContentPaneRowOdd {
-  background-color: white;
-}
-
-.dataContentPaneTopAlignedRow {
-  vertical-align: top;
-}
-
-.dataContentPaneNestedLight {
-  background-color: white;
-}
-
-.dataContentPaneNestedDark {
-  background-color: #eee;
-}`, "",{"version":3,"sources":["webpack://./src/styles/dataContentPane.css"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,sBAAsB;AACxB","sourcesContent":[".contentPaneLiteral {\n  white-space: pre-wrap;\n}\n\n.dataContentPaneRowEven {\n  background-color: #f0f0f0;\n}\n\n.dataContentPaneRowOdd {\n  background-color: white;\n}\n\n.dataContentPaneTopAlignedRow {\n  vertical-align: top;\n}\n\n.dataContentPaneNestedLight {\n  background-color: white;\n}\n\n.dataContentPaneNestedDark {\n  background-color: #eee;\n}"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ },
-
-/***/ 3913
-(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.humanReadableFrame {
-	border: 1px solid;
-	padding: 1em;
-	height: var(--human-readable-height, 30em);
-	width: 800px;
-	resize: both;
-	overflow: auto;
-}
-`, "",{"version":3,"sources":["webpack://./src/styles/humanReadablePane.css"],"names":[],"mappings":"AAAA;CACC,iBAAiB;CACjB,YAAY;CACZ,0CAA0C;CAC1C,YAAY;CACZ,YAAY;CACZ,cAAc;AACf","sourcesContent":[".humanReadableFrame {\n\tborder: 1px solid;\n\tpadding: 1em;\n\theight: var(--human-readable-height, 30em);\n\twidth: 800px;\n\tresize: both;\n\toverflow: auto;\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ },
-
-/***/ 2759
-(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.internalPaneContent {
-  background-color: #ddddff; 
-  padding: var(--spacing-xs, 0.5em); 
-  border-radius: 1em;
-}
-.internalPaneControls {
-  width: 100%;
-  margin: var(--spacing-sm, 1em);
-}
-.internalPaneDeleteButton {
-  height: 2em;
-}`, "",{"version":3,"sources":["webpack://./src/styles/internalPane.css"],"names":[],"mappings":"AAAA;EACE,yBAAyB;EACzB,iCAAiC;EACjC,kBAAkB;AACpB;AACA;EACE,WAAW;EACX,8BAA8B;AAChC;AACA;EACE,WAAW;AACb","sourcesContent":[".internalPaneContent {\n  background-color: #ddddff; \n  padding: var(--spacing-xs, 0.5em); \n  border-radius: 1em;\n}\n.internalPaneControls {\n  width: 100%;\n  margin: var(--spacing-sm, 1em);\n}\n.internalPaneDeleteButton {\n  height: 2em;\n}"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ },
-
-/***/ 649
-(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1354);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.padPaneTable {
-  border-collapse: collapse;
-  width: 100%;
-  background-color: white; 
-  min-width: 94%; 
-  margin-right: 3%;
-  margin-left: 3%;
-  min-height: 13em;
-}
-
-.padPaneSuccess {
-  font-size: 140%;
-}`, "",{"version":3,"sources":["webpack://./src/styles/padPane.css"],"names":[],"mappings":"AAAA;EACE,yBAAyB;EACzB,WAAW;EACX,uBAAuB;EACvB,cAAc;EACd,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB","sourcesContent":[".padPaneTable {\n  border-collapse: collapse;\n  width: 100%;\n  background-color: white; \n  min-width: 94%; \n  margin-right: 3%;\n  margin-left: 3%;\n  min-height: 13em;\n}\n\n.padPaneSuccess {\n  font-size: 140%;\n}"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ },
 
 /***/ 6314
@@ -41958,40 +41813,10 @@ const thisPane = {
 };
 /* harmony default export */ const activitystreams_pane_lib = (thisPane);
 //# sourceMappingURL=index.js.map
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./src/styles/padPane.css
-var padPane = __webpack_require__(649);
-;// ./src/styles/padPane.css
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var padPane_options = {};
-
-padPane_options.styleTagTransform = (styleTagTransform_default());
-padPane_options.setAttributes = (setAttributesWithoutAttributes_default());
-padPane_options.insert = insertBySelector_default().bind(null, "head");
-padPane_options.domAPI = (styleDomAPI_default());
-padPane_options.insertStyleElement = (insertStyleElement_default());
-
-var padPane_update = injectStylesIntoStyleTag_default()(padPane/* default */.A, padPane_options);
-
-
-
-
-       /* harmony default export */ const styles_padPane = (padPane/* default */.A && padPane/* default */.A.locals ? padPane/* default */.A.locals : undefined);
-
 ;// ./src/pad/padPane.ts
 
 
 
-
 /*   pad Pane
  **
  */
@@ -42288,7 +42113,7 @@ const paneDef = {
             agenda.push(function () {
                 // give the user links to the new app
                 const p = div.appendChild(dom.createElement('p'));
-                p.classList.add('padPaneSuccess');
+                p.setAttribute('style', 'font-size: 140%;');
                 p.innerHTML =
                     'Your <a href=\'' +
                         newIndexDoc.uri +
@@ -42308,7 +42133,7 @@ const paneDef = {
                 me = webId;
             });
             const title = store.any(subject, external_UI_.ns.dc('title')) || store.any(subject, external_UI_.ns.vcard('fn'));
-            if ((paneOptions === null || paneOptions === void 0 ? void 0 : paneOptions.solo) && typeof window !== 'undefined' && title) {
+            if (paneOptions.solo && typeof window !== 'undefined' && title) {
                 window.document.title = title.value;
             }
             options.exists = exists;
@@ -42379,7 +42204,7 @@ const paneDef = {
         const div = dom.createElement('div');
         //  Build the DOM
         const structure = div.appendChild(dom.createElement('table')); // @@ make responsive style
-        structure.classList.add('padPaneTable');
+        structure.setAttribute('style', 'background-color: white; min-width: 94%; margin-right:3% margin-left: 3%; min-height: 13em;');
         const naviLoginoutTR = structure.appendChild(dom.createElement('tr'));
         naviLoginoutTR.appendChild(dom.createElement('td')); // naviLoginout1
         naviLoginoutTR.appendChild(dom.createElement('td'));
@@ -42396,7 +42221,8 @@ const paneDef = {
         const naviSpawn = structure.appendChild(dom.createElement('tr')); // create new
         const spawnArea = naviSpawn.appendChild(dom.createElement('div'));
         const naviMenu = structure.appendChild(dom.createElement('tr'));
-        naviMenu.classList.add('naviMenu');
+        naviMenu.setAttribute('class', 'naviMenu');
+        // naviMenu.setAttribute('style', 'margin-top: 3em;');
         naviMenu.appendChild(dom.createElement('td')); // naviLeft
         naviMenu.appendChild(dom.createElement('td'));
         naviMenu.appendChild(dom.createElement('td'));
@@ -42406,7 +42232,7 @@ const paneDef = {
     }
 };
 // ends
-/* harmony default export */ const pad_padPane = (paneDef);
+/* harmony default export */ const padPane = (paneDef);
 
 ;// ./src/transaction/pane.js
 /*   Financial Transaction Pane
@@ -44029,53 +43855,9 @@ const schedulePane = {
     const showForms = function () {
       clearElement(naviCenter) // Remove refresh button if nec
       const div = naviMain
-
-      // form2 depends on sched:allDay; seed a local default for new polls
-      if (!kb.any(subject, ns.sched('allDay'))) {
-        kb.add(
-          subject,
-          ns.sched('allDay'),
-          external_rdflib_.literal(
-            'true',
-            undefined,
-            external_rdflib_.sym('http://www.w3.org/2001/XMLSchema#boolean')
-          ),
-          detailsDoc
-        )
-      }
-
       const wizard = true
       let currentSlide = 0
       let gotDoneButton = false
-
-      const hasFormControls = function (container) {
-        return !!container.querySelector('input, select, textarea, button')
-      }
-
-      const asBoolean = function (term, fallback) {
-        if (!term) return fallback
-        const value = (term.value || '').toLowerCase()
-        if (value === 'true' || value === '1') return true
-        if (value === 'false' || value === '0') return false
-        return fallback
-      }
-
-      const renderTimeProposalFallback = function (slide) {
-        const allDayValue = asBoolean(kb.any(subject, ns.sched('allDay')), true)
-        const fallbackForm = kb.sym(
-          formsURI + (allDayValue ? '#AllDayForm2' : '#NotAllDayForm2')
-        )
-        external_UI_.widgets.appendForm(
-          document,
-          slide,
-          {},
-          subject,
-          fallbackForm,
-          detailsDoc,
-          complainIfBad
-        )
-      }
-
       if (wizard) {
         const forms = [form1, form2, form3]
         const slides = []
@@ -44091,12 +43873,6 @@ const schedulePane = {
             detailsDoc,
             complainIfBad
           )
-
-          // Some stores end up with form2's ui:Options unresolved; force a usable input form.
-          if (f === 1 && !hasFormControls(slide)) {
-            renderTimeProposalFallback(slide)
-          }
-
           slides.push(slide)
         }
 
@@ -44404,7 +44180,7 @@ const schedulePane = {
 
     // Read or create empty results file
     function getResults () {
-      fetcher.nowOrWhenFetched(resultsDoc.uri, undefined, (ok, body, response) => {
+      fetcher.nowOrWhenFetched(resultsDoc.uri, (ok, body, response) => {
         if (!ok) {
           if (response.status === 404) {
             // /  Check explicitly for 404 error
@@ -47823,35 +47599,6 @@ var purify = createDOMPurify();
 
 //# sourceMappingURL=purify.es.mjs.map
 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./src/styles/humanReadablePane.css
-var humanReadablePane = __webpack_require__(3913);
-;// ./src/styles/humanReadablePane.css
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var humanReadablePane_options = {};
-
-humanReadablePane_options.styleTagTransform = (styleTagTransform_default());
-humanReadablePane_options.setAttributes = (setAttributesWithoutAttributes_default());
-humanReadablePane_options.insert = insertBySelector_default().bind(null, "head");
-humanReadablePane_options.domAPI = (styleDomAPI_default());
-humanReadablePane_options.insertStyleElement = (insertStyleElement_default());
-
-var humanReadablePane_update = injectStylesIntoStyleTag_default()(humanReadablePane/* default */.A, humanReadablePane_options);
-
-
-
-
-       /* harmony default export */ const styles_humanReadablePane = (humanReadablePane/* default */.A && humanReadablePane/* default */.A.locals ? humanReadablePane/* default */.A.locals : undefined);
-
 ;// ./src/humanReadablePane.js
 /*   Human-readable Pane
  **
@@ -47863,7 +47610,6 @@ var humanReadablePane_update = injectStylesIntoStyleTag_default()(humanReadableP
 
 
 
-
 // Helper function to check if a URI has a markdown file extension
 const isMarkdownFile = (uri) => {
   if (!uri) return false
@@ -47874,7 +47620,7 @@ const isMarkdownFile = (uri) => {
 // Cache for dokieli detection results (keyed by subject URI)
 const dokieliCache = new Map()
 
-const humanReadablePane_humanReadablePane = {
+const humanReadablePane = {
   icon: function (subject, context) {
     // Markdown files detected by extension
     if (subject && isMarkdownFile(subject.uri)) {
@@ -48032,11 +47778,6 @@ const humanReadablePane_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) {
       kb.fetcher.webOperation('GET', subject.uri).then(response => {
@@ -48045,7 +47786,8 @@ const humanReadablePane_humanReadablePane = {
         const res = g.parse(markdownText)
         const clean = purify.sanitize(res)
         frame.innerHTML = clean
-        setFrameDisplayStyles(frame, lines)
+        frame.setAttribute('class', 'doc')
+        frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`)
       }).catch(error => {
         console.error('Error fetching markdown content:', error)
         frame.innerHTML = '<p>Error loading content</p>'
@@ -48054,19 +47796,20 @@ const humanReadablePane_humanReadablePane = {
 
     const setIframeAttributes = (frame, lines) => {
       frame.setAttribute('src', subject.uri)
-      setFrameDisplayStyles(frame, lines)
+      frame.setAttribute('class', 'doc')
+      frame.setAttribute('style', `border: 1px solid; padding: 1em; height: ${lines}em; width: 800px; resize: both; overflow: auto;`)
     }
 
     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') {
@@ -48091,7 +47834,7 @@ const humanReadablePane_humanReadablePane = {
         setIframeAttributes(frame, 30)
       })
 
-      const tr = myDocument.createElement('tr')
+      const tr = myDocument.createElement('TR')
       tr.appendChild(frame)
       div.appendChild(tr)
     }
@@ -48100,38 +47843,9 @@ const humanReadablePane_humanReadablePane = {
   }
 }
 
-/* harmony default export */ const src_humanReadablePane = (humanReadablePane_humanReadablePane);
+/* harmony default export */ const src_humanReadablePane = (humanReadablePane);
 // ends
 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./src/styles/dataContentPane.css
-var dataContentPane = __webpack_require__(5089);
-;// ./src/styles/dataContentPane.css
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var dataContentPane_options = {};
-
-dataContentPane_options.styleTagTransform = (styleTagTransform_default());
-dataContentPane_options.setAttributes = (setAttributesWithoutAttributes_default());
-dataContentPane_options.insert = insertBySelector_default().bind(null, "head");
-dataContentPane_options.domAPI = (styleDomAPI_default());
-dataContentPane_options.insertStyleElement = (insertStyleElement_default());
-
-var dataContentPane_update = injectStylesIntoStyleTag_default()(dataContentPane/* default */.A, dataContentPane_options);
-
-
-
-
-       /* harmony default export */ const styles_dataContentPane = (dataContentPane/* default */.A && dataContentPane/* default */.A.locals ? dataContentPane/* default */.A.locals : undefined);
-
 ;// ./src/dataContentPane.js
 /*      Data content Pane
  **
@@ -48147,10 +47861,9 @@ var dataContentPane_update = injectStylesIntoStyleTag_default()(dataContentPane/
 
 
 
-
 const dataContentPane_ns = external_UI_.ns
 
-const dataContentPane_dataContentPane = {
+const dataContentPane = {
   icon: external_UI_.icons.originalIconBase + 'rdf_flyer.24.gif',
 
   name: 'dataContents',
@@ -48210,7 +47923,6 @@ const dataContentPane_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)
@@ -48262,7 +47974,7 @@ const dataContentPane_dataContentPane = {
         case 'Literal':
           if (!obj.datatype || !obj.datatype.uri) {
             res = myDocument.createElement('div')
-            res.classList.add('contentPaneLiteral')
+            res.setAttribute('style', 'white-space: pre-wrap;')
             res.textContent = obj.value
             return res
           } else if (
@@ -48270,7 +47982,7 @@ const dataContentPane_dataContentPane = {
             'http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral'
           ) {
             res = myDocument.createElement('div')
-            res.classList.add('embeddedXHTML')
+            res.setAttribute('class', 'embeddedXHTML')
             res.innerHTML = obj.value // Try that  @@@ beware embedded dangerous code
             return res
           }
@@ -48289,11 +48001,14 @@ const dataContentPane_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
-          const parentTable = external_UI_.utils.ancestor(newTable, 'TABLE')
-          if (parentTable && parentTable.classList.contains('dataContentPaneNestedLight')) {
-            newTable.classList.add('dataContentPaneNestedDark')
+          if (
+            external_UI_.utils.ancestor(newTable, 'TABLE') &&
+            external_UI_.utils.ancestor(newTable, 'TABLE').style.backgroundColor ===
+            'white'
+          ) {
+            newTable.style.backgroundColor = '#eee'
           } else {
-            newTable.classList.add('dataContentPaneNestedLight')
+            newTable.style.backgroundColor = 'white'
           }
           return newTable
         }
@@ -48334,7 +48049,7 @@ const dataContentPane_dataContentPane = {
     }
     for (let i = 0; i < roots.length; i++) {
       const tr = myDocument.createElement('tr')
-      tr.classList.add(i % 2 === 0 ? 'dataContentPaneRowEven' : 'dataContentPaneRowOdd')
+      tr.setAttribute('style', `background-color: ${i % 2 === 0 ? '#f0f0f0' : 'white'};`)
       rep.appendChild(tr)
       const subjectTD = myDocument.createElement('td')
       tr.appendChild(subjectTD)
@@ -48382,9 +48097,9 @@ const dataContentPane_dataContentPane = {
         return div
       }
       for (let i = 0; i < roots.length; i++) {
-        const tr = myDocument.createElement('tr')
-        tr.classList.add('dataContentPaneTopAlignedRow')
+        const tr = myDocument.createElement('TR')
         const root = roots[i]
+        tr.style.verticalAlign = 'top'
         const td = outliner.outlineObjectTD(root, undefined, tr)
         tr.appendChild(td)
         div.appendChild(tr)
@@ -49203,35 +48918,6 @@ const sharingPane = {
 };
 /* harmony default export */ const sharing_sharingPane = (sharingPane);
 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./src/styles/internalPane.css
-var internalPane = __webpack_require__(2759);
-;// ./src/styles/internalPane.css
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var internalPane_options = {};
-
-internalPane_options.styleTagTransform = (styleTagTransform_default());
-internalPane_options.setAttributes = (setAttributesWithoutAttributes_default());
-internalPane_options.insert = insertBySelector_default().bind(null, "head");
-internalPane_options.domAPI = (styleDomAPI_default());
-internalPane_options.insertStyleElement = (insertStyleElement_default());
-
-var internalPane_update = injectStylesIntoStyleTag_default()(internalPane/* default */.A, internalPane_options);
-
-
-
-
-       /* harmony default export */ const styles_internalPane = (internalPane/* default */.A && internalPane/* default */.A.locals ? internalPane/* default */.A.locals : undefined);
-
 ;// ./src/internal/internalPane.ts
 /*   Internal Pane
  **
@@ -49241,7 +48927,6 @@ var internalPane_update = injectStylesIntoStyleTag_default()(internalPane/* defa
 /* global alert confirm */
 
 
-
 const internalPane_pane = {
     icon: external_UI_.icons.originalIconBase + 'tango/22-emblem-system.png',
     name: 'internal',
@@ -49262,7 +48947,8 @@ const internalPane_pane = {
                 !!(typeof view.predicates[pred.uri] !== 'undefined'));
         }
         const div = dom.createElement('div');
-        div.classList.add('internalPane', 'internalPaneContent');
+        div.setAttribute('class', 'internalPane');
+        div.setAttribute('style', 'background-color: #ddddff; padding: 0.5em; border-radius: 1em;');
         function deleteRecursive(kb, folder) {
             const fetcher = kb.fetcher;
             if (!fetcher) {
@@ -49304,7 +48990,8 @@ const internalPane_pane = {
         const isDocument = subject.uri && !subject.uri.includes('#');
         if (isDocument) {
             const controls = div.appendChild(dom.createElement('table'));
-            controls.classList.add('internalPaneControls');
+            controls.style.width = '100%';
+            controls.style.margin = '1em';
             const controlRow = controls.appendChild(dom.createElement('tr'));
             const deleteCell = controlRow.appendChild(dom.createElement('td'));
             const isFolder = (subject.uri && subject.uri.endsWith('/')) ||
@@ -49334,8 +49021,8 @@ const internalPane_pane = {
                         alert(str);
                     });
                 });
+                deleteButton.style = 'height: 2em;';
                 deleteButton.class = ''; // Remove hover hide
-                deleteButton.classList.add('internalPaneDeleteButton');
                 deleteCell.appendChild(deleteButton);
             }
             const refreshCell = controlRow.appendChild(dom.createElement('td'));
@@ -49424,7 +49111,7 @@ function isProtectedUri(subject) {
         subject.uri === siteUri + 'settings/publicTypeIndex.ttl' ||
         subject.uri === siteUri + 'settings/serverSide.ttl');
 }
-/* harmony default export */ const internal_internalPane = (internalPane_pane);
+/* harmony default export */ const internalPane = (internalPane_pane);
 // ends
 
 ;// ./src/home/homePane.ts
@@ -49550,7 +49237,7 @@ function registerPanes (register) {
   register(contactsPane/* default */.Ay)
   register(activitystreams_pane_lib)
 
-  register(pad_padPane)
+  register(padPane)
   // register(argumentPane) // A position in an argument tree
 
   register(pane)
@@ -49588,7 +49275,7 @@ function registerPanes (register) {
   register(src_humanReadablePane) // A web page as a web page -- how to escape to tabr?
   // register(require('markdown-pane').Pane) // replaced by markdown in humanReadablePane
 
-  register(dataContentPane_dataContentPane) // Preferred for a data file
+  register(dataContentPane) // Preferred for a data file
   register((sourcePane_default())) // edit source
   register(n3Pane)
   register(RDFXMLPane)
@@ -49627,7 +49314,7 @@ function registerPanes (register) {
   register(sharing_sharingPane)
 
   // The internals pane is always (almost?) the last as it is the least user-friendly
-  register(internal_internalPane)
+  register(internalPane)
 
   register(homePane) // This is a global pane