solid-ui 3.1.3-1 → 3.1.3-11

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"],"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

@@ -114,6 +114,6 @@ function b(e, t, n, r) {
 	});
 }
 //#endregion
-export { d as preferences_exports };
+export { m as get, b as getPreferencesForClass, d as preferences_exports, _ as recordPersonalDefaults, g as recordSharedPreferences, v as renderPreferencesForm, h as set, p as value };
 
 //# sourceMappingURL=preferences.esm.js.map

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"],"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

@@ -1,2 +1,2 @@
-const e=require("./styleConstants.cjs.js");var t={checkboxStyle:`color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;`,checkboxInputStyle:`font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;`,fieldLabelStyle:`color: #3B5998; text-decoration: none;`,formSelectStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyleUneditable:`background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;`,buttonStyle:`background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;`,commentStyle:`padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;`,iconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;`,smallButtonStyle:`margin: 0.2em; width: 1em; height:1em;`,classIconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;`,confirmPopupStyle:`padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;`,messageBodyStyle:`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;`,pendingeditModifier:`color: #bbb;`,personaBarStyle:`width: 100%; height: 4em; background-color: #eee; vertical-align: middle;`,searchInputStyle:`border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;`,autocompleteRowStyle:`border: 0.2em solid straw;`,signInAndUpButtonStyle:`padding: 1em; border-radius:0.2em; font-size: 100%;`,headerBannerLoginInput:`margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;`,signUpBackground:`background-color: #eef;`,signInBackground:`background-color: #efe;`,heading1Style:`font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;`,heading2Style:`font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;`,heading3Style:`font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;`,heading4Style:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;`,formHeadingStyle:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;`,formTextInput:`font-size: 100%; margin: 0.1em; padding: 0.1em;`,formGroupStyle:[`padding-left: 0em; border: 0.0em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.05em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.1em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.2em solid ${e.default.formBorderColor}; border-radius: 0.2em;`],formFieldLabelStyle:`color: ${e.default.lowProfileLinkColor}; text-decoration: none;`,formFieldNameBoxStyle:`padding: 0.3em; vertical-align: middle; width:${e.default.formFieldNameBoxWidth};`,multilineTextInputStyle:`font-size:100%; white-space: pre-wrap; background-color: #eef; border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;`,renderAsDivStyle:`display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;`,imageDivStyle:`width:2.5em; padding:0.5em; height: 2.5em;`,linkDivStyle:`width:2em; padding:0.5em; height: 4em;`,aclControlBoxContainer:`margin: 1em;`,aclControlBoxHeader:`font-size: 120%; margin: 0 0 1rem;`,aclControlBoxStatus:`display: none; margin: 1rem 0;`,aclControlBoxStatusRevealed:`display: block;`,aclGroupContent:`maxWidth: 650;`,accessGroupList:`display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;`,accessGroupListItem:`display: grid; grid-template-columns: 100px auto 30%;`,defaultsController:`display: flex;`,defaultsControllerNotice:`color: #888; flexGrow: 1; fontSize: 80%;`,bigButton:`background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;`,group:`color: #888;`,group1:`color: green;`,group2:`color: #cc0;`,group3:`color: orange;`,group5:`color: red;`,group9:`color: blue;`,group13:`color: purple;`,trustedAppAddApplicationsTable:`background-color: #eee;`,trustedAppCancelButton:`float: right;`,trustedAppControllerI:`border-color: orange; border-radius: 1em; border-width: 0.1em;`,temporaryStatusInit:`background: green;`,temporaryStatusEnd:`background: transparent; transition: background 5s linear;`,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;`,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%);`,headerUserMenuTrigger:`background: none; border: 0; cursor: pointer; width: 60px; height: 60px;`,headerUserMenuTriggerImg:`border-radius: 50%; height: 56px; width: 28px !important;`,headerUserMenuButton:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;`,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%);`,headerUserMenuList:`list-style: none; margin: 0; padding: 0;`,headerUserMenuListDisplay:`list-style: none; margin: 0; padding: 0; display:true;`,headerUserMenuNavigationMenu:`background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;`,headerUserMenuNavigationMenuNotDisplayed:`background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;`,headerUserMenuListItem:`border-bottom: solid 1px #000000;`,headerUserMenuPhoto:`border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;`,headerBanner:`box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;`,headerBannerLink:`display: block;`,headerBannerRightMenu:`display: flex;`,headerBannerLogin:`margin-left: auto;`,allChildrenVisible:`display:true;`,headerBannerUserMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerHelpMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerIcon:`background-size: 65px 60px !important; height: 60px !important; width: 65px !important;`,footer:`border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;`,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;`,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;`,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;`,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;`,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;`,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;`,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;`,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;`,controlStyle:`border-radius: 0.5em; margin: 0.8em; width:${e.default.mediaModuleCanvasWidth}; height:${e.default.mediaModuleCanvasHeight};`,dragEvent:`background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;`,dropEvent:`background-color: white; border: 0em solid black;`,restoreStyle:`background-color: white;`,errorCancelButton:`width: 2em; height: 2em; align: right;`,errorMessageBlockStyle:`margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;`,notepadStyle:`padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;`,upstreamStatus:`width: 50%;`,downstreamStatus:`width: 50%;`,baseStyle:`font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;`,headingCore:`font-family: sans-serif; font-weight: bold;  border: none;`,headingStyle:[`font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;`,`font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;`,`font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;`],participantsStyle:`margin: 0.8em;`,participantsBlock:`height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;`,personTableTD:`vertical-align: middle;`,tabsNavElement:`margin: 0;`,tabsRootElement:`display: flex; height: 100%; width: 100%;`,tabsMainElement:`margin: 0; width:100%; height: 100%;`,tabContainer:`list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;`,makeNewSlot:`background: none; border: none; font: inherit; cursor: pointer;`,ellipsis:`position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;`};t.setStyle=function(e,n){e.style=t[n]},exports.style=t;
+const e=require("./styleConstants.cjs.js");var t={checkboxStyle:`color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;`,checkboxInputStyle:`font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;`,fieldLabelStyle:`color: #3B5998; text-decoration: none;`,formSelectStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyleUneditable:`background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;`,buttonStyle:`background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;`,commentStyle:`padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;`,iconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;`,smallButtonStyle:`margin: 0.2em; width: 1em; height:1em;`,classIconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;`,confirmPopupStyle:`padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;`,messageBodyStyle:`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;`,pendingeditModifier:`color: #bbb;`,personaBarStyle:`width: 100%; height: 4em; background-color: #eee; vertical-align: middle;`,searchInputStyle:`border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;`,autocompleteRowStyle:`border: 0.2em solid straw;`,signInAndUpButtonStyle:`padding: 1em; border-radius:0.2em; font-size: 100%;`,headerBannerLoginInput:`margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;`,signUpBackground:`background-color: #eef;`,signInBackground:`background-color: #efe;`,heading1Style:`font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;`,heading2Style:`font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;`,heading3Style:`font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;`,heading4Style:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;`,formHeadingStyle:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;`,formTextInput:`font-size: 100%; margin: 0.1em; padding: 0.1em;`,formGroupStyle:[`padding-left: 0em; border: 0.0em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.05em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.1em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.2em solid ${e.default.formBorderColor}; border-radius: 0.2em;`],formFieldLabelStyle:`color: ${e.default.lowProfileLinkColor}; text-decoration: none;`,formFieldNameBoxStyle:`padding: 0.3em; vertical-align: middle; width:${e.default.formFieldNameBoxWidth};`,multilineTextInputStyle:`font-size:100%; white-space: pre-wrap; background-color: #eef; border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;`,renderAsDivStyle:`display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;`,imageDivStyle:`width:2.5em; padding:0.5em; height: 2.5em;`,linkDivStyle:`width:2em; padding:0.5em; height: 4em;`,aclControlBoxContainer:`margin: 1em;`,aclControlBoxHeader:`font-size: 120%; margin: 0 0 1rem;`,aclControlBoxStatus:`display: none; margin: 1rem 0;`,aclControlBoxStatusRevealed:`display: block;`,aclGroupContent:`maxWidth: 650;`,accessGroupList:`display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;`,accessGroupListItem:`display: grid; grid-template-columns: 100px auto 30%;`,defaultsController:`display: flex;`,defaultsControllerNotice:`color: #888; flexGrow: 1; fontSize: 80%;`,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;`,group:`color: #888;`,group1:`color: green;`,group2:`color: #cc0;`,group3:`color: orange;`,group5:`color: red;`,group9:`color: blue;`,group13:`color: purple;`,trustedAppAddApplicationsTable:`background-color: #eee;`,trustedAppCancelButton:`float: right;`,trustedAppControllerI:`border-color: orange; border-radius: 1em; border-width: 0.1em;`,temporaryStatusInit:`background: green;`,temporaryStatusEnd:`background: transparent; transition: background 5s linear;`,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;`,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%);`,headerUserMenuTrigger:`background: none; border: 0; cursor: pointer; width: 60px; height: 60px;`,headerUserMenuTriggerImg:`border-radius: 50%; height: 56px; width: 28px !important;`,headerUserMenuButton:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;`,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%);`,headerUserMenuList:`list-style: none; margin: 0; padding: 0;`,headerUserMenuListDisplay:`list-style: none; margin: 0; padding: 0; display:true;`,headerUserMenuNavigationMenu:`background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;`,headerUserMenuNavigationMenuNotDisplayed:`background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;`,headerUserMenuListItem:`border-bottom: solid 1px #000000;`,headerUserMenuPhoto:`border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;`,headerBanner:`box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;`,headerBannerLink:`display: block;`,headerBannerRightMenu:`display: flex;`,headerBannerLogin:`margin-left: auto;`,allChildrenVisible:`display:true;`,headerBannerUserMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerHelpMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerIcon:`background-size: 65px 60px !important; height: 60px !important; width: 65px !important;`,footer:`border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;`,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;`,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;`,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;`,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;`,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;`,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;`,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;`,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;`,controlStyle:`border-radius: 0.5em; margin: 0.8em; width:${e.default.mediaModuleCanvasWidth}; height:${e.default.mediaModuleCanvasHeight};`,dragEvent:`background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;`,dropEvent:`background-color: white; border: 0em solid black;`,restoreStyle:`background-color: white;`,errorCancelButton:`width: 2em; height: 2em; align: right;`,errorMessageBlockStyle:`margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;`,notepadStyle:`padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;`,upstreamStatus:`width: 50%;`,downstreamStatus:`width: 50%;`,baseStyle:`font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;`,headingCore:`font-family: sans-serif; font-weight: bold;  border: none;`,headingStyle:[`font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;`,`font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;`,`font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;`],participantsStyle:`margin: 0.8em;`,participantsBlock:`height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;`,personTableTD:`vertical-align: middle;`,tabsNavElement:`margin: 0;`,tabsRootElement:`display: flex; height: 100%; width: 100%;`,tabsMainElement:`margin: 0; width:100%; height: 100%;`,tabContainer:`list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;`,makeNewSlot:`background: none; border: none; font: inherit; cursor: pointer;`,ellipsis:`position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;`};t.setStyle=function(e,n){e.style=t[n]},exports.style=t;
 //# sourceMappingURL=style.cjs.js.map

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; 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,kIACX,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"],"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"}

package/dist/lib/style.esm.js

@@ -49,7 +49,7 @@ var t = {
 	accessGroupListItem: "display: grid; grid-template-columns: 100px auto 30%;",
 	defaultsController: "display: flex;",
 	defaultsControllerNotice: "color: #888; flexGrow: 1; fontSize: 80%;",
-	bigButton: "background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;",
+	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;",
 	group: "color: #888;",
 	group1: "color: green;",
 	group2: "color: #cc0;",

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; 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"],"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"}