solid-ui 2.4.23 → 2.4.24

package/lib/widgets/forms/comment.js.map

@@ -1 +1 @@
-{"version":3,"file":"comment.js","names":["store","solidLogicSingleton","commentField","dom","container","already","subject","form","_doc","_callbackFunction","kb","contents","any","ns","ui","uri","mostSpecificClassURI","params","fieldParams","undefined","box","createElement","appendChild","p","element","textContent","style","setAttribute"],"sources":["../../../src/widgets/forms/comment.ts"],"sourcesContent":["import { solidLogicSingleton } from 'solid-logic'\nimport * as ns from '../../ns'\nimport { mostSpecificClassURI } from './fieldFunction'\nimport { fieldParams } from './fieldParams'\n\nconst store = solidLogicSingleton.store\n\n/**\n * A [[FieldFunction]] for a simple comment box. It will look for\n * the first (form, ns.ui('contents'), ?) triple it can find in\n * store and use the value of the object of that triple as\n * the comment text.\n *\n * @param dom The DOM\n * @param container If set, the result will be appended to it as a child\n * @param already Unused\n * @param subject Unused\n * @param form RDF node with `ns.ui('contents')` attribute\n * @param _doc Unused\n * @param _callbackFunction Unused\n *\n * @returns a DOM element containing the comment.\n */\nexport function commentField (\n  dom: HTMLDocument,\n  container: HTMLElement | undefined,\n  already: any,\n  subject: any,\n  form,\n  _doc,\n  _callbackFunction\n) {\n  const kb = store\n  let contents: any = kb.any(form, ns.ui('contents'))\n  if (!contents) {\n    contents = 'Error: No contents in comment field.'\n  }\n  const uri = mostSpecificClassURI(form)\n  let params = fieldParams[uri]\n  if (params === undefined) {\n    params = {}\n  } // non-bottom field types can do this\n\n  const box = dom.createElement('div')\n  if (container) container.appendChild(box)\n  const p = box.appendChild(dom.createElement(params.element || 'p'))\n  p.textContent = contents\n\n  let style: any = kb.any(form, ns.ui('style'))\n  if (style === undefined) {\n    style = params.style ? params.style : ''\n  }\n  if (style) p.setAttribute('style', style as any)\n\n  return box\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,KAAK,GAAGC,+BAAA,CAAoBD,KAAlC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASE,YAAT,CACLC,GADK,EAELC,SAFK,EAGLC,OAHK,EAILC,OAJK,EAKLC,IALK,EAMLC,IANK,EAOLC,iBAPK,EAQL;EACA,IAAMC,EAAE,GAAGV,KAAX;EACA,IAAIW,QAAa,GAAGD,EAAE,CAACE,GAAH,CAAOL,IAAP,EAAaM,EAAE,CAACC,EAAH,CAAM,UAAN,CAAb,CAApB;;EACA,IAAI,CAACH,QAAL,EAAe;IACbA,QAAQ,GAAG,sCAAX;EACD;;EACD,IAAMI,GAAG,GAAG,IAAAC,mCAAA,EAAqBT,IAArB,CAAZ;EACA,IAAIU,MAAM,GAAGC,wBAAA,CAAYH,GAAZ,CAAb;;EACA,IAAIE,MAAM,KAAKE,SAAf,EAA0B;IACxBF,MAAM,GAAG,EAAT;EACD,CAVD,CAUE;;;EAEF,IAAMG,GAAG,GAAGjB,GAAG,CAACkB,aAAJ,CAAkB,KAAlB,CAAZ;EACA,IAAIjB,SAAJ,EAAeA,SAAS,CAACkB,WAAV,CAAsBF,GAAtB;EACf,IAAMG,CAAC,GAAGH,GAAG,CAACE,WAAJ,CAAgBnB,GAAG,CAACkB,aAAJ,CAAkBJ,MAAM,CAACO,OAAP,IAAkB,GAApC,CAAhB,CAAV;EACAD,CAAC,CAACE,WAAF,GAAgBd,QAAhB;EAEA,IAAIe,KAAU,GAAGhB,EAAE,CAACE,GAAH,CAAOL,IAAP,EAAaM,EAAE,CAACC,EAAH,CAAM,OAAN,CAAb,CAAjB;;EACA,IAAIY,KAAK,KAAKP,SAAd,EAAyB;IACvBO,KAAK,GAAGT,MAAM,CAACS,KAAP,GAAeT,MAAM,CAACS,KAAtB,GAA8B,EAAtC;EACD;;EACD,IAAIA,KAAJ,EAAWH,CAAC,CAACI,YAAF,CAAe,OAAf,EAAwBD,KAAxB;EAEX,OAAON,GAAP;AACD"}
+{"version":3,"file":"comment.js","names":["store","solidLogicSingleton","commentField","dom","container","already","subject","form","_doc","_callbackFunction","kb","contents","any","ns","ui","uri","mostSpecificClassURI","params","fieldParams","undefined","box","createElement","appendChild","p","element","textContent","style","setAttribute"],"sources":["../../../src/widgets/forms/comment.ts"],"sourcesContent":["import { solidLogicSingleton } from 'solid-logic'\nimport * as ns from '../../ns'\nimport { mostSpecificClassURI } from './fieldFunction'\nimport { fieldParams } from './fieldParams'\n\nconst store = solidLogicSingleton.store\n\n/**\n * A [[FieldFunction]] for a simple comment box. It will look for\n * the first (form, ns.ui('contents'), ?) triple it can find in\n * store and use the value of the object of that triple as\n * the comment text.\n *\n * @param dom The DOM\n * @param container If set, the result will be appended to it as a child\n * @param already Unused\n * @param subject Unused\n * @param form RDF node with `ns.ui('contents')` attribute\n * @param _doc Unused\n * @param _callbackFunction Unused\n *\n * @returns a DOM element containing the comment.\n */\nexport function commentField (\n  dom: HTMLDocument,\n  container: HTMLElement | undefined,\n  already: any,\n  subject: any,\n  form,\n  _doc,\n  _callbackFunction\n) {\n  const kb = store\n  let contents: any = kb.any(form, ns.ui('contents'))\n  if (!contents) {\n    contents = 'Error: No contents in comment field.'\n  }\n  const uri = mostSpecificClassURI(form)\n  let params = fieldParams[uri]\n  if (params === undefined) {\n    params = {}\n  } // non-bottom field types can do this\n\n  const box = dom.createElement('div')\n  if (container) container.appendChild(box)\n  const p = box.appendChild(dom.createElement(params.element || 'p'))\n  p.textContent = contents\n\n  let style: any = kb.any(form, ns.ui('style'))\n  if (style === undefined) {\n    style = params.style ? params.style : ''\n  }\n  if (style) p.setAttribute('style', style as any)\n\n  return box\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAA2C;AAAA;AAE3C,IAAMA,KAAK,GAAGC,+BAAmB,CAACD,KAAK;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,YAAY,CAC1BC,GAAiB,EACjBC,SAAkC,EAClCC,OAAY,EACZC,OAAY,EACZC,IAAI,EACJC,IAAI,EACJC,iBAAiB,EACjB;EACA,IAAMC,EAAE,GAAGV,KAAK;EAChB,IAAIW,QAAa,GAAGD,EAAE,CAACE,GAAG,CAACL,IAAI,EAAEM,EAAE,CAACC,EAAE,CAAC,UAAU,CAAC,CAAC;EACnD,IAAI,CAACH,QAAQ,EAAE;IACbA,QAAQ,GAAG,sCAAsC;EACnD;EACA,IAAMI,GAAG,GAAG,IAAAC,mCAAoB,EAACT,IAAI,CAAC;EACtC,IAAIU,MAAM,GAAGC,wBAAW,CAACH,GAAG,CAAC;EAC7B,IAAIE,MAAM,KAAKE,SAAS,EAAE;IACxBF,MAAM,GAAG,CAAC,CAAC;EACb,CAAC,CAAC;;EAEF,IAAMG,GAAG,GAAGjB,GAAG,CAACkB,aAAa,CAAC,KAAK,CAAC;EACpC,IAAIjB,SAAS,EAAEA,SAAS,CAACkB,WAAW,CAACF,GAAG,CAAC;EACzC,IAAMG,CAAC,GAAGH,GAAG,CAACE,WAAW,CAACnB,GAAG,CAACkB,aAAa,CAACJ,MAAM,CAACO,OAAO,IAAI,GAAG,CAAC,CAAC;EACnED,CAAC,CAACE,WAAW,GAAGd,QAAQ;EAExB,IAAIe,KAAU,GAAGhB,EAAE,CAACE,GAAG,CAACL,IAAI,EAAEM,EAAE,CAACC,EAAE,CAAC,OAAO,CAAC,CAAC;EAC7C,IAAIY,KAAK,KAAKP,SAAS,EAAE;IACvBO,KAAK,GAAGT,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACS,KAAK,GAAG,EAAE;EAC1C;EACA,IAAIA,KAAK,EAAEH,CAAC,CAACI,YAAY,CAAC,OAAO,EAAED,KAAK,CAAQ;EAEhD,OAAON,GAAG;AACZ"}

package/lib/widgets/forms/fieldFunction.js

@@ -6,13 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.field = void 0;
 exports.fieldFunction = fieldFunction;
 exports.mostSpecificClassURI = mostSpecificClassURI;
-
 var _solidLogic = require("solid-logic");
-
 var _log = require("../../log");
-
 var _error = require("../error");
-
 var store = _solidLogic.solidLogicSingleton.store;
 var field = {}; // Form field functions by URI of field type.
 
@@ -24,37 +20,29 @@ var field = {}; // Form field functions by URI of field type.
  * @param x a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`
  * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`
  */
-
 exports.field = field;
-
 function mostSpecificClassURI(x) {
   var kb = store;
   var ft = kb.findTypeURIs(x);
   var bot = kb.bottomTypeURIs(ft); // most specific
-
   var bots = [];
-
   for (var b in bot) {
     bots.push(b);
-  } // if (bots.length > 1) throw "Didn't expect "+x+" to have multiple bottom types: "+bots
-
-
+  }
+  // if (bots.length > 1) throw "Didn't expect "+x+" to have multiple bottom types: "+bots
   return bots[0];
 }
+
 /**
  * Returns a function that creates a form widget
  * @param dom unused
  * @param fieldInQuestion the field for which to create a form, e.g. namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')
  */
-
-
 function fieldFunction(dom, fieldInQuestion) {
   var uri = mostSpecificClassURI(fieldInQuestion); // What type
   // const uri = field.uri
-
   var fun = field[uri];
   (0, _log.debug)('paneUtils: Going to implement field ' + fieldInQuestion + ' of type ' + uri);
-
   if (!fun) {
     return function (dom2, container) {
       var box = (0, _error.errorMessageBlock)(dom2, 'No handler for field ' + fieldInQuestion + ' of type ' + uri);
@@ -62,7 +50,6 @@ function fieldFunction(dom, fieldInQuestion) {
       return box;
     };
   }
-
   return fun;
 }
 //# sourceMappingURL=fieldFunction.js.map

package/lib/widgets/forms/fieldFunction.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldFunction.js","names":["store","solidLogicSingleton","field","mostSpecificClassURI","x","kb","ft","findTypeURIs","bot","bottomTypeURIs","bots","b","push","fieldFunction","dom","fieldInQuestion","uri","fun","debug","dom2","container","box","errorMessageBlock","appendChild"],"sources":["../../../src/widgets/forms/fieldFunction.ts"],"sourcesContent":["import { Node } from 'rdflib'\nimport { solidLogicSingleton } from 'solid-logic'\nimport { debug } from '../../log'\nimport { errorMessageBlock } from '../error'\n\nconst store = solidLogicSingleton.store\n\nexport type FieldFunction = (\n  dom: HTMLDocument, // the DOM\n  container: HTMLElement | undefined, // if defined, the box will be appended to it\n  already: { }, // used to avoid looping in nested forms\n  subject: Node, // the thing for which data will be loaded into the form element\n  form: Node, // the RDF declaration for what the form should have\n  doc: Node, // the online RDF document for data binding (form input values will be read/saved automatically)\n  callbackFunction: (ok: boolean, errorMessage: string) => void // this will be called when data changes (TODO: check this with unit tests)\n) => HTMLElement\n\nexport const field: { [classUri: string]: FieldFunction } = {} // Form field functions by URI of field type.\n\n/**\n * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and\n * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris\n * to find the most specific RDF type if there are multiple.\n *\n * @param x a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`\n * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`\n */\nexport function mostSpecificClassURI (x: Node): string {\n  const kb = store\n  const ft = kb.findTypeURIs(x as any)\n  const bot = kb.bottomTypeURIs(ft) // most specific\n  const bots: any[] = []\n  for (const b in bot) bots.push(b)\n  // if (bots.length > 1) throw \"Didn't expect \"+x+\" to have multiple bottom types: \"+bots\n  return bots[0]\n}\n\n/**\n * Returns a function that creates a form widget\n * @param dom unused\n * @param fieldInQuestion the field for which to create a form, e.g. namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')\n */\nexport function fieldFunction (dom: any /* unused */, fieldInQuestion: Node): FieldFunction {\n  const uri = mostSpecificClassURI(fieldInQuestion) // What type\n  // const uri = field.uri\n  const fun = field[uri]\n  debug(\n    'paneUtils: Going to implement field ' + fieldInQuestion + ' of type ' + uri\n  )\n  if (!fun) {\n    return function (dom2: HTMLDocument, container?: HTMLElement): HTMLElement {\n      const box = errorMessageBlock(\n        dom2,\n        'No handler for field ' + fieldInQuestion + ' of type ' + uri\n      )\n      if (container) container.appendChild(box)\n\n      return box\n    }\n  }\n  return fun\n}\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAGC,+BAAA,CAAoBD,KAAlC;AAYO,IAAME,KAA4C,GAAG,EAArD,C,CAAwD;;AAE/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AACO,SAASC,oBAAT,CAA+BC,CAA/B,EAAgD;EACrD,IAAMC,EAAE,GAAGL,KAAX;EACA,IAAMM,EAAE,GAAGD,EAAE,CAACE,YAAH,CAAgBH,CAAhB,CAAX;EACA,IAAMI,GAAG,GAAGH,EAAE,CAACI,cAAH,CAAkBH,EAAlB,CAAZ,CAHqD,CAGnB;;EAClC,IAAMI,IAAW,GAAG,EAApB;;EACA,KAAK,IAAMC,CAAX,IAAgBH,GAAhB;IAAqBE,IAAI,CAACE,IAAL,CAAUD,CAAV;EAArB,CALqD,CAMrD;;;EACA,OAAOD,IAAI,CAAC,CAAD,CAAX;AACD;AAED;AACA;AACA;AACA;AACA;;;AACO,SAASG,aAAT,CAAwBC,GAAxB,EAA+CC,eAA/C,EAAqF;EAC1F,IAAMC,GAAG,GAAGb,oBAAoB,CAACY,eAAD,CAAhC,CAD0F,CACxC;EAClD;;EACA,IAAME,GAAG,GAAGf,KAAK,CAACc,GAAD,CAAjB;EACA,IAAAE,UAAA,EACE,yCAAyCH,eAAzC,GAA2D,WAA3D,GAAyEC,GAD3E;;EAGA,IAAI,CAACC,GAAL,EAAU;IACR,OAAO,UAAUE,IAAV,EAA8BC,SAA9B,EAAoE;MACzE,IAAMC,GAAG,GAAG,IAAAC,wBAAA,EACVH,IADU,EAEV,0BAA0BJ,eAA1B,GAA4C,WAA5C,GAA0DC,GAFhD,CAAZ;MAIA,IAAII,SAAJ,EAAeA,SAAS,CAACG,WAAV,CAAsBF,GAAtB;MAEf,OAAOA,GAAP;IACD,CARD;EASD;;EACD,OAAOJ,GAAP;AACD"}
+{"version":3,"file":"fieldFunction.js","names":["store","solidLogicSingleton","field","mostSpecificClassURI","x","kb","ft","findTypeURIs","bot","bottomTypeURIs","bots","b","push","fieldFunction","dom","fieldInQuestion","uri","fun","debug","dom2","container","box","errorMessageBlock","appendChild"],"sources":["../../../src/widgets/forms/fieldFunction.ts"],"sourcesContent":["import { Node } from 'rdflib'\nimport { solidLogicSingleton } from 'solid-logic'\nimport { debug } from '../../log'\nimport { errorMessageBlock } from '../error'\n\nconst store = solidLogicSingleton.store\n\nexport type FieldFunction = (\n  dom: HTMLDocument, // the DOM\n  container: HTMLElement | undefined, // if defined, the box will be appended to it\n  already: { }, // used to avoid looping in nested forms\n  subject: Node, // the thing for which data will be loaded into the form element\n  form: Node, // the RDF declaration for what the form should have\n  doc: Node, // the online RDF document for data binding (form input values will be read/saved automatically)\n  callbackFunction: (ok: boolean, errorMessage: string) => void // this will be called when data changes (TODO: check this with unit tests)\n) => HTMLElement\n\nexport const field: { [classUri: string]: FieldFunction } = {} // Form field functions by URI of field type.\n\n/**\n * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and\n * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris\n * to find the most specific RDF type if there are multiple.\n *\n * @param x a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`\n * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`\n */\nexport function mostSpecificClassURI (x: Node): string {\n  const kb = store\n  const ft = kb.findTypeURIs(x as any)\n  const bot = kb.bottomTypeURIs(ft) // most specific\n  const bots: any[] = []\n  for (const b in bot) bots.push(b)\n  // if (bots.length > 1) throw \"Didn't expect \"+x+\" to have multiple bottom types: \"+bots\n  return bots[0]\n}\n\n/**\n * Returns a function that creates a form widget\n * @param dom unused\n * @param fieldInQuestion the field for which to create a form, e.g. namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')\n */\nexport function fieldFunction (dom: any /* unused */, fieldInQuestion: Node): FieldFunction {\n  const uri = mostSpecificClassURI(fieldInQuestion) // What type\n  // const uri = field.uri\n  const fun = field[uri]\n  debug(\n    'paneUtils: Going to implement field ' + fieldInQuestion + ' of type ' + uri\n  )\n  if (!fun) {\n    return function (dom2: HTMLDocument, container?: HTMLElement): HTMLElement {\n      const box = errorMessageBlock(\n        dom2,\n        'No handler for field ' + fieldInQuestion + ' of type ' + uri\n      )\n      if (container) container.appendChild(box)\n\n      return box\n    }\n  }\n  return fun\n}\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAGC,+BAAmB,CAACD,KAAK;AAYhC,IAAME,KAA4C,GAAG,CAAC,CAAC,EAAC;;AAE/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA;AAQO,SAASC,oBAAoB,CAAEC,CAAO,EAAU;EACrD,IAAMC,EAAE,GAAGL,KAAK;EAChB,IAAMM,EAAE,GAAGD,EAAE,CAACE,YAAY,CAACH,CAAC,CAAQ;EACpC,IAAMI,GAAG,GAAGH,EAAE,CAACI,cAAc,CAACH,EAAE,CAAC,EAAC;EAClC,IAAMI,IAAW,GAAG,EAAE;EACtB,KAAK,IAAMC,CAAC,IAAIH,GAAG;IAAEE,IAAI,CAACE,IAAI,CAACD,CAAC,CAAC;EAAA;EACjC;EACA,OAAOD,IAAI,CAAC,CAAC,CAAC;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,aAAa,CAAEC,GAAQ,EAAeC,eAAqB,EAAiB;EAC1F,IAAMC,GAAG,GAAGb,oBAAoB,CAACY,eAAe,CAAC,EAAC;EAClD;EACA,IAAME,GAAG,GAAGf,KAAK,CAACc,GAAG,CAAC;EACtB,IAAAE,UAAK,EACH,sCAAsC,GAAGH,eAAe,GAAG,WAAW,GAAGC,GAAG,CAC7E;EACD,IAAI,CAACC,GAAG,EAAE;IACR,OAAO,UAAUE,IAAkB,EAAEC,SAAuB,EAAe;MACzE,IAAMC,GAAG,GAAG,IAAAC,wBAAiB,EAC3BH,IAAI,EACJ,uBAAuB,GAAGJ,eAAe,GAAG,WAAW,GAAGC,GAAG,CAC9D;MACD,IAAII,SAAS,EAAEA,SAAS,CAACG,WAAW,CAACF,GAAG,CAAC;MAEzC,OAAOA,GAAG;IACZ,CAAC;EACH;EACA,OAAOJ,GAAG;AACZ"}

package/lib/widgets/forms/fieldParams.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fieldParams = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var ns = _interopRequireWildcard(require("../../ns"));
-
 var _style = require("../../style");
-
 var _fieldParams;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * The fieldParams object defines various constants
  * for use in various form fields. Depending on the
@@ -75,17 +66,14 @@ var fieldParams = (_fieldParams = {}, (0, _defineProperty2["default"])(_fieldPar
   size: 30,
   uriPrefix: 'mailto:',
   pattern: /^\s*.*@.*\..*\s*$/ // @@ Get the right regexp here
-
 }), (0, _defineProperty2["default"])(_fieldParams, ns.ui('Group').uri, {
   style: _style.formGroupStyle
 }), (0, _defineProperty2["default"])(_fieldParams, ns.ui('Comment').uri, {
   element: 'p',
   style: _style.commentStyle // was `padding: 0.1em 1.5em; color: ${formHeadingColor}; white-space: pre-wrap;`
-
 }), (0, _defineProperty2["default"])(_fieldParams, ns.ui('Heading').uri, {
   element: 'h3',
   style: _style.formHeadingStyle // was: `font-size: 110%; font-weight: bold; color: ${formHeadingColor}; padding: 0.2em;`
-
 }), _fieldParams);
 exports.fieldParams = fieldParams;
 //# sourceMappingURL=fieldParams.js.map

package/lib/widgets/forms/fieldParams.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldParams.js","names":["fieldParams","ns","ui","uri","size","type","style","dt","pattern","namedNode","uriPrefix","formGroupStyle","element","commentStyle","formHeadingStyle"],"sources":["../../../src/widgets/forms/fieldParams.ts"],"sourcesContent":["import * as ns from '../../ns'\nimport { commentStyle, formHeadingStyle, formGroupStyle } from '../../style'\n\nexport type FieldParamsObject = {\n  size?: number, // input element size attribute\n  type?: string, // input element type attribute. Default: 'text' (not for Comment and Heading)\n  element?: string, // element type to use (Comment and Heading only)\n  style?: string, // style to use\n  dt?: string, // xsd data type for the RDF Literal corresponding to the field value. Default: xsd:string\n  uriPrefix?: string, // e.g. 'mailto:', will be removed when displaying value to user. Overrides dt.\n  namedNode?: boolean, // if true, field value corresponds to the URI of an RDF NamedNode. Overrides dt and uriPrefix.\n  pattern?: RegExp // for client-side input validation; field will go red if violated, green if ok\n}\n\n/**\n * The fieldParams object defines various constants\n * for use in various form fields. Depending on the\n * field in questions, different values may be read\n * from here.\n */\nexport const fieldParams: { [ fieldUri: string ]: FieldParamsObject } = {\n  /**\n   * Text field\n   *\n   * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm\n   * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html\n   */\n  [ns.ui('ColorField').uri]: {\n    size: 9,\n    type: 'color',\n    style: 'height: 3em;', // around 1.5em is padding\n    dt: 'color',\n    pattern: /^\\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\\s*$/\n  }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n\n  [ns.ui('DateField').uri]: {\n    size: 20,\n    type: 'date',\n    dt: 'date',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\\s*$/\n  },\n\n  [ns.ui('DateTimeField').uri]: {\n    size: 20,\n    type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime\n    dt: 'dateTime',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\\s*$/\n  },\n\n  [ns.ui('TimeField').uri]: {\n    size: 10,\n    type: 'time',\n    dt: 'time',\n    pattern: /^\\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\\s*$/\n  },\n\n  [ns.ui('IntegerField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'integer',\n    pattern: /^\\s*-?[0-9]+\\s*$/\n  },\n\n  [ns.ui('DecimalField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'decimal',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('FloatField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'float',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?((e|E)-?[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('SingleLineTextField').uri]: {\n\n  },\n  [ns.ui('NamedNodeURIField').uri]: {\n    namedNode: true\n  },\n  [ns.ui('TextField').uri]: {\n\n  },\n\n  [ns.ui('PhoneField').uri]: {\n    size: 20,\n    uriPrefix: 'tel:',\n    pattern: /^\\+?[\\d-]+[\\d]*$/\n  },\n\n  [ns.ui('EmailField').uri]: {\n    size: 30,\n    uriPrefix: 'mailto:',\n    pattern: /^\\s*.*@.*\\..*\\s*$/ // @@ Get the right regexp here\n  },\n\n  [ns.ui('Group').uri]: {\n    style: formGroupStyle\n  },\n\n  /**\n   * Non-interactive fields\n   */\n  [ns.ui('Comment').uri]: {\n    element: 'p',\n    style: commentStyle // was `padding: 0.1em 1.5em; color: ${formHeadingColor}; white-space: pre-wrap;`\n  },\n  [ns.ui('Heading').uri]: {\n    element: 'h3',\n    style: formHeadingStyle // was: `font-size: 110%; font-weight: bold; color: ${formHeadingColor}; padding: 0.2em;`\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"fieldParams.js","names":["fieldParams","ns","ui","uri","size","type","style","dt","pattern","namedNode","uriPrefix","formGroupStyle","element","commentStyle","formHeadingStyle"],"sources":["../../../src/widgets/forms/fieldParams.ts"],"sourcesContent":["import * as ns from '../../ns'\nimport { commentStyle, formHeadingStyle, formGroupStyle } from '../../style'\n\nexport type FieldParamsObject = {\n  size?: number, // input element size attribute\n  type?: string, // input element type attribute. Default: 'text' (not for Comment and Heading)\n  element?: string, // element type to use (Comment and Heading only)\n  style?: string, // style to use\n  dt?: string, // xsd data type for the RDF Literal corresponding to the field value. Default: xsd:string\n  uriPrefix?: string, // e.g. 'mailto:', will be removed when displaying value to user. Overrides dt.\n  namedNode?: boolean, // if true, field value corresponds to the URI of an RDF NamedNode. Overrides dt and uriPrefix.\n  pattern?: RegExp // for client-side input validation; field will go red if violated, green if ok\n}\n\n/**\n * The fieldParams object defines various constants\n * for use in various form fields. Depending on the\n * field in questions, different values may be read\n * from here.\n */\nexport const fieldParams: { [ fieldUri: string ]: FieldParamsObject } = {\n  /**\n   * Text field\n   *\n   * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm\n   * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html\n   */\n  [ns.ui('ColorField').uri]: {\n    size: 9,\n    type: 'color',\n    style: 'height: 3em;', // around 1.5em is padding\n    dt: 'color',\n    pattern: /^\\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\\s*$/\n  }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n\n  [ns.ui('DateField').uri]: {\n    size: 20,\n    type: 'date',\n    dt: 'date',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\\s*$/\n  },\n\n  [ns.ui('DateTimeField').uri]: {\n    size: 20,\n    type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime\n    dt: 'dateTime',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\\s*$/\n  },\n\n  [ns.ui('TimeField').uri]: {\n    size: 10,\n    type: 'time',\n    dt: 'time',\n    pattern: /^\\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\\s*$/\n  },\n\n  [ns.ui('IntegerField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'integer',\n    pattern: /^\\s*-?[0-9]+\\s*$/\n  },\n\n  [ns.ui('DecimalField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'decimal',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('FloatField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'float',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?((e|E)-?[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('SingleLineTextField').uri]: {\n\n  },\n  [ns.ui('NamedNodeURIField').uri]: {\n    namedNode: true\n  },\n  [ns.ui('TextField').uri]: {\n\n  },\n\n  [ns.ui('PhoneField').uri]: {\n    size: 20,\n    uriPrefix: 'tel:',\n    pattern: /^\\+?[\\d-]+[\\d]*$/\n  },\n\n  [ns.ui('EmailField').uri]: {\n    size: 30,\n    uriPrefix: 'mailto:',\n    pattern: /^\\s*.*@.*\\..*\\s*$/ // @@ Get the right regexp here\n  },\n\n  [ns.ui('Group').uri]: {\n    style: formGroupStyle\n  },\n\n  /**\n   * Non-interactive fields\n   */\n  [ns.ui('Comment').uri]: {\n    element: 'p',\n    style: commentStyle // was `padding: 0.1em 1.5em; color: ${formHeadingColor}; white-space: pre-wrap;`\n  },\n  [ns.ui('Heading').uri]: {\n    element: 'h3',\n    style: formHeadingStyle // was: `font-size: 110%; font-weight: bold; color: ${formHeadingColor}; padding: 0.2em;`\n  }\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AAA4E;AAAA;AAAA;AAa5E;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,WAAwD,sEAOlEC,EAAE,CAACC,EAAE,CAAC,YAAY,CAAC,CAACC,GAAG,EAAG;EACzBC,IAAI,EAAE,CAAC;EACPC,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE,cAAc;EAAE;EACvBC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,WAAW,CAAC,CAACC,GAAG,EAAG;EACxBC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,MAAM;EACZE,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,eAAe,CAAC,CAACC,GAAG,EAAG;EAC5BC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,gBAAgB;EAAE;EACxBE,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,WAAW,CAAC,CAACC,GAAG,EAAG;EACxBC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,MAAM;EACZE,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,cAAc,CAAC,CAACC,GAAG,EAAG;EAC3BC,IAAI,EAAE,EAAE;EACRE,KAAK,EAAE,oBAAoB;EAC3BC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,cAAc,CAAC,CAACC,GAAG,EAAG;EAC3BC,IAAI,EAAE,EAAE;EACRE,KAAK,EAAE,oBAAoB;EAC3BC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,YAAY,CAAC,CAACC,GAAG,EAAG;EACzBC,IAAI,EAAE,EAAE;EACRE,KAAK,EAAE,oBAAoB;EAC3BC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,qBAAqB,CAAC,CAACC,GAAG,EAAG,CAEpC,CAAC,kDACAF,EAAE,CAACC,EAAE,CAAC,mBAAmB,CAAC,CAACC,GAAG,EAAG;EAChCM,SAAS,EAAE;AACb,CAAC,kDACAR,EAAE,CAACC,EAAE,CAAC,WAAW,CAAC,CAACC,GAAG,EAAG,CAE1B,CAAC,kDAEAF,EAAE,CAACC,EAAE,CAAC,YAAY,CAAC,CAACC,GAAG,EAAG;EACzBC,IAAI,EAAE,EAAE;EACRM,SAAS,EAAE,MAAM;EACjBF,OAAO,EAAE;AACX,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,YAAY,CAAC,CAACC,GAAG,EAAG;EACzBC,IAAI,EAAE,EAAE;EACRM,SAAS,EAAE,SAAS;EACpBF,OAAO,EAAE,mBAAmB,CAAC;AAC/B,CAAC,kDAEAP,EAAE,CAACC,EAAE,CAAC,OAAO,CAAC,CAACC,GAAG,EAAG;EACpBG,KAAK,EAAEK;AACT,CAAC,kDAKAV,EAAE,CAACC,EAAE,CAAC,SAAS,CAAC,CAACC,GAAG,EAAG;EACtBS,OAAO,EAAE,GAAG;EACZN,KAAK,EAAEO,mBAAY,CAAC;AACtB,CAAC,kDACAZ,EAAE,CAACC,EAAE,CAAC,SAAS,CAAC,CAACC,GAAG,EAAG;EACtBS,OAAO,EAAE,IAAI;EACbN,KAAK,EAAEQ,uBAAgB,CAAC;AAC1B,CAAC,gBACF;AAAA"}

package/lib/widgets/forms/formStyle.js

@@ -1,50 +1,37 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setFieldStyle = setFieldStyle;
-
 var ns = _interopRequireWildcard(require("../../ns"));
-
 var _solidLogic = require("solid-logic");
-
 var _fieldParams = require("./fieldParams");
-
 var _fieldFunction = require("./fieldFunction");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var STYLE_URI_PREFIX = 'https://www.w3.org/ns/css#';
+
 /* eslint-disable no-console */
 
 function setFieldStyle(ele, field) {
   var classUri = (0, _fieldFunction.mostSpecificClassURI)(field);
   var params = _fieldParams.fieldParams[classUri] || {};
-
   var style = _solidLogic.store.any(field, ns.ui('style'));
-
   if (!style) {
     if (params.style) {
       ele.setAttribute('style', params.style);
     }
-
     return;
   }
-
   if (style.termType === 'Literal') {
     if (style) ele.setAttribute('style', style.value);
   } else {
     var sts = _solidLogic.store.statementsMatching(style, null, null, field.doc());
-
     sts.forEach(function (st) {
       if (st.predicate.uri && st.predicate.uri.startsWith(STYLE_URI_PREFIX)) {
         var cssAttribute = st.predicate.uri.slice(STYLE_URI_PREFIX.length);
-
         try {
           ele.style[cssAttribute] = st.object.value;
         } catch (err) {

package/lib/widgets/forms/formStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"formStyle.js","names":["STYLE_URI_PREFIX","setFieldStyle","ele","field","classUri","mostSpecificClassURI","params","fieldParams","style","store","any","ns","ui","setAttribute","termType","value","sts","statementsMatching","doc","forEach","st","predicate","uri","startsWith","cssAttribute","slice","length","object","err","console","warn","tagName"],"sources":["../../../src/widgets/forms/formStyle.ts"],"sourcesContent":["import * as ns from '../../ns'\nimport { Node } from 'rdflib'\nimport { store } from 'solid-logic'\nimport { fieldParams } from './fieldParams'\n\nimport { mostSpecificClassURI } from './fieldFunction'\n\nconst STYLE_URI_PREFIX = 'https://www.w3.org/ns/css#'\n\n/* eslint-disable no-console */\n\nexport function setFieldStyle (ele:HTMLElement, field:Node) {\n  const classUri = mostSpecificClassURI(field)\n  const params = fieldParams[classUri] || {}\n\n  const style = store.any(field as any, ns.ui('style'))\n  if (!style) {\n    if (params.style) {\n      ele.setAttribute('style', params.style)\n    }\n    return\n  }\n  if (style.termType === 'Literal') {\n    if (style) ele.setAttribute('style', style.value)\n  } else {\n    const sts = store.statementsMatching(style as any, null, null, (field as any).doc())\n    sts.forEach(st => {\n      if (st.predicate.uri && st.predicate.uri.startsWith(STYLE_URI_PREFIX)) {\n        const cssAttribute = st.predicate.uri.slice(STYLE_URI_PREFIX.length)\n        try {\n          ele.style[cssAttribute] = st.object.value\n        } catch (err) {\n          console.warn(`setFieldStyle: Error setting element style ${cssAttribute} to \"${st.object.value}\"`)\n          console.warn(`setFieldStyle:   ... Element tagName was \"${ele.tagName || '???'}\"`)\n        }\n      }\n    })\n  }\n}\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,4BAAzB;AAEA;;AAEO,SAASC,aAAT,CAAwBC,GAAxB,EAAyCC,KAAzC,EAAqD;EAC1D,IAAMC,QAAQ,GAAG,IAAAC,mCAAA,EAAqBF,KAArB,CAAjB;EACA,IAAMG,MAAM,GAAGC,wBAAA,CAAYH,QAAZ,KAAyB,EAAxC;;EAEA,IAAMI,KAAK,GAAGC,iBAAA,CAAMC,GAAN,CAAUP,KAAV,EAAwBQ,EAAE,CAACC,EAAH,CAAM,OAAN,CAAxB,CAAd;;EACA,IAAI,CAACJ,KAAL,EAAY;IACV,IAAIF,MAAM,CAACE,KAAX,EAAkB;MAChBN,GAAG,CAACW,YAAJ,CAAiB,OAAjB,EAA0BP,MAAM,CAACE,KAAjC;IACD;;IACD;EACD;;EACD,IAAIA,KAAK,CAACM,QAAN,KAAmB,SAAvB,EAAkC;IAChC,IAAIN,KAAJ,EAAWN,GAAG,CAACW,YAAJ,CAAiB,OAAjB,EAA0BL,KAAK,CAACO,KAAhC;EACZ,CAFD,MAEO;IACL,IAAMC,GAAG,GAAGP,iBAAA,CAAMQ,kBAAN,CAAyBT,KAAzB,EAAuC,IAAvC,EAA6C,IAA7C,EAAoDL,KAAD,CAAee,GAAf,EAAnD,CAAZ;;IACAF,GAAG,CAACG,OAAJ,CAAY,UAAAC,EAAE,EAAI;MAChB,IAAIA,EAAE,CAACC,SAAH,CAAaC,GAAb,IAAoBF,EAAE,CAACC,SAAH,CAAaC,GAAb,CAAiBC,UAAjB,CAA4BvB,gBAA5B,CAAxB,EAAuE;QACrE,IAAMwB,YAAY,GAAGJ,EAAE,CAACC,SAAH,CAAaC,GAAb,CAAiBG,KAAjB,CAAuBzB,gBAAgB,CAAC0B,MAAxC,CAArB;;QACA,IAAI;UACFxB,GAAG,CAACM,KAAJ,CAAUgB,YAAV,IAA0BJ,EAAE,CAACO,MAAH,CAAUZ,KAApC;QACD,CAFD,CAEE,OAAOa,GAAP,EAAY;UACZC,OAAO,CAACC,IAAR,sDAA2DN,YAA3D,mBAA+EJ,EAAE,CAACO,MAAH,CAAUZ,KAAzF;UACAc,OAAO,CAACC,IAAR,sDAA0D5B,GAAG,CAAC6B,OAAJ,IAAe,KAAzE;QACD;MACF;IACF,CAVD;EAWD;AACF"}
+{"version":3,"file":"formStyle.js","names":["STYLE_URI_PREFIX","setFieldStyle","ele","field","classUri","mostSpecificClassURI","params","fieldParams","style","store","any","ns","ui","setAttribute","termType","value","sts","statementsMatching","doc","forEach","st","predicate","uri","startsWith","cssAttribute","slice","length","object","err","console","warn","tagName"],"sources":["../../../src/widgets/forms/formStyle.ts"],"sourcesContent":["import * as ns from '../../ns'\nimport { Node } from 'rdflib'\nimport { store } from 'solid-logic'\nimport { fieldParams } from './fieldParams'\n\nimport { mostSpecificClassURI } from './fieldFunction'\n\nconst STYLE_URI_PREFIX = 'https://www.w3.org/ns/css#'\n\n/* eslint-disable no-console */\n\nexport function setFieldStyle (ele:HTMLElement, field:Node) {\n  const classUri = mostSpecificClassURI(field)\n  const params = fieldParams[classUri] || {}\n\n  const style = store.any(field as any, ns.ui('style'))\n  if (!style) {\n    if (params.style) {\n      ele.setAttribute('style', params.style)\n    }\n    return\n  }\n  if (style.termType === 'Literal') {\n    if (style) ele.setAttribute('style', style.value)\n  } else {\n    const sts = store.statementsMatching(style as any, null, null, (field as any).doc())\n    sts.forEach(st => {\n      if (st.predicate.uri && st.predicate.uri.startsWith(STYLE_URI_PREFIX)) {\n        const cssAttribute = st.predicate.uri.slice(STYLE_URI_PREFIX.length)\n        try {\n          ele.style[cssAttribute] = st.object.value\n        } catch (err) {\n          console.warn(`setFieldStyle: Error setting element style ${cssAttribute} to \"${st.object.value}\"`)\n          console.warn(`setFieldStyle:   ... Element tagName was \"${ele.tagName || '???'}\"`)\n        }\n      }\n    })\n  }\n}\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAEA;AAAsD;AAAA;AAEtD,IAAMA,gBAAgB,GAAG,4BAA4B;;AAErD;;AAEO,SAASC,aAAa,CAAEC,GAAe,EAAEC,KAAU,EAAE;EAC1D,IAAMC,QAAQ,GAAG,IAAAC,mCAAoB,EAACF,KAAK,CAAC;EAC5C,IAAMG,MAAM,GAAGC,wBAAW,CAACH,QAAQ,CAAC,IAAI,CAAC,CAAC;EAE1C,IAAMI,KAAK,GAAGC,iBAAK,CAACC,GAAG,CAACP,KAAK,EAASQ,EAAE,CAACC,EAAE,CAAC,OAAO,CAAC,CAAC;EACrD,IAAI,CAACJ,KAAK,EAAE;IACV,IAAIF,MAAM,CAACE,KAAK,EAAE;MAChBN,GAAG,CAACW,YAAY,CAAC,OAAO,EAAEP,MAAM,CAACE,KAAK,CAAC;IACzC;IACA;EACF;EACA,IAAIA,KAAK,CAACM,QAAQ,KAAK,SAAS,EAAE;IAChC,IAAIN,KAAK,EAAEN,GAAG,CAACW,YAAY,CAAC,OAAO,EAAEL,KAAK,CAACO,KAAK,CAAC;EACnD,CAAC,MAAM;IACL,IAAMC,GAAG,GAAGP,iBAAK,CAACQ,kBAAkB,CAACT,KAAK,EAAS,IAAI,EAAE,IAAI,EAAGL,KAAK,CAASe,GAAG,EAAE,CAAC;IACpFF,GAAG,CAACG,OAAO,CAAC,UAAAC,EAAE,EAAI;MAChB,IAAIA,EAAE,CAACC,SAAS,CAACC,GAAG,IAAIF,EAAE,CAACC,SAAS,CAACC,GAAG,CAACC,UAAU,CAACvB,gBAAgB,CAAC,EAAE;QACrE,IAAMwB,YAAY,GAAGJ,EAAE,CAACC,SAAS,CAACC,GAAG,CAACG,KAAK,CAACzB,gBAAgB,CAAC0B,MAAM,CAAC;QACpE,IAAI;UACFxB,GAAG,CAACM,KAAK,CAACgB,YAAY,CAAC,GAAGJ,EAAE,CAACO,MAAM,CAACZ,KAAK;QAC3C,CAAC,CAAC,OAAOa,GAAG,EAAE;UACZC,OAAO,CAACC,IAAI,sDAA+CN,YAAY,mBAAQJ,EAAE,CAACO,MAAM,CAACZ,KAAK,QAAI;UAClGc,OAAO,CAACC,IAAI,sDAA8C5B,GAAG,CAAC6B,OAAO,IAAI,KAAK,QAAI;QACpF;MACF;IACF,CAAC,CAAC;EACJ;AACF"}