solid-ui 5.0.0-1 → 5.0.0

package/dist/lib/preferences.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"preferences.cjs.js","names":["store","ns","$rdf"],"sources":["../../src/lib/preferences.js"],"sourcesContent":["//                  Solid-UI preferences\n//                  =====================\n//\n\nimport * as $rdf from 'rdflib' // pull in first avoid cross-refs\nimport { store } from 'solid-logic'\nimport * as debug from './debug'\nimport { ensureLoadedPreferences } from '../login/login'\nimport ns from './ns'\nimport * as participation from './participation' // @ts-ignore\nimport * as widgets from '../widgets'\n\nconst kb = store\n\n// This was tabulator . preferences in the tabulator\n//  Is this functionality used anywhere?\n//\n\n// used for storing user name\n// @@ Deprocate these functions.  They were used for\n// communication around the tabulator functionality about the user session\n\nexport const value = []\nexport function get (k) {\n  return value[k]\n}\n\nexport function set (k, v) {\n  if (typeof v !== 'string') {\n    debug.log('Non-string value of preference ' + k + ': ' + v)\n    throw new Error('Non-string value of preference ' + k + ': ' + v)\n  }\n  this.value[k] = v\n}\n\n// In a solid world, Preferences are stored in the web\n//\n// Make an RDF node for recording the common view preferences for any object\n// (maybe make it in a separate file?)\nexport function recordSharedPreferences (subject, context) {\n  return new Promise(function (resolve, reject) {\n    const sharedPreferences = kb.any(subject, ns.ui('sharedPreferences'))\n    if (!sharedPreferences) {\n      if (!kb.updater.editable(subject.doc())) {\n        debug.log(` Cant make shared preferences, may not change ${subject.doc}`)\n        resolve(context)\n      }\n      const sp = $rdf.sym(subject.doc().uri + '#SharedPreferences')\n      const ins = [\n        $rdf.st(subject, ns.ui('sharedPreferences'), sp, subject.doc())\n      ]\n      debug.log('Creating shared preferences ' + sp)\n      kb.updater.update([], ins, function (uri, ok, errorMessage) {\n        if (!ok) {\n          reject(new Error('Error creating shared prefs: ' + errorMessage))\n        } else {\n          context.sharedPreferences = sp\n          resolve(context)\n        }\n      })\n    } else {\n      context.sharedPreferences = sharedPreferences\n      resolve(context)\n    }\n  })\n}\n\n// Construct a personal defaults node in the preferences file for a given class of object\n//\nexport function recordPersonalDefaults (theClass, context) {\n  return new Promise(function (resolve, reject) {\n    ensureLoadedPreferences(context).then(\n      context => {\n        if (!context.preferencesFile) {\n          debug.log(\n            'Not doing private class preferences as no access to preferences file. ' +\n              context.preferencesFileError\n          )\n          return\n        }\n        const regs = kb.each(\n          null,\n          ns.solid('forClass'),\n          theClass,\n          context.preferencesFile\n        )\n        let ins = []\n        let prefs\n        let reg\n        if (regs.length) {\n          // Use existing node if we can\n          regs.forEach(r => {\n            prefs = prefs || kb.any(r, ns.solid('personalDefaults'))\n          })\n          if (prefs) {\n            context.personalDefaults = prefs // Found one\n            resolve(context)\n            return\n          } else {\n            prefs = widgets.newThing(context.preferencesFile)\n            reg = regs[0]\n          }\n        } else {\n          // no regs fo class\n          reg = widgets.newThing(context.preferencesFile)\n          ins = [\n            $rdf.st(\n              reg,\n              ns.rdf('type'),\n              ns.solid('TypeRegistration'),\n              context.preferencesFile\n            ),\n            $rdf.st(reg, ns.solid('forClass'), theClass, context.preferencesFile)\n          ]\n        }\n        prefs = widgets.newThing(context.preferencesFile)\n        ins.push(\n          $rdf.st(\n            reg,\n            ns.solid('personalDefaults'),\n            prefs,\n            context.preferencesFile\n          )\n        )\n        kb.updater.update([], ins, function (uri, ok, errm) {\n          if (!ok) {\n            reject(new Error('Setting preferences for ' + theClass + ': ' + errm))\n          } else {\n            context.personalDefaults = prefs\n            resolve(context)\n          }\n        })\n      },\n      err => {\n        reject(err)\n      }\n    )\n  })\n}\n\nexport function renderPreferencesForm (subject, theClass, preferencesForm, context) {\n  const prefContainer = context.dom.createElement('div')\n  participation.participationObject(subject, subject.doc(), context.me).then(\n    participation => {\n      const dom = context.dom\n      function heading (text) {\n        prefContainer.appendChild(dom.createElement('h5')).textContent = text\n      }\n      heading('My view of this ' + context.noun)\n      widgets.appendForm(\n        dom,\n        prefContainer,\n        {},\n        participation,\n        preferencesForm,\n        subject.doc(),\n        (ok, mes) => {\n          if (!ok) widgets.complain(context, mes)\n        }\n      )\n\n      heading('Everyone\\'s  view of this ' + context.noun)\n      recordSharedPreferences(subject, context).then(context => {\n        const sharedPreferences = context.sharedPreferences\n        widgets.appendForm(\n          dom,\n          prefContainer,\n          {},\n          sharedPreferences,\n          preferencesForm,\n          subject.doc(),\n          (ok, mes) => {\n            if (!ok) widgets.complain(context, mes)\n          }\n        )\n\n        heading('My default view of any ' + context.noun)\n        recordPersonalDefaults(theClass, context).then(\n          context => {\n            widgets.appendForm(\n              dom,\n              prefContainer,\n              {},\n              context.personalDefaults,\n              preferencesForm,\n              context.preferencesFile,\n              (ok, mes) => {\n                if (!ok) widgets.complain(context, mes)\n              }\n            )\n          },\n          err => {\n            widgets.complain(context, err)\n          }\n        )\n      })\n    },\n    err => {\n      // parp object fails\n      prefContainer.appendChild(widgets.errorMessageBlock(context.dom, err))\n    }\n  )\n  return prefContainer\n}\n\n// This should be part of rdflib.js ad part of the RDFJS Standard!!\n\nfunction toJS (term) {\n  if (!term.datatype) return term // Objects remain objects\n  if (term.datatype.equals(ns.xsd('boolean'))) {\n    return term.value === '1'\n  }\n  if (\n    term.datatype.equals(ns.xsd('dateTime')) ||\n    term.datatype.equals(ns.xsd('date'))\n  ) {\n    return new Date(term.value)\n  }\n  if (\n    term.datatype.equals(ns.xsd('integer')) ||\n    term.datatype.equals(ns.xsd('float')) ||\n    term.datatype.equals(ns.xsd('decimal'))\n  ) {\n    return Number(term.value)\n  }\n  return term.value\n}\n\n// This is the function which acuakly reads and combines the preferences\n//\n//  @@ make it much more tolerant of missing buts of prefernces\nexport function getPreferencesForClass (subject, theClass, predicates, context) {\n  return new Promise(function (resolve, reject) {\n    recordSharedPreferences(subject, context).then(context => {\n      const sharedPreferences = context.sharedPreferences\n      if (context.me) {\n        participation\n          .participationObject(subject, subject.doc(), context.me)\n          .then(participation => {\n            recordPersonalDefaults(theClass, context).then(context => {\n              const results = []\n              const personalDefaults = context.personalDefaults\n              predicates.forEach(pred => {\n                // Order of preference: My settings on object, Global settings on object, my settings on class\n                const v1 =\n                  kb.any(participation, pred) ||\n                  kb.any(sharedPreferences, pred) ||\n                  kb.any(personalDefaults, pred)\n                if (v1) {\n                  results[pred.uri] = toJS(v1)\n                }\n              })\n              resolve(results)\n            }, reject)\n          }, reject)\n      } else {\n        // no user defined, just use common prefs\n        const results = []\n        predicates.forEach(pred => {\n          const v1 = kb.any(sharedPreferences, pred)\n          if (v1) {\n            results[pred.uri] = toJS(v1)\n          }\n        })\n        resolve(results)\n      }\n    })\n  })\n}\n\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"preferences.cjs.js","names":["store","ns","$rdf","require_runtime","require_ns","require_debug","require_error","require_buttons","require_forms","require_login","require_participation","rdflib","solid_logic","preferences_exports","get","getPreferencesForClass","recordPersonalDefaults","recordSharedPreferences","renderPreferencesForm","set","value","kb","k","v","sharedPreferences","subject","resolve","context","sp","ins","ok","reject","errorMessage","regs","theClass","prefs","reg","r","errm","err","prefContainer","dom","heading","text","participation","preferencesForm","mes","toJS","term","results","personalDefaults","predicates","v1","pred"],"sources":["../../src/lib/preferences.js"],"sourcesContent":["//                  Solid-UI preferences\n//                  =====================\n//\n\nimport * as $rdf from 'rdflib' // pull in first avoid cross-refs\nimport { store } from 'solid-logic'\nimport * as debug from './debug'\nimport { ensureLoadedPreferences } from '../login/login'\nimport ns from './ns'\nimport * as participation from './participation' // @ts-ignore\nimport * as widgets from '../widgets'\n\nconst kb = store\n\n// This was tabulator . preferences in the tabulator\n//  Is this functionality used anywhere?\n//\n\n// used for storing user name\n// @@ Deprocate these functions.  They were used for\n// communication around the tabulator functionality about the user session\n\nexport const value = []\nexport function get (k) {\n  return value[k]\n}\n\nexport function set (k, v) {\n  if (typeof v !== 'string') {\n    debug.log('Non-string value of preference ' + k + ': ' + v)\n    throw new Error('Non-string value of preference ' + k + ': ' + v)\n  }\n  this.value[k] = v\n}\n\n// In a solid world, Preferences are stored in the web\n//\n// Make an RDF node for recording the common view preferences for any object\n// (maybe make it in a separate file?)\nexport function recordSharedPreferences (subject, context) {\n  return new Promise(function (resolve, reject) {\n    const sharedPreferences = kb.any(subject, ns.ui('sharedPreferences'))\n    if (!sharedPreferences) {\n      if (!kb.updater.editable(subject.doc())) {\n        debug.log(` Cant make shared preferences, may not change ${subject.doc}`)\n        resolve(context)\n      }\n      const sp = $rdf.sym(subject.doc().uri + '#SharedPreferences')\n      const ins = [\n        $rdf.st(subject, ns.ui('sharedPreferences'), sp, subject.doc())\n      ]\n      debug.log('Creating shared preferences ' + sp)\n      kb.updater.update([], ins, function (uri, ok, errorMessage) {\n        if (!ok) {\n          reject(new Error('Error creating shared prefs: ' + errorMessage))\n        } else {\n          context.sharedPreferences = sp\n          resolve(context)\n        }\n      })\n    } else {\n      context.sharedPreferences = sharedPreferences\n      resolve(context)\n    }\n  })\n}\n\n// Construct a personal defaults node in the preferences file for a given class of object\n//\nexport function recordPersonalDefaults (theClass, context) {\n  return new Promise(function (resolve, reject) {\n    ensureLoadedPreferences(context).then(\n      context => {\n        if (!context.preferencesFile) {\n          debug.log(\n            'Not doing private class preferences as no access to preferences file. ' +\n              context.preferencesFileError\n          )\n          return\n        }\n        const regs = kb.each(\n          null,\n          ns.solid('forClass'),\n          theClass,\n          context.preferencesFile\n        )\n        let ins = []\n        let prefs\n        let reg\n        if (regs.length) {\n          // Use existing node if we can\n          regs.forEach(r => {\n            prefs = prefs || kb.any(r, ns.solid('personalDefaults'))\n          })\n          if (prefs) {\n            context.personalDefaults = prefs // Found one\n            resolve(context)\n            return\n          } else {\n            prefs = widgets.newThing(context.preferencesFile)\n            reg = regs[0]\n          }\n        } else {\n          // no regs fo class\n          reg = widgets.newThing(context.preferencesFile)\n          ins = [\n            $rdf.st(\n              reg,\n              ns.rdf('type'),\n              ns.solid('TypeRegistration'),\n              context.preferencesFile\n            ),\n            $rdf.st(reg, ns.solid('forClass'), theClass, context.preferencesFile)\n          ]\n        }\n        prefs = widgets.newThing(context.preferencesFile)\n        ins.push(\n          $rdf.st(\n            reg,\n            ns.solid('personalDefaults'),\n            prefs,\n            context.preferencesFile\n          )\n        )\n        kb.updater.update([], ins, function (uri, ok, errm) {\n          if (!ok) {\n            reject(new Error('Setting preferences for ' + theClass + ': ' + errm))\n          } else {\n            context.personalDefaults = prefs\n            resolve(context)\n          }\n        })\n      },\n      err => {\n        reject(err)\n      }\n    )\n  })\n}\n\nexport function renderPreferencesForm (subject, theClass, preferencesForm, context) {\n  const prefContainer = context.dom.createElement('div')\n  participation.participationObject(subject, subject.doc(), context.me).then(\n    participation => {\n      const dom = context.dom\n      function heading (text) {\n        prefContainer.appendChild(dom.createElement('h5')).textContent = text\n      }\n      heading('My view of this ' + context.noun)\n      widgets.appendForm(\n        dom,\n        prefContainer,\n        {},\n        participation,\n        preferencesForm,\n        subject.doc(),\n        (ok, mes) => {\n          if (!ok) widgets.complain(context, mes)\n        }\n      )\n\n      heading('Everyone\\'s  view of this ' + context.noun)\n      recordSharedPreferences(subject, context).then(context => {\n        const sharedPreferences = context.sharedPreferences\n        widgets.appendForm(\n          dom,\n          prefContainer,\n          {},\n          sharedPreferences,\n          preferencesForm,\n          subject.doc(),\n          (ok, mes) => {\n            if (!ok) widgets.complain(context, mes)\n          }\n        )\n\n        heading('My default view of any ' + context.noun)\n        recordPersonalDefaults(theClass, context).then(\n          context => {\n            widgets.appendForm(\n              dom,\n              prefContainer,\n              {},\n              context.personalDefaults,\n              preferencesForm,\n              context.preferencesFile,\n              (ok, mes) => {\n                if (!ok) widgets.complain(context, mes)\n              }\n            )\n          },\n          err => {\n            widgets.complain(context, err)\n          }\n        )\n      })\n    },\n    err => {\n      // parp object fails\n      prefContainer.appendChild(widgets.errorMessageBlock(context.dom, err))\n    }\n  )\n  return prefContainer\n}\n\n// This should be part of rdflib.js ad part of the RDFJS Standard!!\n\nfunction toJS (term) {\n  if (!term.datatype) return term // Objects remain objects\n  if (term.datatype.equals(ns.xsd('boolean'))) {\n    return term.value === '1'\n  }\n  if (\n    term.datatype.equals(ns.xsd('dateTime')) ||\n    term.datatype.equals(ns.xsd('date'))\n  ) {\n    return new Date(term.value)\n  }\n  if (\n    term.datatype.equals(ns.xsd('integer')) ||\n    term.datatype.equals(ns.xsd('float')) ||\n    term.datatype.equals(ns.xsd('decimal'))\n  ) {\n    return Number(term.value)\n  }\n  return term.value\n}\n\n// This is the function which acuakly reads and combines the preferences\n//\n//  @@ make it much more tolerant of missing buts of prefernces\nexport function getPreferencesForClass (subject, theClass, predicates, context) {\n  return new Promise(function (resolve, reject) {\n    recordSharedPreferences(subject, context).then(context => {\n      const sharedPreferences = context.sharedPreferences\n      if (context.me) {\n        participation\n          .participationObject(subject, subject.doc(), context.me)\n          .then(participation => {\n            recordPersonalDefaults(theClass, context).then(context => {\n              const results = []\n              const personalDefaults = context.personalDefaults\n              predicates.forEach(pred => {\n                // Order of preference: My settings on object, Global settings on object, my settings on class\n                const v1 =\n                  kb.any(participation, pred) ||\n                  kb.any(sharedPreferences, pred) ||\n                  kb.any(personalDefaults, pred)\n                if (v1) {\n                  results[pred.uri] = toJS(v1)\n                }\n              })\n              resolve(results)\n            }, reject)\n          }, reject)\n      } else {\n        // no user defined, just use common prefs\n        const results = []\n        predicates.forEach(pred => {\n          const v1 = kb.any(sharedPreferences, pred)\n          if (v1) {\n            results[pred.uri] = toJS(v1)\n          }\n        })\n        resolve(results)\n      }\n    })\n  })\n}\n\n// ends\n"],"mappings":"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"}

package/dist/lib/preferences.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"preferences.esm.js","names":["ns","widgets.newThing","widgets.errorMessageBlock"],"sources":["../../src/lib/preferences.js"],"sourcesContent":["//                  Solid-UI preferences\n//                  =====================\n//\n\nimport * as $rdf from 'rdflib' // pull in first avoid cross-refs\nimport { store } from 'solid-logic'\nimport * as debug from './debug'\nimport { ensureLoadedPreferences } from '../login/login'\nimport ns from './ns'\nimport * as participation from './participation' // @ts-ignore\nimport * as widgets from '../widgets'\n\nconst kb = store\n\n// This was tabulator . preferences in the tabulator\n//  Is this functionality used anywhere?\n//\n\n// used for storing user name\n// @@ Deprocate these functions.  They were used for\n// communication around the tabulator functionality about the user session\n\nexport const value = []\nexport function get (k) {\n  return value[k]\n}\n\nexport function set (k, v) {\n  if (typeof v !== 'string') {\n    debug.log('Non-string value of preference ' + k + ': ' + v)\n    throw new Error('Non-string value of preference ' + k + ': ' + v)\n  }\n  this.value[k] = v\n}\n\n// In a solid world, Preferences are stored in the web\n//\n// Make an RDF node for recording the common view preferences for any object\n// (maybe make it in a separate file?)\nexport function recordSharedPreferences (subject, context) {\n  return new Promise(function (resolve, reject) {\n    const sharedPreferences = kb.any(subject, ns.ui('sharedPreferences'))\n    if (!sharedPreferences) {\n      if (!kb.updater.editable(subject.doc())) {\n        debug.log(` Cant make shared preferences, may not change ${subject.doc}`)\n        resolve(context)\n      }\n      const sp = $rdf.sym(subject.doc().uri + '#SharedPreferences')\n      const ins = [\n        $rdf.st(subject, ns.ui('sharedPreferences'), sp, subject.doc())\n      ]\n      debug.log('Creating shared preferences ' + sp)\n      kb.updater.update([], ins, function (uri, ok, errorMessage) {\n        if (!ok) {\n          reject(new Error('Error creating shared prefs: ' + errorMessage))\n        } else {\n          context.sharedPreferences = sp\n          resolve(context)\n        }\n      })\n    } else {\n      context.sharedPreferences = sharedPreferences\n      resolve(context)\n    }\n  })\n}\n\n// Construct a personal defaults node in the preferences file for a given class of object\n//\nexport function recordPersonalDefaults (theClass, context) {\n  return new Promise(function (resolve, reject) {\n    ensureLoadedPreferences(context).then(\n      context => {\n        if (!context.preferencesFile) {\n          debug.log(\n            'Not doing private class preferences as no access to preferences file. ' +\n              context.preferencesFileError\n          )\n          return\n        }\n        const regs = kb.each(\n          null,\n          ns.solid('forClass'),\n          theClass,\n          context.preferencesFile\n        )\n        let ins = []\n        let prefs\n        let reg\n        if (regs.length) {\n          // Use existing node if we can\n          regs.forEach(r => {\n            prefs = prefs || kb.any(r, ns.solid('personalDefaults'))\n          })\n          if (prefs) {\n            context.personalDefaults = prefs // Found one\n            resolve(context)\n            return\n          } else {\n            prefs = widgets.newThing(context.preferencesFile)\n            reg = regs[0]\n          }\n        } else {\n          // no regs fo class\n          reg = widgets.newThing(context.preferencesFile)\n          ins = [\n            $rdf.st(\n              reg,\n              ns.rdf('type'),\n              ns.solid('TypeRegistration'),\n              context.preferencesFile\n            ),\n            $rdf.st(reg, ns.solid('forClass'), theClass, context.preferencesFile)\n          ]\n        }\n        prefs = widgets.newThing(context.preferencesFile)\n        ins.push(\n          $rdf.st(\n            reg,\n            ns.solid('personalDefaults'),\n            prefs,\n            context.preferencesFile\n          )\n        )\n        kb.updater.update([], ins, function (uri, ok, errm) {\n          if (!ok) {\n            reject(new Error('Setting preferences for ' + theClass + ': ' + errm))\n          } else {\n            context.personalDefaults = prefs\n            resolve(context)\n          }\n        })\n      },\n      err => {\n        reject(err)\n      }\n    )\n  })\n}\n\nexport function renderPreferencesForm (subject, theClass, preferencesForm, context) {\n  const prefContainer = context.dom.createElement('div')\n  participation.participationObject(subject, subject.doc(), context.me).then(\n    participation => {\n      const dom = context.dom\n      function heading (text) {\n        prefContainer.appendChild(dom.createElement('h5')).textContent = text\n      }\n      heading('My view of this ' + context.noun)\n      widgets.appendForm(\n        dom,\n        prefContainer,\n        {},\n        participation,\n        preferencesForm,\n        subject.doc(),\n        (ok, mes) => {\n          if (!ok) widgets.complain(context, mes)\n        }\n      )\n\n      heading('Everyone\\'s  view of this ' + context.noun)\n      recordSharedPreferences(subject, context).then(context => {\n        const sharedPreferences = context.sharedPreferences\n        widgets.appendForm(\n          dom,\n          prefContainer,\n          {},\n          sharedPreferences,\n          preferencesForm,\n          subject.doc(),\n          (ok, mes) => {\n            if (!ok) widgets.complain(context, mes)\n          }\n        )\n\n        heading('My default view of any ' + context.noun)\n        recordPersonalDefaults(theClass, context).then(\n          context => {\n            widgets.appendForm(\n              dom,\n              prefContainer,\n              {},\n              context.personalDefaults,\n              preferencesForm,\n              context.preferencesFile,\n              (ok, mes) => {\n                if (!ok) widgets.complain(context, mes)\n              }\n            )\n          },\n          err => {\n            widgets.complain(context, err)\n          }\n        )\n      })\n    },\n    err => {\n      // parp object fails\n      prefContainer.appendChild(widgets.errorMessageBlock(context.dom, err))\n    }\n  )\n  return prefContainer\n}\n\n// This should be part of rdflib.js ad part of the RDFJS Standard!!\n\nfunction toJS (term) {\n  if (!term.datatype) return term // Objects remain objects\n  if (term.datatype.equals(ns.xsd('boolean'))) {\n    return term.value === '1'\n  }\n  if (\n    term.datatype.equals(ns.xsd('dateTime')) ||\n    term.datatype.equals(ns.xsd('date'))\n  ) {\n    return new Date(term.value)\n  }\n  if (\n    term.datatype.equals(ns.xsd('integer')) ||\n    term.datatype.equals(ns.xsd('float')) ||\n    term.datatype.equals(ns.xsd('decimal'))\n  ) {\n    return Number(term.value)\n  }\n  return term.value\n}\n\n// This is the function which acuakly reads and combines the preferences\n//\n//  @@ make it much more tolerant of missing buts of prefernces\nexport function getPreferencesForClass (subject, theClass, predicates, context) {\n  return new Promise(function (resolve, reject) {\n    recordSharedPreferences(subject, context).then(context => {\n      const sharedPreferences = context.sharedPreferences\n      if (context.me) {\n        participation\n          .participationObject(subject, subject.doc(), context.me)\n          .then(participation => {\n            recordPersonalDefaults(theClass, context).then(context => {\n              const results = []\n              const personalDefaults = context.personalDefaults\n              predicates.forEach(pred => {\n                // Order of preference: My settings on object, Global settings on object, my settings on class\n                const v1 =\n                  kb.any(participation, pred) ||\n                  kb.any(sharedPreferences, pred) ||\n                  kb.any(personalDefaults, pred)\n                if (v1) {\n                  results[pred.uri] = toJS(v1)\n                }\n              })\n              resolve(results)\n            }, reject)\n          }, reject)\n      } else {\n        // no user defined, just use common prefs\n        const results = []\n        predicates.forEach(pred => {\n          const v1 = kb.any(sharedPreferences, pred)\n          if (v1) {\n            results[pred.uri] = toJS(v1)\n          }\n        })\n        resolve(results)\n      }\n    })\n  })\n}\n\n// ends\n"],"mappings":"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"}
+{"version":3,"file":"preferences.esm.js","names":["ns","widgets.newThing","widgets.errorMessageBlock","ns_default","$rdf","preferences_exports","get","getPreferencesForClass","recordPersonalDefaults","recordSharedPreferences","renderPreferencesForm","set","value","kb","store","k","v","log","sharedPreferences","subject","resolve","context","sp","ins","ok","reject","errorMessage","regs","theClass","prefs","reg","r","newThing","errm","err","prefContainer","participationObject","dom","heading","text","appendForm","participation","preferencesForm","complain","mes","errorMessageBlock","toJS","term","results","personalDefaults","predicates","v1","pred"],"sources":["../../src/lib/preferences.js"],"sourcesContent":["//                  Solid-UI preferences\n//                  =====================\n//\n\nimport * as $rdf from 'rdflib' // pull in first avoid cross-refs\nimport { store } from 'solid-logic'\nimport * as debug from './debug'\nimport { ensureLoadedPreferences } from '../login/login'\nimport ns from './ns'\nimport * as participation from './participation' // @ts-ignore\nimport * as widgets from '../widgets'\n\nconst kb = store\n\n// This was tabulator . preferences in the tabulator\n//  Is this functionality used anywhere?\n//\n\n// used for storing user name\n// @@ Deprocate these functions.  They were used for\n// communication around the tabulator functionality about the user session\n\nexport const value = []\nexport function get (k) {\n  return value[k]\n}\n\nexport function set (k, v) {\n  if (typeof v !== 'string') {\n    debug.log('Non-string value of preference ' + k + ': ' + v)\n    throw new Error('Non-string value of preference ' + k + ': ' + v)\n  }\n  this.value[k] = v\n}\n\n// In a solid world, Preferences are stored in the web\n//\n// Make an RDF node for recording the common view preferences for any object\n// (maybe make it in a separate file?)\nexport function recordSharedPreferences (subject, context) {\n  return new Promise(function (resolve, reject) {\n    const sharedPreferences = kb.any(subject, ns.ui('sharedPreferences'))\n    if (!sharedPreferences) {\n      if (!kb.updater.editable(subject.doc())) {\n        debug.log(` Cant make shared preferences, may not change ${subject.doc}`)\n        resolve(context)\n      }\n      const sp = $rdf.sym(subject.doc().uri + '#SharedPreferences')\n      const ins = [\n        $rdf.st(subject, ns.ui('sharedPreferences'), sp, subject.doc())\n      ]\n      debug.log('Creating shared preferences ' + sp)\n      kb.updater.update([], ins, function (uri, ok, errorMessage) {\n        if (!ok) {\n          reject(new Error('Error creating shared prefs: ' + errorMessage))\n        } else {\n          context.sharedPreferences = sp\n          resolve(context)\n        }\n      })\n    } else {\n      context.sharedPreferences = sharedPreferences\n      resolve(context)\n    }\n  })\n}\n\n// Construct a personal defaults node in the preferences file for a given class of object\n//\nexport function recordPersonalDefaults (theClass, context) {\n  return new Promise(function (resolve, reject) {\n    ensureLoadedPreferences(context).then(\n      context => {\n        if (!context.preferencesFile) {\n          debug.log(\n            'Not doing private class preferences as no access to preferences file. ' +\n              context.preferencesFileError\n          )\n          return\n        }\n        const regs = kb.each(\n          null,\n          ns.solid('forClass'),\n          theClass,\n          context.preferencesFile\n        )\n        let ins = []\n        let prefs\n        let reg\n        if (regs.length) {\n          // Use existing node if we can\n          regs.forEach(r => {\n            prefs = prefs || kb.any(r, ns.solid('personalDefaults'))\n          })\n          if (prefs) {\n            context.personalDefaults = prefs // Found one\n            resolve(context)\n            return\n          } else {\n            prefs = widgets.newThing(context.preferencesFile)\n            reg = regs[0]\n          }\n        } else {\n          // no regs fo class\n          reg = widgets.newThing(context.preferencesFile)\n          ins = [\n            $rdf.st(\n              reg,\n              ns.rdf('type'),\n              ns.solid('TypeRegistration'),\n              context.preferencesFile\n            ),\n            $rdf.st(reg, ns.solid('forClass'), theClass, context.preferencesFile)\n          ]\n        }\n        prefs = widgets.newThing(context.preferencesFile)\n        ins.push(\n          $rdf.st(\n            reg,\n            ns.solid('personalDefaults'),\n            prefs,\n            context.preferencesFile\n          )\n        )\n        kb.updater.update([], ins, function (uri, ok, errm) {\n          if (!ok) {\n            reject(new Error('Setting preferences for ' + theClass + ': ' + errm))\n          } else {\n            context.personalDefaults = prefs\n            resolve(context)\n          }\n        })\n      },\n      err => {\n        reject(err)\n      }\n    )\n  })\n}\n\nexport function renderPreferencesForm (subject, theClass, preferencesForm, context) {\n  const prefContainer = context.dom.createElement('div')\n  participation.participationObject(subject, subject.doc(), context.me).then(\n    participation => {\n      const dom = context.dom\n      function heading (text) {\n        prefContainer.appendChild(dom.createElement('h5')).textContent = text\n      }\n      heading('My view of this ' + context.noun)\n      widgets.appendForm(\n        dom,\n        prefContainer,\n        {},\n        participation,\n        preferencesForm,\n        subject.doc(),\n        (ok, mes) => {\n          if (!ok) widgets.complain(context, mes)\n        }\n      )\n\n      heading('Everyone\\'s  view of this ' + context.noun)\n      recordSharedPreferences(subject, context).then(context => {\n        const sharedPreferences = context.sharedPreferences\n        widgets.appendForm(\n          dom,\n          prefContainer,\n          {},\n          sharedPreferences,\n          preferencesForm,\n          subject.doc(),\n          (ok, mes) => {\n            if (!ok) widgets.complain(context, mes)\n          }\n        )\n\n        heading('My default view of any ' + context.noun)\n        recordPersonalDefaults(theClass, context).then(\n          context => {\n            widgets.appendForm(\n              dom,\n              prefContainer,\n              {},\n              context.personalDefaults,\n              preferencesForm,\n              context.preferencesFile,\n              (ok, mes) => {\n                if (!ok) widgets.complain(context, mes)\n              }\n            )\n          },\n          err => {\n            widgets.complain(context, err)\n          }\n        )\n      })\n    },\n    err => {\n      // parp object fails\n      prefContainer.appendChild(widgets.errorMessageBlock(context.dom, err))\n    }\n  )\n  return prefContainer\n}\n\n// This should be part of rdflib.js ad part of the RDFJS Standard!!\n\nfunction toJS (term) {\n  if (!term.datatype) return term // Objects remain objects\n  if (term.datatype.equals(ns.xsd('boolean'))) {\n    return term.value === '1'\n  }\n  if (\n    term.datatype.equals(ns.xsd('dateTime')) ||\n    term.datatype.equals(ns.xsd('date'))\n  ) {\n    return new Date(term.value)\n  }\n  if (\n    term.datatype.equals(ns.xsd('integer')) ||\n    term.datatype.equals(ns.xsd('float')) ||\n    term.datatype.equals(ns.xsd('decimal'))\n  ) {\n    return Number(term.value)\n  }\n  return term.value\n}\n\n// This is the function which acuakly reads and combines the preferences\n//\n//  @@ make it much more tolerant of missing buts of prefernces\nexport function getPreferencesForClass (subject, theClass, predicates, context) {\n  return new Promise(function (resolve, reject) {\n    recordSharedPreferences(subject, context).then(context => {\n      const sharedPreferences = context.sharedPreferences\n      if (context.me) {\n        participation\n          .participationObject(subject, subject.doc(), context.me)\n          .then(participation => {\n            recordPersonalDefaults(theClass, context).then(context => {\n              const results = []\n              const personalDefaults = context.personalDefaults\n              predicates.forEach(pred => {\n                // Order of preference: My settings on object, Global settings on object, my settings on class\n                const v1 =\n                  kb.any(participation, pred) ||\n                  kb.any(sharedPreferences, pred) ||\n                  kb.any(personalDefaults, pred)\n                if (v1) {\n                  results[pred.uri] = toJS(v1)\n                }\n              })\n              resolve(results)\n            }, reject)\n          }, reject)\n      } else {\n        // no user defined, just use common prefs\n        const results = []\n        predicates.forEach(pred => {\n          const v1 = kb.any(sharedPreferences, pred)\n          if (v1) {\n            results[pred.uri] = toJS(v1)\n          }\n        })\n        resolve(results)\n      }\n    })\n  })\n}\n\n// ends\n"],"mappings":"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"}

package/dist/lib/style.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.cjs.js","names":["styleConstants"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"2CAOA,IAAa,EAAQ,CAEnB,cAAe,8EACf,mBAAoB,4GAEpB,gBAAiB,yCACjB,gBACE,yHACF,eACE,yHACF,yBACE,2HACF,YACI,2HACJ,aAAc,yEACd,UAAW,8DACX,iBAAkB,yCAClB,eAAgB,mIAChB,kBAAmB,2HACnB,iBACE,yIACF,oBAAqB,eAGrB,gBAAiB,4EACjB,iBAAkB,oHAClB,qBAAsB,6BAGtB,uBAAwB,sDACxB,uBAAwB,uEACxB,iBAAkB,0BAClB,iBAAkB,0BAGlB,cAAe,0FACf,cAAe,2FACf,cAAe,2FACf,cAAe,2FAEf,iBAAkB,4FAClB,cAAe,kDACf,eAAgB,CAAC,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACxF,2CAA2CA,EAAAA,QAAe,gBAAgB,yBAC1E,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACzE,0CAA0CA,EAAAA,QAAe,gBAAgB,wBAC3E,EAEA,oBAAqB,UAAUA,EAAAA,QAAe,oBAAoB,0BAClE,sBAAuB,iDAAiDA,EAAAA,QAAe,sBAAsB,GAC7G,wBAAyB,iIAIzB,iBAAkB,mGAClB,cAAe,6CACf,aAAc,yCAGd,uBAAwB,eACxB,oBAAqB,qCACrB,oBAAqB,iCACrB,4BAA6B,kBAC7B,gBAAiB,iBACjB,gBAAiB,uEACjB,oBAAqB,wDACrB,mBAAoB,iBACpB,yBAA0B,2CAC1B,UAAW,mKACX,MAAO,eACP,OAAQ,gBACR,OAAQ,eACR,OAAQ,iBACR,OAAQ,cACR,OAAQ,eACR,QAAS,iBAET,+BAAgC,0BAChC,uBAAwB,gBACxB,sBAAuB,iEACvB,oBAAqB,qBACrB,mBAAoB,6DAGpB,mBAAoB,uLACpB,wBAAyB,2QACzB,sBAAuB,2EACvB,yBAA0B,4DAC1B,qBAAsB,+JACtB,0BAA2B,mPAC3B,mBAAoB,2CACpB,0BAA2B,yDAC3B,6BAA8B,mJAC9B,yCAA0C,mJAC1C,uBAAwB,oCACxB,oBAAqB,oIACrB,aAAc,wHACd,iBAAkB,kBAClB,sBAAuB,iBACvB,kBAAmB,qBACnB,mBAAoB,gBACpB,qBAAsB,qDACtB,qBAAsB,qDACtB,iBAAkB,0FAGlB,OAAQ,gFAGR,cAAe,uRACf,mBAAoB,yTACpB,sBAAuB,sRACvB,2BAA4B,0TAC5B,gBAAiB,sRACjB,qBAAsB,yTACtB,wBAAyB,uRACzB,6BAA8B,0TAG9B,aAAc,8CAA8CA,EAAAA,QAAe,uBAAuB,WAAWA,EAAAA,QAAe,wBAAwB,GAGpJ,UAAW,6EACX,UAAW,oDACX,aAAc,2BAGd,kBAAmB,yCACnB,uBAAwB,yEAGxB,aAAc,qEACd,eAAgB,cAChB,iBAAkB,cAClB,UAAW,6FACX,YAAa,6DACb,aAAc,CACZ,2EACA,uEACA,sEACF,EAGA,kBAAmB,iBACnB,kBAAmB,wEACnB,cAAe,0BAGf,eAAgB,aAChB,gBAAiB,4CACjB,gBAAiB,uCACjB,aAAc,0FACd,YAAa,kEACb,SAAU,oKAEZ,EAEA,EAAM,SAAW,SAAmB,EAAK,EAAW,CAClD,EAAI,MAAQ,EAAM,EACpB"}
+{"version":3,"file":"style.cjs.js","names":["styleConstants","require_styleConstants","style","styleName"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"2CAOA,IAAaE,EAAQ,CAEnB,cAAe,8EACf,mBAAoB,4GAEpB,gBAAiB,yCACjB,gBACE,yHACF,eACE,yHACF,yBACE,2HACF,YACI,2HACJ,aAAc,yEACd,UAAW,8DACX,iBAAkB,yCAClB,eAAgB,mIAChB,kBAAmB,2HACnB,iBACE,yIACF,oBAAqB,eAGrB,gBAAiB,4EACjB,iBAAkB,oHAClB,qBAAsB,6BAGtB,uBAAwB,sDACxB,uBAAwB,uEACxB,iBAAkB,0BAClB,iBAAkB,0BAGlB,cAAe,0FACf,cAAe,2FACf,cAAe,2FACf,cAAe,2FAEf,iBAAkB,4FAClB,cAAe,kDACf,eAAgB,CAAC,0CAA0CF,EAAAA,QAAe,gBAAgB,yBACxF,2CAA2CA,EAAAA,QAAe,gBAAgB,yBAC1E,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACzE,0CAA0CA,EAAAA,QAAe,gBAAgB,wBAC3E,EAEA,oBAAqB,UAAUA,EAAAA,QAAe,oBAAoB,0BAClE,sBAAuB,iDAAiDA,EAAAA,QAAe,sBAAsB,GAC7G,wBAAyB,iIAIzB,iBAAkB,mGAClB,cAAe,6CACf,aAAc,yCAGd,uBAAwB,eACxB,oBAAqB,qCACrB,oBAAqB,iCACrB,4BAA6B,kBAC7B,gBAAiB,iBACjB,gBAAiB,uEACjB,oBAAqB,wDACrB,mBAAoB,iBACpB,yBAA0B,2CAC1B,UAAW,mKACX,MAAO,eACP,OAAQ,gBACR,OAAQ,eACR,OAAQ,iBACR,OAAQ,cACR,OAAQ,eACR,QAAS,iBAET,+BAAgC,0BAChC,uBAAwB,gBACxB,sBAAuB,iEACvB,oBAAqB,qBACrB,mBAAoB,6DAGpB,mBAAoB,uLACpB,wBAAyB,2QACzB,sBAAuB,2EACvB,yBAA0B,4DAC1B,qBAAsB,+JACtB,0BAA2B,mPAC3B,mBAAoB,2CACpB,0BAA2B,yDAC3B,6BAA8B,mJAC9B,yCAA0C,mJAC1C,uBAAwB,oCACxB,oBAAqB,oIACrB,aAAc,wHACd,iBAAkB,kBAClB,sBAAuB,iBACvB,kBAAmB,qBACnB,mBAAoB,gBACpB,qBAAsB,qDACtB,qBAAsB,qDACtB,iBAAkB,0FAGlB,OAAQ,gFAGR,cAAe,uRACf,mBAAoB,yTACpB,sBAAuB,sRACvB,2BAA4B,0TAC5B,gBAAiB,sRACjB,qBAAsB,yTACtB,wBAAyB,uRACzB,6BAA8B,0TAG9B,aAAc,8CAA8CA,EAAAA,QAAe,uBAAuB,WAAWA,EAAAA,QAAe,wBAAwB,GAGpJ,UAAW,6EACX,UAAW,oDACX,aAAc,2BAGd,kBAAmB,yCACnB,uBAAwB,yEAGxB,aAAc,qEACd,eAAgB,cAChB,iBAAkB,cAClB,UAAW,6FACX,YAAa,6DACb,aAAc,CACZ,2EACA,uEACA,sEACF,EAGA,kBAAmB,iBACnB,kBAAmB,wEACnB,cAAe,0BAGf,eAAgB,aAChB,gBAAiB,4CACjB,gBAAiB,uCACjB,aAAc,0FACd,YAAa,kEACb,SAAU,oKAEZ,EAEA,EAAM,SAAW,SAAmB,EAAK,EAAW,CAClD,EAAI,MAAQE,EAAMC,EACpB"}

package/dist/lib/style.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.esm.js","names":["styleConstants"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":";;AAOA,IAAa,IAAQ;CAEnB,eAAe;CACf,oBAAoB;CAEpB,iBAAiB;CACjB,iBACE;CACF,gBACE;CACF,0BACE;CACF,aACI;CACJ,cAAc;CACd,WAAW;CACX,kBAAkB;CAClB,gBAAgB;CAChB,mBAAmB;CACnB,kBACE;CACF,qBAAqB;CAGrB,iBAAiB;CACjB,kBAAkB;CAClB,sBAAsB;CAGtB,wBAAwB;CACxB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAGlB,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAEf,kBAAkB;CAClB,eAAe;CACf,gBAAgB;EAAC,0CAA0CA,EAAe,gBAAgB;EACxF,2CAA2CA,EAAe,gBAAgB;EAC1E,0CAA0CA,EAAe,gBAAgB;EACzE,0CAA0CA,EAAe,gBAAgB;CAC3E;CAEA,qBAAqB,UAAUA,EAAe,oBAAoB;CAClE,uBAAuB,iDAAiDA,EAAe,sBAAsB;CAC7G,yBAAyB;CAIzB,kBAAkB;CAClB,eAAe;CACf,cAAc;CAGd,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,6BAA6B;CAC7B,iBAAiB;CACjB,iBAAiB;CACjB,qBAAqB;CACrB,oBAAoB;CACpB,0BAA0B;CAC1B,WAAW;CACX,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CAET,gCAAgC;CAChC,wBAAwB;CACxB,uBAAuB;CACvB,qBAAqB;CACrB,oBAAoB;CAGpB,oBAAoB;CACpB,yBAAyB;CACzB,uBAAuB;CACvB,0BAA0B;CAC1B,sBAAsB;CACtB,2BAA2B;CAC3B,oBAAoB;CACpB,2BAA2B;CAC3B,8BAA8B;CAC9B,0CAA0C;CAC1C,wBAAwB;CACxB,qBAAqB;CACrB,cAAc;CACd,kBAAkB;CAClB,uBAAuB;CACvB,mBAAmB;CACnB,oBAAoB;CACpB,sBAAsB;CACtB,sBAAsB;CACtB,kBAAkB;CAGlB,QAAQ;CAGR,eAAe;CACf,oBAAoB;CACpB,uBAAuB;CACvB,4BAA4B;CAC5B,iBAAiB;CACjB,sBAAsB;CACtB,yBAAyB;CACzB,8BAA8B;CAG9B,cAAc,8CAA8CA,EAAe,uBAAuB,WAAWA,EAAe,wBAAwB;CAGpJ,WAAW;CACX,WAAW;CACX,cAAc;CAGd,mBAAmB;CACnB,wBAAwB;CAGxB,cAAc;CACd,gBAAgB;CAChB,kBAAkB;CAClB,WAAW;CACX,aAAa;CACb,cAAc;EACZ;EACA;EACA;CACF;CAGA,mBAAmB;CACnB,mBAAmB;CACnB,eAAe;CAGf,gBAAgB;CAChB,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,UAAU;AAEZ;AAEA,EAAM,WAAW,SAAmB,GAAK,GAAW;CAClD,EAAI,QAAQ,EAAM;AACpB"}
+{"version":3,"file":"style.esm.js","names":["styleConstants","styleConstants_default","style","styleName"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":";;AAOA,IAAaE,IAAQ;CAEnB,eAAe;CACf,oBAAoB;CAEpB,iBAAiB;CACjB,iBACE;CACF,gBACE;CACF,0BACE;CACF,aACI;CACJ,cAAc;CACd,WAAW;CACX,kBAAkB;CAClB,gBAAgB;CAChB,mBAAmB;CACnB,kBACE;CACF,qBAAqB;CAGrB,iBAAiB;CACjB,kBAAkB;CAClB,sBAAsB;CAGtB,wBAAwB;CACxB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAGlB,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAEf,kBAAkB;CAClB,eAAe;CACf,gBAAgB;EAAC,0CAA0CF,EAAe,gBAAgB;EACxF,2CAA2CA,EAAe,gBAAgB;EAC1E,0CAA0CA,EAAe,gBAAgB;EACzE,0CAA0CA,EAAe,gBAAgB;CAC3E;CAEA,qBAAqB,UAAUA,EAAe,oBAAoB;CAClE,uBAAuB,iDAAiDA,EAAe,sBAAsB;CAC7G,yBAAyB;CAIzB,kBAAkB;CAClB,eAAe;CACf,cAAc;CAGd,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,6BAA6B;CAC7B,iBAAiB;CACjB,iBAAiB;CACjB,qBAAqB;CACrB,oBAAoB;CACpB,0BAA0B;CAC1B,WAAW;CACX,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CAET,gCAAgC;CAChC,wBAAwB;CACxB,uBAAuB;CACvB,qBAAqB;CACrB,oBAAoB;CAGpB,oBAAoB;CACpB,yBAAyB;CACzB,uBAAuB;CACvB,0BAA0B;CAC1B,sBAAsB;CACtB,2BAA2B;CAC3B,oBAAoB;CACpB,2BAA2B;CAC3B,8BAA8B;CAC9B,0CAA0C;CAC1C,wBAAwB;CACxB,qBAAqB;CACrB,cAAc;CACd,kBAAkB;CAClB,uBAAuB;CACvB,mBAAmB;CACnB,oBAAoB;CACpB,sBAAsB;CACtB,sBAAsB;CACtB,kBAAkB;CAGlB,QAAQ;CAGR,eAAe;CACf,oBAAoB;CACpB,uBAAuB;CACvB,4BAA4B;CAC5B,iBAAiB;CACjB,sBAAsB;CACtB,yBAAyB;CACzB,8BAA8B;CAG9B,cAAc,8CAA8CA,EAAe,uBAAuB,WAAWA,EAAe,wBAAwB;CAGpJ,WAAW;CACX,WAAW;CACX,cAAc;CAGd,mBAAmB;CACnB,wBAAwB;CAGxB,cAAc;CACd,gBAAgB;CAChB,kBAAkB;CAClB,WAAW;CACX,aAAa;CACb,cAAc;EACZ;EACA;EACA;CACF;CAGA,mBAAmB;CACnB,mBAAmB;CACnB,eAAe;CAGf,gBAAgB;CAChB,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,UAAU;AAEZ;AAEA,EAAM,WAAW,SAAmB,GAAK,GAAW;CAClD,EAAI,QAAQE,EAAMC;AACpB"}

package/dist/lib/styleConstants.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleConstants.cjs.js","names":[],"sources":["../../src/lib/styleConstants.js"],"sourcesContent":["export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n"],"mappings":"AAAA,IAAA,EAAe,CACb,eAAgB,UAEhB,gBAAiB,UACjB,iBAAkB,UAClB,oBAAqB,UACrB,sBAAuB,MAIvB,uBAAwB,MACxB,wBAAyB,MAEzB,cAAe,GACf,gBAAiB,QAEjB,yBAA0B,OAC1B,mCAAoC,OACpC,eAAgB,OAChB,sBAAuB,OAEvB,4BAA6B,OAE7B,+BAAgC,QAEhC,eAAgB,MAClB"}
+{"version":3,"file":"styleConstants.cjs.js","names":["styleConstants_default"],"sources":["../../src/lib/styleConstants.js"],"sourcesContent":["export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n"],"mappings":"AAAA,IAAAA,EAAe,CACb,eAAgB,UAEhB,gBAAiB,UACjB,iBAAkB,UAClB,oBAAqB,UACrB,sBAAuB,MAIvB,uBAAwB,MACxB,wBAAyB,MAEzB,cAAe,GACf,gBAAiB,QAEjB,yBAA0B,OAC1B,mCAAoC,OACpC,eAAgB,OAChB,sBAAuB,OAEvB,4BAA6B,OAE7B,+BAAgC,QAEhC,eAAgB,MAClB"}

package/dist/lib/styleConstants.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleConstants.esm.js","names":[],"sources":["../../src/lib/styleConstants.js"],"sourcesContent":["export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n"],"mappings":";AAAA,IAAA,IAAe;CACb,gBAAgB;CAEhB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CAIvB,wBAAwB;CACxB,yBAAyB;CAEzB,eAAe;CACf,iBAAiB;CAEjB,0BAA0B;CAC1B,oCAAoC;CACpC,gBAAgB;CAChB,uBAAuB;CAEvB,6BAA6B;CAE7B,gCAAgC;CAEhC,gBAAgB;AAClB"}
+{"version":3,"file":"styleConstants.esm.js","names":["styleConstants_default"],"sources":["../../src/lib/styleConstants.js"],"sourcesContent":["export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n"],"mappings":";AAAA,IAAAA,IAAe;CACb,gBAAgB;CAEhB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,uBAAuB;CAIvB,wBAAwB;CACxB,yBAAyB;CAEzB,eAAe;CACf,iBAAiB;CAEjB,0BAA0B;CAC1B,oCAAoC;CACpC,gBAAgB;CAChB,uBAAuB;CAEvB,6BAA6B;CAE7B,gCAAgC;CAEhC,gBAAgB;AAClB"}

package/dist/lib/style_multiSelect.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style_multiSelect.cjs.js","names":[],"sources":["../../src/lib/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"AAYA,IAAa,EAAQ,CAEnB,uBAAwB;;;;;;;;;;;;;;;;;;;MAiCxB,qBAAsB;;;;;;;;MAUtB,uBAAwB;;;;;MAOxB,qBAAsB;;;;;;;;;;;;MActB,6BAA8B;;;;;;;;;;;;;;;;;MAmB9B,wBAAyB;;;;;;MAQzB,2BAA4B;;;MAM5B,iCAAkC;;MAUlC,0DAA2D;;;;MAM3D,uDAAwD;;;;MAOxD,yDAA0D;;;MAM1D,+DAAgE;;MAKhE,0CAA2C;;MAI3C,sBAAuB;;;;;;;;;;;;;MAevB,8CAA+C;;;;MAM/C,mBAAoB;;;;;;;;;;;KAYtB,EAEA,EAAM,SAAW,SAAmB,EAAK,EAAW,CAClD,EAAI,MAAQ,EAAM,EACpB"}
+{"version":3,"file":"style_multiSelect.cjs.js","names":["style","styleName"],"sources":["../../src/lib/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"AAYA,IAAaA,EAAQ,CAEnB,uBAAwB;;;;;;;;;;;;;;;;;;;MAiCxB,qBAAsB;;;;;;;;MAUtB,uBAAwB;;;;;MAOxB,qBAAsB;;;;;;;;;;;;MActB,6BAA8B;;;;;;;;;;;;;;;;;MAmB9B,wBAAyB;;;;;;MAQzB,2BAA4B;;;MAM5B,iCAAkC;;MAUlC,0DAA2D;;;;MAM3D,uDAAwD;;;;MAOxD,yDAA0D;;;MAM1D,+DAAgE;;MAKhE,0CAA2C;;MAI3C,sBAAuB;;;;;;;;;;;;;MAevB,8CAA+C;;;;MAM/C,mBAAoB;;;;;;;;;;;KAYtB,EAEA,EAAM,SAAW,SAAmB,EAAK,EAAW,CAClD,EAAI,MAAQA,EAAMC,EACpB"}

package/dist/lib/style_multiSelect.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"style_multiSelect.esm.js","names":[],"sources":["../../src/lib/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":";AAYA,IAAa,IAAQ;CAEnB,wBAAwB;CAiCxB,sBAAsB;CAUtB,wBAAwB;CAOxB,sBAAsB;CActB,8BAA8B;CAmB9B,yBAAyB;CAQzB,4BAA4B;CAM5B,kCAAkC;CAUlC,2DAA2D;CAM3D,wDAAwD;CAOxD,0DAA0D;CAM1D,gEAAgE;CAKhE,2CAA2C;CAI3C,uBAAuB;CAevB,+CAA+C;CAM/C,oBAAoB;AAYtB;AAEA,EAAM,WAAW,SAAmB,GAAK,GAAW;CAClD,EAAI,QAAQ,EAAM;AACpB"}
+{"version":3,"file":"style_multiSelect.esm.js","names":["style","styleName"],"sources":["../../src/lib/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":";AAYA,IAAaA,IAAQ;CAEnB,wBAAwB;CAiCxB,sBAAsB;CAUtB,wBAAwB;CAOxB,sBAAsB;CActB,8BAA8B;CAmB9B,yBAAyB;CAQzB,4BAA4B;CAM5B,kCAAkC;CAUlC,2DAA2D;CAM3D,wDAAwD;CAOxD,0DAA0D;CAM1D,gEAAgE;CAKhE,2CAA2C;CAI3C,uBAAuB;CAevB,+CAA+C;CAM/C,oBAAoB;AAYtB;AAEA,EAAM,WAAW,SAAmB,GAAK,GAAW;CAClD,EAAI,QAAQA,EAAMC;AACpB"}

package/dist/lib/table.cjs.js

@@ -1,4 +1,4 @@
 const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./ns.cjs.js"),n=require("./log.cjs.js"),r=require("../utils/label.cjs.js"),i=require("../utils/index.cjs.js"),a=require("./debug.cjs.js"),o=require("./iconBase.cjs.js"),s=require("../widgets/index.cjs.js");let c=require("rdflib");c=e.__toESM(c);let l=require("solid-logic");var u={icons:o.icons,log:n.log_exports,ns:t.default,utils:i.utils_exports,widgets:s.widgets_exports};function d(e,t){let n=t.sourceDocument,o=t.tableClass,s=t.query,d=u.ns,f=l.store,p={},ee={"http://www.w3.org/2002/07/owl#sameAs":!0,"http://www.w3.org/1999/02/22-rdf-syntax-ns#type":!0},m={"http://www.w3.org/2001/XMLSchema#decimal":!0,"http://www.w3.org/2001/XMLSchema#float":!0,"http://www.w3.org/2001/XMLSchema#double":!0,"http://www.w3.org/2001/XMLSchema#integer":!0,"http://www.w3.org/2001/XMLSchema#nonNegativeInteger":!0,"http://www.w3.org/2001/XMLSchema#positiveInteger":!0,"http://www.w3.org/2001/XMLSchema#nonPositiveInteger":!0,"http://www.w3.org/2001/XMLSchema#negativeInteger":!0,"http://www.w3.org/2001/XMLSchema#long":!0,"http://www.w3.org/2001/XMLSchema#int":!0,"http://www.w3.org/2001/XMLSchema#short":!0,"http://www.w3.org/2001/XMLSchema#byte":!0,"http://www.w3.org/2001/XMLSchema#unsignedLong":!0,"http://www.w3.org/2001/XMLSchema#unsignedInt":!0,"http://www.w3.org/2001/XMLSchema#unsignedShort":!0,"http://www.w3.org/2001/XMLSchema#unsignedByte":!0},te={"http://www.w3.org/2001/XMLSchema#dateTime":!0,"http://www.w3.org/2001/XMLSchema#date":!0},ne={"http://xmlns.com/foaf/0.1/Image":!0,"http://purl.org/dc/terms/Image":!0},h=t.keyVariable||`?_row`,g=0,_,v,y,b,x=null,S=null,C=e.createElement(`div`);C.className=`tableViewPane`,C.appendChild(re());let w=e.createElement(`div`);C.appendChild(w),C.refresh=function(){Z(T.query,T.logicalRows,T.columns,T)};let T;if(s)T=$(s),w.appendChild(T);else{let e=I();_=e[0],v=e[1],o||y.appendChild(le(_,v)),S=Ce(v),E(S||_)}return C;function re(){let t=e.createElement(`table`);t.setAttribute(`class`,`toolbar`);let n=e.createElement(`tr`);return y=e.createElement(`td`),n.appendChild(y),b=e.createElement(`td`),n.appendChild(b),t.appendChild(n),t}function ie(e,t){let n=t.getColumns();for(let t=0;t<n.length;++t){let r=f.variable(`_col`+t);e.vars.push(r),n[t].setVariable(r)}}function ae(e,t,n){let r=n.type;r||=f.variable(`_any`),e.pat.add(t,u.ns.rdf(`type`),r)}function oe(e,t,n){let r=n.getColumns();for(let n=0;n<r.length;++n){let i=r[n],a=f.formula();a.add(t,i.predicate,i.getVariable()),e.pat.optional.push(a)}}function se(e){let t=new c.Query,n=f.variable(h.slice(1));return ie(t,e),ae(t,n,e),oe(t,n,e),t}function E(e){D(b),b.appendChild(de(e)),ce(se(e),e)}function ce(e,t){x&&(x.running=!1);let n=$(e,t);D(w),w.appendChild(n),x=e}function D(e){for(;e.childNodes.length>0;)e.removeChild(e.childNodes[0])}function O(e){this.type=e,this.columns=null,this.allColumns=[],this.useCount=0,this.getAllColumns=function(){return this.allColumns},this.getColumns=function(){if(!this.columns){let e=this.getAllColumns();this.columns=e.slice(0,7)}return this.columns},this.getUnusedColumns=function(){let e=this.getAllColumns(),t=this.getColumns(),n=[];for(let r=0;r<e.length;++r)t.indexOf(e[r])===-1&&n.push(e[r]);return n},this.addColumn=function(e){this.columns.push(e)},this.removeColumn=function(e){this.columns=this.columns.filter(function(t){return t!==e})},this.getLabel=function(){return r.label(this.type)},this.addUse=function(){this.useCount+=1}}function k(){this.useCount=0,this.checkedAnyValues=!1,this.possiblyLiteral=!0,this.possiblyNumber=!0,this.constraints=[],this.checkValue=function(e){let t=e.termType;this.possiblyLiteral&&t!==`Literal`&&t!==`NamedNode`?(this.possiblyNumber=!1,this.possiblyLiteral=!1):this.possiblyNumber&&(t===`Literal`&&e.value.match(/^-?\d+(\.\d*)?$/)||(this.possiblyNumber=!1)),this.checkedAnyValues=!0},this.getVariable=function(){return this.variable},this.setVariable=function(e){this.variable=e},this.getKey=function(){return this.variable.toString()},this.addUse=function(){this.useCount+=1},this.getHints=function(){return t&&t.hints&&this.variable&&t.hints[this.variable.toNT()]?t.hints[this.variable.toNT()]:{}},this.getLabel=function(){return this.getHints().label?this.getHints().label:this.predicate?this.predicate.sameTerm(d.rdf(`type`))&&this.superClass?r.label(this.superClass,!0):r.label(this.predicate):this.variable?this.variable.toString():`unlabeled column?`},this.setPredicate=function(e,t,n){t?(this.inverse=e,this.constraints=this.constraints.concat(f.each(e,u.ns.rdfs(`domain`))),e.sameTerm(d.rdfs(`subClassOf`))&&n.termType===`NamedNode`&&(this.superClass=n,this.alternatives=f.each(void 0,d.rdfs(`subClassOf`),n))):(this.predicate=e,this.constraints=this.constraints.concat(f.each(e,u.ns.rdfs(`range`))))},this.getConstraints=function(){return this.constraints},this.filterFunction=function(){return!0},this.sortKey=function(){return this.getLabel().toLowerCase()},this.isImageColumn=function(){for(let e=0;e<this.constraints.length;e++)if(this.constraints[e].uri in ne)return!0;return!1}}function A(e,t){let n=[];for(let r in e){let i=e[r];(!t||t(r,i))&&n.push(i)}return n}function j(t,n){let r=e.createElement(`option`);return r.setAttribute(`value`,n),r.appendChild(e.createTextNode(t)),r}function le(t,n){let r=e.createElement(`div`);r.appendChild(e.createTextNode(`Select type: `));let i=e.createElement(`select`);i.appendChild(j(`All types`,`null`));for(let e in n)i.appendChild(j(n[e].getLabel(),e));return i.addEventListener(`click`,function(){let e;e=i.value===`null`?t:n[i.value],ue(e)},!1),r.appendChild(i),r}function ue(e){E(e)}function de(t){let n=e.createElement(`div`),r=t.getUnusedColumns();if(r.sort(function(e,t){let n=e.sortKey(),r=t.sortKey();return(n>r)-(n<r)}),r.length>0){n.appendChild(e.createTextNode(`Add column: `));let i=e.createElement(`select`);i.appendChild(j(``,`-1`));for(let e=0;e<r.length;++e){let t=r[e];i.appendChild(j(t.getLabel(),``+e))}n.appendChild(i),i.addEventListener(`click`,function(){let e=Number(i.value);e>=0&&(t.addColumn(r[e]),E(t))},!1)}return n}function fe(e,t){for(let n in e){let r=e[n];if(r.variable.toNT()===t)return r}throw Error(`getColumnForVariable: no column for variable ${t}`)}function pe(e,t){let n;return t.uri in e?n=e[t.uri]:(n=new k,n.setPredicate(t),e[t.uri]=n),n}function M(e,t){let n;return t.uri in e?n=e[t.uri]:(n=new O(t),e[t.uri]=n),n}function N(){let e={},t=f.statementsMatching(void 0,u.ns.rdf(`type`),o,n),r={};for(let n=0;n<t.length;++n){let i=t[n].object;if(i.termType!==`NamedNode`)continue;let a=M(e,i);i.uri in r||(r[i.uri]=[]),r[i.uri].push(t[n].subject),a.addUse()}return[r,e]}function P(e,t){let r=f.statementsMatching(e,void 0,void 0,n),i={};for(let e=0;e<r.length;++e){let n=r[e].predicate;if(n.uri in ee)continue;let a=pe(t,n);a.checkValue(r[e].object),i[n.uri]=a}return i}function F(e,t){let n={};for(let e=0;e<t.length;++e){let r=P(t[e],n);for(let e in r)r[e].addUse()}let r=A(n);L(r),e.allColumns=r}function I(){let e,t,n=N();e=n[0],t=n[1];for(let n in e){let r=e[n],i=t[n];F(i,r)}return[new O(null),A(t)]}function L(e){function t(e,t){return(e.useCount<t.useCount)-(e.useCount>t.useCount)}e.sort(t)}function R(t,n){let r=e.createElement(`a`);return r.appendChild(e.createTextNode(`[x]`)),r.addEventListener(`click`,function(){t.removeColumn(n),E(t)},!1),r}function z(t,n){let r=e.createElement(`tr`),i=e.createElement(`th`);r.appendChild(i);for(let i=0;i<t.length;++i){let a=e.createElement(`th`),o=t[i];a.appendChild(e.createTextNode(o.getLabel())),n&&a.appendChild(R(n,o)),r.appendChild(a)}return r}function me(e,t,n,r){let i=t.getKey();if(e.sort(function(e,t){let a=null,o=null;i in e.values&&(a=e.values[i][0]),i in t.values&&(o=t.values[i][0]);let s=n(a,o);return r?-s:s}),e.length){let t=e[0]._htmlRow.parentNode;for(let n=0;n<e.length;++n)t.removeChild(e[n]._htmlRow);for(let n=0;n<e.length;++n)t.appendChild(e[n]._htmlRow)}}function B(e,t){let n=!0;for(let r=0;r<t.length;++r){let i=t[r],a=i.getKey(),o=null;if(a in e.values&&(o=e.values[a][0]),!i.filterFunction(o)){n=!1;break}}let r=e._htmlRow;n?r.style.display=``:r.style.display=`none`}function V(e,t){for(let n=0;n<e.length;++n){let r=e[n];B(r,t)}}function H(e,t,n){function i(e){return e?e.termType===`Literal`?e.value.toLowerCase():e.termType===`NamedNode`?r.label(e).toLowerCase():e.value.toLowerCase():``}function a(e,t){let n=i(e),r=i(t);return n<r?-1:+(n>r)}me(e,t,a,n)}function U(t,n,i){let a=e.createElement(`div`),o=e.createElement(`input`);o.setAttribute(`type`,`text`),o.style.width=`70%`,a.appendChild(o);let s=e.createElement(`span`);s.appendChild(e.createTextNode(`▼`)),s.addEventListener(`click`,function(){H(t,i,!1)},!1),a.appendChild(s);let c=e.createElement(`span`);c.appendChild(e.createTextNode(`▲`)),c.addEventListener(`click`,function(){H(t,i,!0)},!1),a.appendChild(c);let l=null;return i.filterFunction=function(e){if(!l)return!0;if(e){let t;return t=e.termType===`Literal`?e.value:e.termType===`NamedNode`?r.label(e):``,t.toLowerCase().indexOf(l)>=0}return!1},o.addEventListener(`keyup`,function(){l=o.value===``?null:o.value.toLowerCase(),V(t,n)},!1),a}function W(t,n,i,a){let o=e.createElement(`div`),s=e.createElement(`select`),c={};for(let e=0;e<a.length;++e){let t=a[e];c[t.uri]=!0}let l=q(i).initialSelection;l&&(c=l),s.setAttribute(`multiple`,`true`);for(let e=0;e<a.length;++e){let t=a[e],n=j(r.label(t),e);c[t.uri]&&(n.selected=!0),s.appendChild(n)}return o.appendChild(s),i.filterFunction=function(e){return!c||e&&c[e.uri]},s.addEventListener(`click`,function(){{c={};let e=s.options;for(let t=0;t<e.length;t++){let n=e[t],r=Number(n.value);e[t].selected&&(c[a[r].uri]=!0)}}V(t,n)},!0),o}function G(t,n,r){let i=e.createElement(`div`),a=e.createElement(`input`);a.setAttribute(`type`,`text`),a.style.width=`40px`,i.appendChild(a);let o=e.createElement(`input`);o.setAttribute(`type`,`text`),o.style.width=`40px`,i.appendChild(o);let s=null,c=null;r.filterFunction=function(e){return e&&=Number(e),!(s&&(!e||e<s)||c&&(!e||e>c))};function l(){s=a.value===``?null:Number(a.value),c=o.value===``?null:Number(o.value),V(t,n)}return a.addEventListener(`keyup`,l,!1),o.addEventListener(`keyup`,l,!1),i}function he(e,t,n){return n.checkedAnyValues&&n.possiblyNumber?G(e,t,n):n.possiblyLiteral?U(e,t,n):null}function ge(e,t,n){if(n.superClass&&n.alternatives.length>0)return W(e,t,n,n.alternatives);let r=n.getConstraints(),i;for(let a=0;a<r.length;a++){if(i=r[a],n.checkedAnyValues&&n.possiblyNumber||i.uri in m)return G(e,t,n);if(i.uri===`http://www.w3.org/2000/01/rdf-schema#Literal`)return U(e,t,n);let o=f.each(i,u.ns.owl(`oneOf`));if(o.length>0)return W(e,t,n,o.elements)}return he(e,t,n)}function _e(t,n){let r=e.createElement(`tr`);r.className=`selectors`,r.appendChild(e.createElement(`td`));for(let i=0;i<n.length;++i){let a=e.createElement(`td`),o=ge(t,n,n[i]);o&&a.appendChild(o),r.appendChild(a)}return r}function K(t,n,r){r||={};let o=e.createElement(`a`),s=r.linkFunction;return o.setAttribute(`href`,t),o.appendChild(e.createTextNode(n)),s?o.addEventListener(`click`,function(e){e.preventDefault(),e.stopPropagation();let t=i.getTarget(e).getAttribute(`href`);t||a.log(`No href found 
 `),s(t)},!0):o.addEventListener(`click`,u.widgets.openHrefInOutlineMode,!0),o}function ve(e,t){let n=!1;return e.uri&&(n=e.uri.match(/^mailto:(.*)/)),n?K(e.uri,n[1],t):K(e.uri,r.label(e),t)}function ye(t){let n=e.createElement(`img`);return n.setAttribute(`src`,t.uri),n.style.height=`40px`,n}function q(e){return t&&t.hints&&e.variable&&t.hints[e.variable.toNT()]?t.hints[e.variable.toNT()]:{}}function J(t,n){let r=q(n),i=r.cellFormat;if(i)switch(i){case`shortDate`:return e.createTextNode(u.widgets.shortDate(t.value))}else if(t.termType===`Literal`){if(t.datatype){if(te[t.datatype.uri])return e.createTextNode(u.widgets.shortDate(t.value));if(m[t.datatype.uri]){let n=e.createElement(`span`);return n.textContent=t.value,n.setAttribute(`style`,`text-align: right`),n}}return e.createTextNode(t.value)}else if(t.termType===`NamedNode`&&n.isImageColumn())return ye(t);else if(t.termType===`NamedNode`||t.termType===`BlankNode`)return ve(t,r);else if(t.termType===`Collection`){let r=e.createElement(`span`);return r.appendChild(e.createTextNode(`[`)),t.elements.forEach(function(t){r.appendChild(J(t,n)),r.appendChild(e.createTextNode(`, `))}),r.removeChild(r.lastChild),r.appendChild(e.createTextNode(`]`)),r}else return e.createTextNode(`unknown termtype '`+t.termType+`'!`)}function be(t,n,r,i){let a=e.createElement(`td`);n._subject&&`uri`in n._subject&&a.appendChild(K(n._subject.uri,`→`)),t.appendChild(a);for(let i=0;i<r.length;++i){let a=r[i],o=e.createElement(`td`),s,c=a.getKey();if(c in n.values){let t=n.values[c],r=!1;n.originalValues&&n.originalValues[c]&&t.length!==n.originalValues[c].length&&(r=!0);for(let i=0;i<t.length;++i){let l=t[i];n.originalValues&&n.originalValues[c]&&n.originalValues[c].length>i&&(s=n.originalValues[c][i],l.toString()!==s.toString()&&(r=!0)),o.appendChild(J(l,a)),i!==t.length-1&&o.appendChild(e.createTextNode(`,
-`)),r&&(o.style.background=`#efe`)}}t.appendChild(o)}return n._htmlRow=t,t}function Y(e,t){let n=null;if(e.termType===`Literal`)n=`value`;else if(e.termType===`NamedNode`)n=`uri`;else return t.indexOf(e)>=0;let r;for(r=0;r<t.length;++r)if(t[r].termType===e.termType&&t[r][n]===e[n])return!0;return!1}function xe(e,t,n){let r,i=!1;for(r in n){let t=n[r];r in e.values||(e.values[r]=[]),Y(t,e.values[r])||(e.values[r].push(t),i=!0)}i&&(D(e._htmlRow),be(e._htmlRow,e,t)),B(e,t)}function X(e){if(`uri`in e)return e.uri;if(`_subject_id`in e)return e._subject_id;{let t=``+g;return e._subject_id=t,++g,t}}function Z(n,r,i,o){n.running=!0;let s=Date.now(),c=e.createElement(`tr`);o.appendChild(c),c.textContent=`Loading ...`;for(let e=0;e<r.length;e++)r[e].original=!0,r[e].originalValues||(r[e].originalValues=r[e].values),r[e].values={};f.query(n,function(t){if(!n.running)return;c.textContent+=`.`;let a=null,s=null,l;if(h in t&&(s=t[h],l=X(s),l in p&&(a=p[l])),!a){let t=e.createElement(`tr`);o.appendChild(t),a={_htmlRow:t,_subject:s,values:{}},r.push(a),s&&(p[l]=a)}delete a.original,xe(a,i,t)},void 0,function(){c&&c.parentNode&&c.parentNode.removeChild&&(c.parentNode.removeChild(c),c=null);let e=Date.now()-s;a.log(`Query done: `+r.length+` rows, `+e+`ms`);for(let e=r.length-1;e>=0;e--)if(r[e].original){a.log(`   deleting row `+r[e]._subject);let t=r[e]._htmlRow;t.parentNode.removeChild(t),delete p[X(r[e]._subject)],r.splice(e,1)}t.sortBy&&H(r,fe(i,t.sortBy),t.sortReverse),t.onDone&&t.onDone(C)})}function Q(e,t){u.log.debug(`>> processing formula`);for(let n=0;n<t.statements.length;++n){let r=t.statements[n];if(r.predicate.termType===`NamedNode`&&r.object.termType===`Variable`){let t=r.object.toString();t in e&&e[t].setPredicate(r.predicate,!1,r.subject)}if(r.predicate.termType===`NamedNode`&&r.subject.termType===`Variable`){let t=r.subject.toString();t in e&&e[t].setPredicate(r.predicate,!0,r.object)}}for(let n=0;n<t.optional.length;++n)u.log.debug(`recurse to optional subformula `+n),Q(e,t.optional[n]);u.log.debug(`<< finished processing formula`)}function Se(e){let t=[],n={};for(let r=0;r<e.vars.length;++r){let i=new k,a=e.vars[r];u.log.debug(`column `+r+` : `+a),i.setVariable(a),n[a]=i,t.push(i)}return Q(n,e.pat),t}function $(t,n){let r;r=s?Se(t):n.getColumns();let i=[],a=e.createElement(`table`);return a.appendChild(z(r,n)),a.appendChild(_e(i,r)),a.logicalRows=i,a.columns=r,a.query=t,Z(t,i,r,a),a}function Ce(e){let t=-1,n=null,r;for(r in e){let i=e[r];i.useCount>t&&(n=i,t=i.useCount)}return n}}exports.renderTableViewPane=d;
+`)),r&&(o.style.background=`#efe`)}}t.appendChild(o)}return n._htmlRow=t,t}function Y(e,t){let n=null;if(e.termType===`Literal`)n=`value`;else if(e.termType===`NamedNode`)n=`uri`;else return t.indexOf(e)>=0;let r=0;for(;r<t.length;++r)if(t[r].termType===e.termType&&t[r][n]===e[n])return!0;return!1}function xe(e,t,n){let r,i=!1;for(r in n){let t=n[r];r in e.values||(e.values[r]=[]),Y(t,e.values[r])||(e.values[r].push(t),i=!0)}i&&(D(e._htmlRow),be(e._htmlRow,e,t)),B(e,t)}function X(e){if(`uri`in e)return e.uri;if(`_subject_id`in e)return e._subject_id;{let t=``+g;return e._subject_id=t,++g,t}}function Z(n,r,i,o){n.running=!0;let s=Date.now(),c=e.createElement(`tr`);o.appendChild(c),c.textContent=`Loading ...`;for(let e=0;e<r.length;e++)r[e].original=!0,r[e].originalValues||(r[e].originalValues=r[e].values),r[e].values={};f.query(n,function(t){if(!n.running)return;c.textContent+=`.`;let a=null,s=null,l;if(h in t&&(s=t[h],l=X(s),l in p&&(a=p[l])),!a){let t=e.createElement(`tr`);o.appendChild(t),a={_htmlRow:t,_subject:s,values:{}},r.push(a),s&&(p[l]=a)}delete a.original,xe(a,i,t)},void 0,function(){c&&c.parentNode&&c.parentNode.removeChild&&(c.parentNode.removeChild(c),c=null);let e=Date.now()-s;a.log(`Query done: `+r.length+` rows, `+e+`ms`);for(let e=r.length-1;e>=0;e--)if(r[e].original){a.log(`   deleting row `+r[e]._subject);let t=r[e]._htmlRow;t.parentNode.removeChild(t),delete p[X(r[e]._subject)],r.splice(e,1)}t.sortBy&&H(r,fe(i,t.sortBy),t.sortReverse),t.onDone&&t.onDone(C)})}function Q(e,t){u.log.debug(`>> processing formula`);for(let n=0;n<t.statements.length;++n){let r=t.statements[n];if(r.predicate.termType===`NamedNode`&&r.object.termType===`Variable`){let t=r.object.toString();t in e&&e[t].setPredicate(r.predicate,!1,r.subject)}if(r.predicate.termType===`NamedNode`&&r.subject.termType===`Variable`){let t=r.subject.toString();t in e&&e[t].setPredicate(r.predicate,!0,r.object)}}for(let n=0;n<t.optional.length;++n)u.log.debug(`recurse to optional subformula `+n),Q(e,t.optional[n]);u.log.debug(`<< finished processing formula`)}function Se(e){let t=[],n={};for(let r=0;r<e.vars.length;++r){let i=new k,a=e.vars[r];u.log.debug(`column `+r+` : `+a),i.setVariable(a),n[a]=i,t.push(i)}return Q(n,e.pat),t}function $(t,n){let r;r=s?Se(t):n.getColumns();let i=[],a=e.createElement(`table`);return a.appendChild(z(r,n)),a.appendChild(_e(i,r)),a.logicalRows=i,a.columns=r,a.query=t,Z(t,i,r,a),a}function Ce(e){let t=-1,n=null,r;for(r in e){let i=e[r];i.useCount>t&&(n=i,t=i.useCount)}return n}}exports.renderTableViewPane=d;
 //# sourceMappingURL=table.cjs.js.map