solid-panes 4.2.3-d75b2aa8 → 4.2.3-e7f59222

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)

package/dist/outline/queryByExample.js

@@ -282,5 +282,4 @@ function QuerySource() {
       }
     }
   };
-}
-//# sourceMappingURL=queryByExample.js.map
+}

package/dist/outline/userInput.js

@@ -1815,5 +1815,4 @@ function UserInput(outline) {
       return trNode.AJAR_statement;
     }
   };
-}
-//# sourceMappingURL=userInput.js.map
+}

package/dist/pad/padPane.d.ts

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

package/dist/pad/padPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"padPane.d.ts","sourceRoot":"","sources":["../../src/pad/padPane.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAK9C,QAAA,MAAM,OAAO,EAAE,cAmiBd,CAAA;AAGD,eAAe,OAAO,CAAA"}
+{"version":3,"file":"padPane.d.ts","sourceRoot":"","sources":["../../src/pad/padPane.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,uBAAuB,CAAA;AAK9B,QAAA,MAAM,OAAO,EAAE,cA+hBd,CAAA;AAGD,eAAe,OAAO,CAAA"}

package/dist/playlist/playlistPane.js

@@ -120,5 +120,4 @@ var _default = exports.default = {
     div.appendChild(tr);
     return div;
   }
-}; // ends
-//# sourceMappingURL=playlistPane.js.map
+}; // ends

package/dist/registerPanes.js

@@ -142,5 +142,4 @@ function registerPanes(register) {
   register(_homePane.default); // This is a global pane
 
   // ENDS
-}
-//# sourceMappingURL=registerPanes.js.map
+}

package/dist/schedule/schedulePane.js

@@ -7,6 +7,7 @@ exports.schedulePane = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var _solidLogic = require("solid-logic");
 var $rdf = _interopRequireWildcard(require("rdflib"));
+require("../styles/schedulePane.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); }
 /*   Scheduler Pane
  **
@@ -252,9 +253,6 @@ const schedulePane = exports.schedulePane = {
     const form3 = kb.sym(formsURI + '#form3');
     $rdf.parse(formText, kb, formsURI, 'text/turtle'); // Load forms directly
 
-    const inputStyle = 'background-color: #eef; padding: 0.5em;  border: .5em solid white; font-size: 100%'; //  font-size: 120%
-    const buttonIconStyle = 'width: 1.8em; height: 1.8em;';
-
     // Utility functions
 
     const complainIfBad = function (ok, message) {
@@ -271,7 +269,8 @@ const schedulePane = exports.schedulePane = {
     const refreshCellColor = function (cell, value) {
       const bg = kb.any(value, UI.ns.ui('backgroundColor'));
       if (bg) {
-        cell.setAttribute('style', 'padding: 0.3em; text-align: center; background-color: ' + bg + ';');
+        cell.classList.add('schedulePaneCell');
+        cell.setAttribute('style', 'background-color: ' + bg + ';');
       }
     };
     let me;
@@ -296,7 +295,7 @@ const schedulePane = exports.schedulePane = {
       const b = UI.login.newAppInstance(dom, {
         noun: 'scheduler'
       }, initializeNewInstanceInWorkspace);
-      b.firstChild.setAttribute('style', inputStyle);
+      b.firstChild.classList.add('schedulePaneButton');
       return b;
     }; // newInstanceButton
 
@@ -406,7 +405,7 @@ const schedulePane = exports.schedulePane = {
       div.appendChild(dom.createElement('br')); // @@
 
       const button = div.appendChild(dom.createElement('button'));
-      button.setAttribute('style', inputStyle);
+      button.classList.add('schedulePaneButton');
       button.textContent = 'Start new poll at this URI';
       button.addEventListener('click', function (_e) {
         let newBase = baseField.value;
@@ -423,9 +422,29 @@ const schedulePane = exports.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'), $rdf.literal('true', undefined, $rdf.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'));
+        UI.widgets.appendForm(document, slide, {}, subject, fallbackForm, detailsDoc, complainIfBad);
+      };
       if (wizard) {
         const forms = [form1, form2, form3];
         const slides = [];
@@ -433,6 +452,11 @@ const schedulePane = exports.schedulePane = {
         for (let f = 0; f < forms.length; f++) {
           const slide = dom.createElement('div');
           UI.widgets.appendForm(document, slide, {}, subject, forms[f], 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);
         }
         const refresh = function () {
@@ -455,7 +479,7 @@ const schedulePane = exports.schedulePane = {
           }
         };
         const b1 = clearElement(naviLeft).appendChild(dom.createElement('button'));
-        b1.setAttribute('style', inputStyle);
+        b1.classList.add('schedulePaneButton');
         b1.textContent = '<- go back';
         b1.addEventListener('click', function (_e) {
           if (currentSlide > 0) {
@@ -464,7 +488,7 @@ const schedulePane = exports.schedulePane = {
           }
         }, false);
         const b2 = clearElement(naviRight).appendChild(dom.createElement('button'));
-        b2.setAttribute('style', inputStyle);
+        b2.classList.add('schedulePaneButton');
         b2.textContent = 'continue ->';
         b2.addEventListener('click', function (_e) {
           if (currentSlide < slides.length - 1) {
@@ -489,7 +513,7 @@ const schedulePane = exports.schedulePane = {
       insertables.push($rdf.st(subject, ns.sched('ready'), new Date(), detailsDoc));
       insertables.push($rdf.st(subject, ns.sched('results'), resultsDoc, detailsDoc)); // @@ also link in results
 
-      doneButton.setAttribute('style', inputStyle);
+      doneButton.classList.add('schedulePaneButton');
       doneButton.textContent = 'Go to poll';
       doneButton.addEventListener('click', function (_e) {
         if (kb.any(subject, ns.sched('ready'))) {
@@ -509,10 +533,10 @@ const schedulePane = exports.schedulePane = {
         }
       }, false);
       const emailButton = dom.createElement('button');
-      emailButton.setAttribute('style', inputStyle);
+      emailButton.classList.add('schedulePaneButton');
       const emailIcon = emailButton.appendChild(dom.createElement('img'));
       emailIcon.setAttribute('src', UI.icons.iconBase + 'noun_480183.svg'); // noun_480183.svg
-      emailIcon.setAttribute('style', buttonIconStyle);
+      emailIcon.classList.add('schedulePaneButtonIcon');
       // emailButton.textContent = 'email invitations'
       emailButton.addEventListener('click', function (_e) {
         const title = kb.anyValue(subject, ns.cal('summary')) || kb.anyValue(subject, ns.dc('title')) || '';
@@ -649,7 +673,7 @@ const schedulePane = exports.schedulePane = {
 
     // Read or create empty results file
     function getResults() {
-      fetcher.nowOrWhenFetched(resultsDoc.uri, (ok, body, response) => {
+      fetcher.nowOrWhenFetched(resultsDoc.uri, undefined, (ok, body, response) => {
         if (!ok) {
           if (response.status === 404) {
             // /  Check explicitly for 404 error
@@ -729,11 +753,11 @@ const schedulePane = exports.schedulePane = {
         const matrix = div.appendChild(UI.matrix.matrixForQuery(dom, query, v.time, v.author, v.value, options, function () {}));
         matrix.setAttribute('class', 'matrix');
         const refreshButton = dom.createElement('button');
-        refreshButton.setAttribute('style', inputStyle);
+        refreshButton.classList.add('schedulePaneButton');
         // refreshButton.textContent = 'refresh' // noun_479395.svg
         const refreshIcon = dom.createElement('img');
         refreshIcon.setAttribute('src', UI.icons.iconBase + 'noun_479395.svg');
-        refreshIcon.setAttribute('style', buttonIconStyle);
+        refreshIcon.classList.add('schedulePaneButtonIcon');
         refreshButton.appendChild(refreshIcon);
         refreshButton.addEventListener('click', function (_e) {
           refreshButton.disabled = true;
@@ -834,11 +858,11 @@ const schedulePane = exports.schedulePane = {
       const instanceCreator = kb.any(subject, ns.foaf('maker')); // owner?
       if (!instanceCreator || instanceCreator.sameTerm(me)) {
         const editButton = dom.createElement('button');
-        editButton.setAttribute('style', inputStyle);
+        editButton.classList.add('schedulePaneButton');
         // editButton.textContent = '(Modify the poll)' // noun_344563.svg
         const editIcon = dom.createElement('img');
         editIcon.setAttribute('src', UI.icons.iconBase + 'noun_344563.svg');
-        editIcon.setAttribute('style', buttonIconStyle);
+        editIcon.classList.add('schedulePaneButtonIcon');
         editButton.appendChild(editIcon);
         editButton.addEventListener('click', function (_e) {
           clearElement(div);
@@ -856,7 +880,7 @@ const schedulePane = exports.schedulePane = {
 
     const div = dom.createElement('div');
     const structure = div.appendChild(dom.createElement('table')); // @@ make responsive style
-    structure.setAttribute('style', 'background-color: white; min-width: 40em; min-height: 13em;');
+    structure.classList.add('schedulePaneTable');
     const naviLoginoutTR = structure.appendChild(dom.createElement('tr'));
     naviLoginoutTR.appendChild(dom.createElement('td'));
     naviLoginoutTR.appendChild(dom.createElement('td'));
@@ -874,9 +898,7 @@ const schedulePane = exports.schedulePane = {
     const naviMain = naviTop.appendChild(dom.createElement('td'));
     naviMain.setAttribute('colspan', '3');
     const naviMenu = structure.appendChild(dom.createElement('tr'));
-    naviMenu.setAttribute('class', 'naviMenu');
-    naviMenu.setAttribute('style', ' text-align: middle; vertical-align: middle; padding-top: 4em; ');
-    //    naviMenu.setAttribute('style', 'margin-top: 3em;')
+    naviMenu.classList.add('naviMenu', 'schedulePaneNaviMenu');
     const naviLeft = naviMenu.appendChild(dom.createElement('td'));
     const naviCenter = naviMenu.appendChild(dom.createElement('td'));
     const naviRight = naviMenu.appendChild(dom.createElement('td'));
@@ -884,5 +906,4 @@ const schedulePane = exports.schedulePane = {
     return div;
   } // render
 }; // property list
-// ends
-//# sourceMappingURL=schedulePane.js.map
+// ends

package/dist/slideshow/slideshowPane.js

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

package/dist/socialPane.js

@@ -427,5 +427,4 @@ const socialPane = exports.socialPane = {
     return div;
   } // render()
 }; //
-// ends
-//# sourceMappingURL=socialPane.js.map
+// ends