solid-ui 2.6.1-5f11346a → 2.6.1-6458d4e

package/dist/widgets/forms/basic.js

@@ -0,0 +1,250 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderNameValuePair = renderNameValuePair;
+exports.fieldLabel = fieldLabel;
+exports.fieldStore = fieldStore;
+exports.basicField = basicField;
+const rdflib_1 = require("rdflib");
+const solid_logic_1 = require("solid-logic");
+const ns_1 = __importDefault(require("../../ns"));
+const style_1 = require("../../style");
+const styleConstants_1 = __importDefault(require("../../styleConstants"));
+const utils_1 = require("../../utils");
+const error_1 = require("../error");
+const fieldFunction_1 = require("./fieldFunction");
+const fieldParams_1 = require("./fieldParams");
+const store = solid_logic_1.solidLogicSingleton.store;
+/*  Style and create a name, value pair
+*/
+function renderNameValuePair(dom, kb, box, form, label) {
+    // const property = kb.any(form, ns.ui('property'))
+    box.style.display = 'flex';
+    box.style.flexDirection = 'row';
+    const lhs = box.appendChild(dom.createElement('div'));
+    lhs.style.width = styleConstants_1.default.formFieldNameBoxWidth;
+    const rhs = box.appendChild(dom.createElement('div'));
+    lhs.setAttribute('class', 'formFieldName');
+    lhs.setAttribute('style', style_1.style.formFieldNameBoxStyle);
+    rhs.setAttribute('class', 'formFieldValue');
+    if (label) {
+        lhs.appendChild(dom.createTextNode(label));
+    }
+    else if (kb.any(form, ns_1.default.ui('property'))) { // Assume more space for error on right
+        lhs.appendChild(fieldLabel(dom, kb.any(form, ns_1.default.ui('property')), form));
+    }
+    else {
+        rhs.appendChild((0, error_1.errorMessageBlock)(dom, 'No property or label given for form field: ' + form));
+        lhs.appendChild(dom.createTextNode('???'));
+    }
+    return rhs;
+}
+/**
+ * Create an anchor element with a label as the anchor text.
+ *
+ * @param dom The DOM
+ * @param property href for the anchor element
+ * @param fieldInQuestion field to produce a label for
+ *
+ * @internal exporting this only for unit tests
+ */
+function fieldLabel(dom, property, fieldInQuestion) {
+    let lab = store.any(fieldInQuestion, ns_1.default.ui('label'));
+    if (!lab)
+        lab = (0, utils_1.label)(property, true); // Init capital
+    if (property === undefined) {
+        return dom.createTextNode('@@Internal error: undefined property');
+    }
+    const anchor = dom.createElement('a');
+    /* istanbul ignore next */
+    if (property.uri)
+        anchor.setAttribute('href', property.uri);
+    anchor.setAttribute('style', 'color: #3B5998; text-decoration: none;'); // Not too blue and no underline
+    anchor.textContent = lab;
+    return anchor;
+}
+/**
+ * Returns the document for the first quad that matches
+ * the subject and predicate provided, or default if that
+ * store is not editable.
+ *
+ * @param subject Subject about which we want to find an editable RDF document
+ * @param predicate Predicate about which we want to find an editable RDF document
+ * @param def default RDF document to return if none found
+ *
+ * @internal exporting this only for unit tests
+ */
+function fieldStore(subject, predicate, def) {
+    const sts = store.statementsMatching(subject, predicate);
+    if (sts.length === 0)
+        return def; // can used default as no data yet
+    if (!store.updater) {
+        throw new Error('Store has no updater');
+    }
+    if (sts.length > 0 &&
+        sts[0].why.value &&
+        store.updater.editable(sts[0].why.value, store)) {
+        return store.sym(sts[0].why.value);
+    }
+    return def;
+}
+/**
+ * Render a basic form field
+ *
+ * The same function is used for many similar one-value fields, with different
+ * regexps used to validate.
+ *
+ * @param dom The HTML Document object aka Document Object Model
+ * @param container  If present, the created widget will be appended to this
+ * @param already A hash table of (form, subject) kept to prevent recursive forms looping
+ * @param subject The thing about which the form displays/edits data
+ * @param form The form or field to be rendered
+ * @param doc The web document in which the data is
+ * @param callbackFunction Called when data is changed?
+ *
+ * @returns The HTML widget created
+ */
+function basicField(dom, container, already, subject, form, doc, callbackFunction) {
+    const kb = store;
+    const formDoc = form.doc ? form.doc() : null; // @@ if blank no way to know
+    const box = dom.createElement('div');
+    const property = kb.any(form, ns_1.default.ui('property'));
+    if (container)
+        container.appendChild(box);
+    if (!property) {
+        return box.appendChild((0, error_1.errorMessageBlock)(dom, 'Error: No property given for text field: ' + form));
+    }
+    const rhs = renderNameValuePair(dom, kb, box, form);
+    // It can be cleaner to just remove empty fields if you can't edit them anyway
+    const suppressEmptyUneditable = kb.anyJS(form, ns_1.default.ui('suppressEmptyUneditable'), null, formDoc);
+    const uri = (0, fieldFunction_1.mostSpecificClassURI)(form);
+    let params = fieldParams_1.fieldParams[uri];
+    if (params === undefined)
+        params = { style: '' }; // non-bottom field types can do this
+    const paramStyle = params.style || '';
+    const inputStyle = style_1.style.textInputStyle + paramStyle;
+    const field = dom.createElement('input');
+    field.style = inputStyle;
+    rhs.appendChild(field);
+    field.setAttribute('type', params.type ? params.type : 'text');
+    const size = kb.anyJS(form, ns_1.default.ui('size')) || styleConstants_1.default.textInputSize || 20;
+    field.setAttribute('size', size);
+    const maxLength = kb.any(form, ns_1.default.ui('maxLength'));
+    field.setAttribute('maxLength', maxLength ? '' + maxLength : styleConstants_1.default.basicMaxLength);
+    doc = doc || fieldStore(subject, property, doc);
+    let obj = kb.any(subject, property, undefined, doc);
+    if (!obj) {
+        obj = kb.any(form, ns_1.default.ui('default'));
+    }
+    if (obj && obj.value && params.uriPrefix) {
+        // eg tel: or mailto:
+        field.value = decodeURIComponent(obj.value.replace(params.uriPrefix, '')) // should have no spaces but in case
+            .replace(/ /g, '');
+    }
+    else if (obj) {
+        /* istanbul ignore next */
+        field.value = obj.value || obj.value || '';
+    }
+    field.setAttribute('style', inputStyle);
+    if (!kb.updater) {
+        throw new Error('kb has no updater');
+    }
+    if (!kb.updater.editable(doc.uri)) {
+        field.readOnly = true // was: disabled. readOnly is better
+        ;
+        field.style = style_1.style.textInputStyleUneditable + paramStyle;
+        if (suppressEmptyUneditable && field.value === '') {
+            box.style.display = 'none'; // clutter
+        }
+        return box;
+    }
+    // read-write:
+    field.addEventListener('keyup', function (_e) {
+        if (params.pattern) {
+            field.setAttribute('style', inputStyle +
+                (field.value.match(params.pattern)
+                    ? 'color: green;'
+                    : 'color: red;'));
+        }
+    }, true);
+    field.addEventListener('change', function (_e) {
+        // i.e. lose focus with changed data
+        if (params.pattern && !field.value.match(params.pattern))
+            return;
+        field.disabled = true; // See if this stops getting two dates from fumbling e.g the chrome datepicker.
+        field.setAttribute('style', inputStyle + 'color: gray;'); // pending
+        const ds = kb.statementsMatching(subject, property); // remove any multiple values
+        let result;
+        if (params.namedNode) {
+            result = kb.sym(field.value);
+        }
+        else if (params.uriPrefix) {
+            result = encodeURIComponent(field.value.replace(/ /g, ''));
+            result = kb.sym(params.uriPrefix + field.value);
+        }
+        else {
+            if (params.dt) {
+                result = new rdflib_1.Literal(field.value.trim(), undefined, ns_1.default.xsd(params.dt));
+            }
+            else {
+                result = new rdflib_1.Literal(field.value);
+            }
+        }
+        let is = ds.map(statement => (0, rdflib_1.st)(statement.subject, statement.predicate, result, statement.why)); // can include >1 doc
+        if (is.length === 0) {
+            // or none
+            is = [(0, rdflib_1.st)(subject, property, result, doc)];
+        }
+        function updateMany(ds, is, callback) {
+            const docs = [];
+            is.forEach(st => {
+                if (!docs.includes(st.why.uri))
+                    docs.push(st.why.uri);
+            });
+            ds.forEach(st => {
+                /* istanbul ignore next */
+                if (!docs.includes(st.why.uri))
+                    docs.push(st.why.uri);
+            });
+            /* istanbul ignore next */
+            if (docs.length === 0) {
+                throw new Error('updateMany has no docs to patch');
+            }
+            if (!kb.updater) {
+                throw new Error('kb has no updater');
+            }
+            if (docs.length === 1) {
+                return kb.updater.update(ds, is, callback);
+            }
+            // return kb.updater.update(ds, is, callback)
+            const doc = docs.pop();
+            const is1 = is.filter(st => st.why.uri === doc);
+            const is2 = is.filter(st => st.why.uri !== doc);
+            const ds1 = ds.filter(st => st.why.uri === doc);
+            const ds2 = ds.filter(st => st.why.uri !== doc);
+            kb.updater.update(ds1, is1, function (uri, ok, body) {
+                if (ok) {
+                    updateMany(ds2, is2, callback);
+                }
+                else {
+                    callback(uri, ok, body);
+                }
+            });
+        }
+        updateMany(ds, is, function (uri, ok, body) {
+            // kb.updater.update(ds, is, function (uri, ok, body) {
+            if (ok) {
+                field.disabled = false;
+                field.setAttribute('style', inputStyle);
+            }
+            else {
+                box.appendChild((0, error_1.errorMessageBlock)(dom, body));
+            }
+            callbackFunction(ok, body);
+        });
+    }, true);
+    return box;
+}
+//# sourceMappingURL=basic.js.map

package/dist/widgets/forms/basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../../src/widgets/forms/basic.ts"],"names":[],"mappings":"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"}

package/dist/widgets/forms/comment.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.commentField = commentField;
+const solid_logic_1 = require("solid-logic");
+const ns_1 = __importDefault(require("../../ns"));
+const fieldFunction_1 = require("./fieldFunction");
+const fieldParams_1 = require("./fieldParams");
+const store = solid_logic_1.solidLogicSingleton.store;
+/**
+ * A [[FieldFunction]] for a simple comment box. It will look for
+ * the first (form, ns.ui('contents'), ?) triple it can find in
+ * store and use the value of the object of that triple as
+ * the comment text.
+ *
+ * @param dom The DOM
+ * @param container If set, the result will be appended to it as a child
+ * @param already Unused
+ * @param subject Unused
+ * @param form RDF node with `ns.ui('contents')` attribute
+ * @param _doc Unused
+ * @param _callbackFunction Unused
+ *
+ * @returns a DOM element containing the comment.
+ */
+function commentField(dom, container, already, subject, form, _doc, _callbackFunction) {
+    const kb = store;
+    let contents = kb.any(form, ns_1.default.ui('contents'));
+    if (!contents) {
+        contents = 'Error: No contents in comment field.';
+    }
+    const uri = (0, fieldFunction_1.mostSpecificClassURI)(form);
+    let params = fieldParams_1.fieldParams[uri];
+    if (params === undefined) {
+        params = {};
+    } // non-bottom field types can do this
+    const box = dom.createElement('div');
+    if (container)
+        container.appendChild(box);
+    const p = box.appendChild(dom.createElement(params.element || 'p'));
+    p.textContent = contents;
+    let style = kb.any(form, ns_1.default.ui('style'));
+    if (style === undefined) {
+        style = params.style ? params.style : '';
+    }
+    if (style)
+        p.setAttribute('style', style);
+    return box;
+}
+//# sourceMappingURL=comment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"comment.js","sourceRoot":"","sources":["../../../src/widgets/forms/comment.ts"],"names":[],"mappings":";;;;;AAuBA,oCAgCC;AAvDD,6CAAiD;AACjD,kDAAyB;AACzB,mDAAsD;AACtD,+CAA2C;AAE3C,MAAM,KAAK,GAAG,iCAAmB,CAAC,KAAK,CAAA;AAEvC;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,YAAY,CAC1B,GAAiB,EACjB,SAAkC,EAClC,OAAY,EACZ,OAAY,EACZ,IAAI,EACJ,IAAI,EACJ,iBAAiB;IAEjB,MAAM,EAAE,GAAG,KAAK,CAAA;IAChB,IAAI,QAAQ,GAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,YAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IACnD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,QAAQ,GAAG,sCAAsC,CAAA;IACnD,CAAC;IACD,MAAM,GAAG,GAAG,IAAA,oCAAoB,EAAC,IAAI,CAAC,CAAA;IACtC,IAAI,MAAM,GAAG,yBAAW,CAAC,GAAG,CAAC,CAAA;IAC7B,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,MAAM,GAAG,EAAE,CAAA;IACb,CAAC,CAAC,qCAAqC;IAEvC,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACpC,IAAI,SAAS;QAAE,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IACzC,MAAM,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAA;IACnE,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAA;IAExB,IAAI,KAAK,GAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,YAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1C,CAAC;IACD,IAAI,KAAK;QAAE,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,KAAY,CAAC,CAAA;IAEhD,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/widgets/forms/fieldFunction.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.field = void 0;
+exports.mostSpecificClassURI = mostSpecificClassURI;
+exports.fieldFunction = fieldFunction;
+const solid_logic_1 = require("solid-logic");
+const log_1 = require("../../log");
+const error_1 = require("../error");
+const store = solid_logic_1.solidLogicSingleton.store;
+exports.field = {}; // Form field functions by URI of field type.
+/**
+ * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and
+ * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris
+ * to find the most specific RDF type if there are multiple.
+ *
+ * @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`
+ */
+function mostSpecificClassURI(x) {
+    const kb = store;
+    const ft = kb.findTypeURIs(x);
+    const bot = kb.bottomTypeURIs(ft); // most specific
+    const bots = [];
+    for (const b in bot)
+        bots.push(b);
+    // 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 /* unused */, fieldInQuestion) {
+    const uri = mostSpecificClassURI(fieldInQuestion); // What type
+    // const uri = field.uri
+    const fun = exports.field[uri];
+    (0, log_1.debug)('paneUtils: Going to implement field ' + fieldInQuestion + ' of type ' + uri);
+    if (!fun) {
+        return function (dom2, container) {
+            const box = (0, error_1.errorMessageBlock)(dom2, 'No handler for field ' + fieldInQuestion + ' of type ' + uri);
+            if (container)
+                container.appendChild(box);
+            return box;
+        };
+    }
+    return fun;
+}
+//# sourceMappingURL=fieldFunction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldFunction.js","sourceRoot":"","sources":["../../../src/widgets/forms/fieldFunction.ts"],"names":[],"mappings":";;;AA2BA,oDAQC;AAOD,sCAmBC;AA5DD,6CAAiD;AACjD,mCAAiC;AACjC,oCAA4C;AAE5C,MAAM,KAAK,GAAG,iCAAmB,CAAC,KAAK,CAAA;AAY1B,QAAA,KAAK,GAA0C,EAAE,CAAA,CAAC,6CAA6C;AAE5G;;;;;;;GAOG;AACH,SAAgB,oBAAoB,CAAE,CAAO;IAC3C,MAAM,EAAE,GAAG,KAAK,CAAA;IAChB,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAQ,CAAC,CAAA;IACpC,MAAM,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA,CAAC,gBAAgB;IAClD,MAAM,IAAI,GAAU,EAAE,CAAA;IACtB,KAAK,MAAM,CAAC,IAAI,GAAG;QAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACjC,wFAAwF;IACxF,OAAO,IAAI,CAAC,CAAC,CAAC,CAAA;AAChB,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAE,GAAQ,CAAC,YAAY,EAAE,eAAqB;IACzE,MAAM,GAAG,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAA,CAAC,YAAY;IAC9D,wBAAwB;IACxB,MAAM,GAAG,GAAG,aAAK,CAAC,GAAG,CAAC,CAAA;IACtB,IAAA,WAAK,EACH,sCAAsC,GAAG,eAAe,GAAG,WAAW,GAAG,GAAG,CAC7E,CAAA;IACD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,UAAU,IAAkB,EAAE,SAAuB;YAC1D,MAAM,GAAG,GAAG,IAAA,yBAAiB,EAC3B,IAAI,EACJ,uBAAuB,GAAG,eAAe,GAAG,WAAW,GAAG,GAAG,CAC9D,CAAA;YACD,IAAI,SAAS;gBAAE,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAEzC,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;IACH,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/widgets/forms/fieldParams.js

@@ -0,0 +1,95 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fieldParams = void 0;
+const ns_1 = __importDefault(require("../../ns"));
+const style_1 = require("../../style");
+/**
+ * The fieldParams object defines various constants
+ * for use in various form fields. Depending on the
+ * field in questions, different values may be read
+ * from here.
+ */
+exports.fieldParams = {
+    /**
+     * Text field
+     *
+     * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm
+     * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html
+     */
+    [ns_1.default.ui('ColorField').uri]: {
+        size: 9,
+        type: 'color',
+        style: 'height: 3em;', // around 1.5em is padding
+        dt: 'color',
+        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*$/
+    }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color
+    [ns_1.default.ui('DateField').uri]: {
+        size: 20,
+        type: 'date',
+        dt: 'date',
+        pattern: /^\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\s*$/
+    },
+    [ns_1.default.ui('DateTimeField').uri]: {
+        size: 20,
+        type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime
+        dt: 'dateTime',
+        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*$/
+    },
+    [ns_1.default.ui('TimeField').uri]: {
+        size: 10,
+        type: 'time',
+        dt: 'time',
+        pattern: /^\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\s*$/
+    },
+    [ns_1.default.ui('IntegerField').uri]: {
+        size: 12,
+        style: 'text-align: right;',
+        dt: 'integer',
+        pattern: /^\s*-?[0-9]+\s*$/
+    },
+    [ns_1.default.ui('DecimalField').uri]: {
+        size: 12,
+        style: 'text-align: right;',
+        dt: 'decimal',
+        pattern: /^\s*-?[0-9]*(\.[0-9]*)?\s*$/
+    },
+    [ns_1.default.ui('FloatField').uri]: {
+        size: 12,
+        style: 'text-align: right;',
+        dt: 'float',
+        pattern: /^\s*-?[0-9]*(\.[0-9]*)?((e|E)-?[0-9]*)?\s*$/
+    },
+    [ns_1.default.ui('SingleLineTextField').uri]: {},
+    [ns_1.default.ui('NamedNodeURIField').uri]: {
+        namedNode: true
+    },
+    [ns_1.default.ui('TextField').uri]: {},
+    [ns_1.default.ui('PhoneField').uri]: {
+        size: 20,
+        uriPrefix: 'tel:',
+        pattern: /^\+?[\d-]+[\d]*$/
+    },
+    [ns_1.default.ui('EmailField').uri]: {
+        size: 30,
+        uriPrefix: 'mailto:',
+        pattern: /^\s*.*@.*\..*\s*$/ // @@ Get the right regexp here
+    },
+    [ns_1.default.ui('Group').uri]: {
+        style: style_1.style.formGroupStyle
+    },
+    /**
+     * Non-interactive fields
+     */
+    [ns_1.default.ui('Comment').uri]: {
+        element: 'p',
+        style: style_1.style.commentStyle
+    },
+    [ns_1.default.ui('Heading').uri]: {
+        element: 'h3',
+        style: style_1.style.formHeadingStyle
+    }
+};
+//# sourceMappingURL=fieldParams.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParams.js","sourceRoot":"","sources":["../../../src/widgets/forms/fieldParams.ts"],"names":[],"mappings":"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"}

package/dist/widgets/forms/formStyle.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setFieldStyle = setFieldStyle;
+const ns_1 = __importDefault(require("../../ns"));
+const solid_logic_1 = require("solid-logic");
+const fieldParams_1 = require("./fieldParams");
+const fieldFunction_1 = require("./fieldFunction");
+const STYLE_URI_PREFIX = 'https://www.w3.org/ns/css#';
+/* eslint-disable no-console */
+function setFieldStyle(ele, field) {
+    const classUri = (0, fieldFunction_1.mostSpecificClassURI)(field);
+    const params = fieldParams_1.fieldParams[classUri] || {};
+    const style = solid_logic_1.store.any(field, ns_1.default.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 {
+        const sts = solid_logic_1.store.statementsMatching(style, null, null, field.doc());
+        sts.forEach(st => {
+            if (st.predicate.uri && st.predicate.uri.startsWith(STYLE_URI_PREFIX)) {
+                const cssAttribute = st.predicate.uri.slice(STYLE_URI_PREFIX.length);
+                try {
+                    ele.style[cssAttribute] = st.object.value;
+                }
+                catch (err) {
+                    console.warn(`setFieldStyle: Error setting element style ${cssAttribute} to "${st.object.value}"`);
+                    console.warn(`setFieldStyle:   ... Element tagName was "${ele.tagName || '???'}"`);
+                }
+            }
+        });
+    }
+}
+//# sourceMappingURL=formStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formStyle.js","sourceRoot":"","sources":["../../../src/widgets/forms/formStyle.ts"],"names":[],"mappings":";;;;;AAWA,sCA2BC;AAtCD,kDAAyB;AAEzB,6CAAmC;AACnC,+CAA2C;AAE3C,mDAAsD;AAEtD,MAAM,gBAAgB,GAAG,4BAA4B,CAAA;AAErD,+BAA+B;AAE/B,SAAgB,aAAa,CAAE,GAAe,EAAE,KAAU;IACxD,MAAM,QAAQ,GAAG,IAAA,oCAAoB,EAAC,KAAK,CAAC,CAAA;IAC5C,MAAM,MAAM,GAAG,yBAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;IAE1C,MAAM,KAAK,GAAG,mBAAK,CAAC,GAAG,CAAC,KAAY,EAAE,YAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACrD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACzC,CAAC;QACD,OAAM;IACR,CAAC;IACD,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjC,IAAI,KAAK;YAAE,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC;SAAM,CAAC;QACN,MAAM,GAAG,GAAG,mBAAK,CAAC,kBAAkB,CAAC,KAAY,EAAE,IAAI,EAAE,IAAI,EAAG,KAAa,CAAC,GAAG,EAAE,CAAC,CAAA;QACpF,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YACf,IAAI,EAAE,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACtE,MAAM,YAAY,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACpE,IAAI,CAAC;oBACH,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAA;gBAC3C,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,OAAO,CAAC,IAAI,CAAC,8CAA8C,YAAY,QAAQ,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAA;oBAClG,OAAO,CAAC,IAAI,CAAC,6CAA6C,GAAG,CAAC,OAAO,IAAI,KAAK,GAAG,CAAC,CAAA;gBACpF,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC"}

package/{lib → dist}/widgets/widgetHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widgetHelpers.d.ts","sourceRoot":"","sources":["../../src/widgets/widgetHelpers.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,YAAY,GAAI,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,wBAM5E,CAAA;AAED;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,yBAAyB,GAAI,KAAK,cAAc,EAAE,iBAAiB,MAAM,IAAI,SAEzF,CAAA;AAED;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,cAAc,GAAI,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,OAAO,gBAAgB,GAAG,iBAAiB,SAMjH,CAAA"}
+{"version":3,"file":"widgetHelpers.d.ts","sourceRoot":"","sources":["../../src/widgets/widgetHelpers.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,YAAY,GAAI,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,wBAM5E,CAAA;AAED;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,yBAAyB,GAAI,KAAK,cAAc,EAAE,iBAAiB,MAAM,IAAI,SAEzF,CAAA;AAED;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,cAAc,GAAI,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,OAAO,gBAAgB,GAAG,iBAAiB,SAMjH,CAAA"}

package/{lib → dist}/widgets/widgetHelpers.js

@@ -1,10 +1,7 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapDivInATR = exports.createImageDiv = exports.addClickListenerToElement = void 0;
-var _style = require("../style");
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createImageDiv = exports.addClickListenerToElement = exports.wrapDivInATR = void 0;
+const style_1 = require("../style");
 /**
  * Wraps a Div in a TR/RD
  *
@@ -19,15 +16,14 @@ var _style = require("../style");
  *
  * @internal exporting this only for unit tests
  */
-
-var wrapDivInATR = exports.wrapDivInATR = function wrapDivInATR(dom, div, obj) {
-  var tr = dom.createElement('tr');
-  var td = tr.appendChild(dom.createElement('td'));
-  td.appendChild(div);
-  tr.subject = obj;
-  return tr;
+const wrapDivInATR = (dom, div, obj) => {
+    const tr = dom.createElement('tr');
+    const td = tr.appendChild(dom.createElement('td'));
+    td.appendChild(div);
+    tr.subject = obj;
+    return tr;
 };
-
+exports.wrapDivInATR = wrapDivInATR;
 /**
  * Adds a click listener to a div
  *
@@ -40,11 +36,10 @@ var wrapDivInATR = exports.wrapDivInATR = function wrapDivInATR(dom, div, obj) {
  *
  * @internal exporting this only for unit tests
  */
-
-var addClickListenerToElement = exports.addClickListenerToElement = function addClickListenerToElement(div, onClickFunction) {
-  div.addEventListener('click', onClickFunction);
+const addClickListenerToElement = (div, onClickFunction) => {
+    div.addEventListener('click', onClickFunction);
 };
-
+exports.addClickListenerToElement = addClickListenerToElement;
 /**
  * Wraps a Div in a TR/RD
  *
@@ -59,11 +54,11 @@ var addClickListenerToElement = exports.addClickListenerToElement = function add
  *
  * @internal exporting this only for unit tests
  */
-
-var createImageDiv = exports.createImageDiv = function createImageDiv(dom, div, image) {
-  var imageDiv = div.appendChild(dom.createElement('div'));
-  imageDiv.setAttribute('style', _style.imageDivStyle);
-  imageDiv.appendChild(image);
-  image.setAttribute('draggable', 'false'); // Stop the image being dragged instead - just the TR
+const createImageDiv = (dom, div, image) => {
+    const imageDiv = div.appendChild(dom.createElement('div'));
+    imageDiv.setAttribute('style', style_1.style.imageDivStyle);
+    imageDiv.appendChild(image);
+    image.setAttribute('draggable', 'false'); // Stop the image being dragged instead - just the TR
 };
+exports.createImageDiv = createImageDiv;
 //# sourceMappingURL=widgetHelpers.js.map

package/dist/widgets/widgetHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetHelpers.js","sourceRoot":"","sources":["../../src/widgets/widgetHelpers.ts"],"names":[],"mappings":";;;AAAA,oCAAgC;AAEhC;;;;;;;;;;;;;GAaG;AAEI,MAAM,YAAY,GAAG,CAAC,GAAiB,EAAE,GAAmB,EAAE,GAAQ,EAAE,EAAE;IAC/E,MAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IAClD,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAClB;IAAC,EAAU,CAAC,OAAO,GAAG,GAAG,CAAA;IAC1B,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AANY,QAAA,YAAY,gBAMxB;AAED;;;;;;;;;;;GAWG;AAEI,MAAM,yBAAyB,GAAG,CAAC,GAAmB,EAAE,eAA2B,EAAE,EAAE;IAC5F,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;AAChD,CAAC,CAAA;AAFY,QAAA,yBAAyB,6BAErC;AAED;;;;;;;;;;;;;GAaG;AAEI,MAAM,cAAc,GAAG,CAAC,GAAiB,EAAE,GAAmB,EAAE,KAA2C,EAAE,EAAE;IACpH,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1D,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,aAAK,CAAC,aAAa,CAAC,CAAA;IACnD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAC3B,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA,CAAC,qDAAqD;AAChG,CAAC,CAAA;AANY,QAAA,cAAc,kBAM1B"}