@ulb-darmstadt/shacl-form 1.7.4 → 1.8.0

package/src/theme.ts

@@ -20,7 +20,7 @@ export abstract class Theme {
         this.stylesheet.replaceSync(aggregatedStyles)
     }
 
-    apply(root: HTMLFormElement) {
+    apply(_: HTMLFormElement) {
         // NOP
     }
 
@@ -35,7 +35,7 @@ export abstract class Theme {
         let name = value.value
         let lang: HTMLElement | null = null
         if (value instanceof NamedNode) {
-            const quads = template.config.shapesGraph.getQuads(name, null, null, null)
+            const quads = template.config.store.getQuads(name, null, null, null)
             if (quads.length) {
                 const s = findLabel(quads, template.config.languages)
                 if (s) {
@@ -79,8 +79,8 @@ export abstract class Theme {
     abstract createButton(label: string, primary: boolean): HTMLElement
 }
 
-export function fieldFactory(template: ShaclPropertyTemplate, value: Term | null): HTMLElement {
-    if (template.config.editMode) {
+export function fieldFactory(template: ShaclPropertyTemplate, value: Term | null, editable: boolean): HTMLElement {
+    if (editable) {
         const required = template.minCount !== undefined && template.minCount > 0
         // if we have a class, find the instances and display them in a list
         if (template.class) {
@@ -91,7 +91,7 @@ export function fieldFactory(template: ShaclPropertyTemplate, value: Term | null
         if (template.shaclIn) {
             const list = template.config.lists[template.shaclIn]
             if (list?.length) {
-                const listEntries = createInputListEntries(list, template.config.shapesGraph, template.config.languages)
+                const listEntries = createInputListEntries(list, template.config.store, template.config.languages)
                 return template.config.theme.createListEditor(template.label, value, required, listEntries, template)
             }
             else {

package/src/themes/bootstrap.ts

@@ -2,7 +2,7 @@ import { DefaultTheme } from './default'
 import { Term } from '@rdfjs/types'
 import { ShaclPropertyTemplate } from '../property-template'
 import { Editor } from '../theme'
-import bootstrap from 'bootstrap/dist/css/bootstrap.min.css'
+import bootstrap from 'bootstrap/dist/css/bootstrap.min.css?raw'
 import css from './bootstrap.css?raw'
 
 export class BootstrapTheme extends DefaultTheme {

package/src/themes/default.css

@@ -1,4 +1,4 @@
 .editor:not([type='checkbox']) { border: 1px solid #DDD; padding: 2px 4px; }
-.property-instance label { display: inline-block; word-break: break-word; line-height: 1em; padding-top: 0.15em; padding-right: 1em; flex-shrink: 0; position: relative; }
-.property-instance:not(:first-child) > label { visibility: hidden; max-height: 0; }
+.property-instance label { display: inline-flex; word-break: break-word; line-height: 1em; padding-top: 0.15em; padding-right: 1em; flex-shrink: 0; position: relative; }
+.property-instance:not(:first-child) > label:not(.persistent) { visibility: hidden; max-height: 0; }
 .mode-edit .property-instance label { width: var(--label-width); }

package/src/themes/default.ts

@@ -3,6 +3,7 @@ import { ShaclPropertyTemplate } from "../property-template"
 import { Editor, InputListEntry, Theme } from "../theme"
 import { PREFIX_XSD } from '../constants'
 import { Literal } from 'n3'
+import { Term as N3Term }  from 'n3'
 import css from './default.css?raw'
 
 export class DefaultTheme extends Theme {
@@ -17,7 +18,9 @@ export class DefaultTheme extends Theme {
         editor.classList.add('editor')
         if (template?.datatype) {
             // store datatype on editor, this is used for RDF serialization
-            editor['shaclDatatype'] = template.datatype
+            editor.shaclDatatype = template.datatype
+        } else if (value instanceof Literal) {
+            editor.shaclDatatype = value.datatype
         }
         if (template?.minCount !== undefined) {
             editor.dataset.minCount = String(template.minCount)
@@ -200,7 +203,13 @@ export class DefaultTheme extends Theme {
     
         for (const item of listEntries) {
             const option = document.createElement('option')
-            const itemValue = (typeof item.value === 'string') ? item.value : item.value.value
+            let itemValue = ''
+            if (typeof item.value === 'string') {
+                itemValue = item.value
+            } else {
+                // this is needed for typed rdf literals
+                itemValue = (item.value as N3Term).id
+            }
             option.innerHTML = item.label ? item.label : itemValue
             option.value = itemValue
             if (item.indent) {
@@ -231,7 +240,7 @@ export class DefaultTheme extends Theme {
         return result
     }
 
-    createButton(label: string, primary: boolean): HTMLElement {
+    createButton(label: string, _: boolean): HTMLElement {
         const button = document.createElement('button')
         button.type = 'button'
         button.innerHTML = label

package/src/themes/material.ts

@@ -4,6 +4,7 @@ import { Button, TextField, Select, MenuItem, Checkbox } from 'mdui'
 import { Theme } from '../theme'
 import { InputListEntry, Editor } from '../theme'
 import { Literal } from 'n3'
+import { Term as N3Term }  from 'n3'
 import css from './material.css?raw'
 import { PREFIX_XSD } from '../constants'
 
@@ -16,7 +17,9 @@ export class MaterialTheme extends Theme {
         editor.classList.add('editor')
         if (template?.datatype) {
             // store datatype on editor, this is used for RDF serialization
-            editor['shaclDatatype'] = template.datatype
+            editor.shaclDatatype = template.datatype
+        } else if (value instanceof Literal) {
+            editor.shaclDatatype = value.datatype
         }
         if (template?.minCount !== undefined) {
             editor.dataset.minCount = String(template.minCount)
@@ -100,7 +103,13 @@ export class MaterialTheme extends Theme {
     
         for (const item of listEntries) {
             const option = new MenuItem()
-            const itemValue = (typeof item.value === 'string') ? item.value : item.value.value
+            let itemValue = ''
+            if (typeof item.value === 'string') {
+                itemValue = item.value
+            } else {
+                // this is needed for typed rdf literals
+                itemValue = (item.value as N3Term).id
+            }
             const itemLabel = item.label ? item.label : itemValue
             option.value = itemValue
             option.textContent = itemLabel || itemValue
@@ -142,7 +151,7 @@ export class MaterialTheme extends Theme {
         return result
     }
 
-    createDateEditor(label: string, value: Term | null, required: boolean, template: ShaclPropertyTemplate): HTMLElement {
+    createDateEditor(_: string, value: Term | null, required: boolean, template: ShaclPropertyTemplate): HTMLElement {
         const editor = new TextField()
         editor.variant = 'outlined'
         editor.helper = template?.description?.value || template?.label || ''

package/src/util.ts

@@ -1,5 +1,5 @@
 import { Literal, NamedNode, Prefixes, Quad, Store } from 'n3'
-import { OWL_OBJECT_NAMED_INDIVIDUAL, PREFIX_RDFS, PREFIX_SHACL, PREFIX_SKOS, RDFS_PREDICATE_SUBCLASS_OF, RDF_PREDICATE_TYPE, SHAPES_GRAPH, SKOS_PREDICATE_BROADER } from './constants'
+import { DATA_GRAPH, OWL_OBJECT_NAMED_INDIVIDUAL, PREFIX_FOAF, PREFIX_RDFS, PREFIX_SHACL, PREFIX_SKOS, RDFS_PREDICATE_SUBCLASS_OF, RDF_PREDICATE_TYPE, SHAPES_GRAPH, SKOS_PREDICATE_BROADER } from './constants'
 import { Term } from '@rdfjs/types'
 import { InputListEntry } from './theme'
 import { ShaclPropertyTemplate } from './property-template'
@@ -48,11 +48,9 @@ export function focusFirstInputElement(context: HTMLElement) {
 }
 
 export function findLabel(quads: Quad[], languages: string[]): string {
-    let label = findObjectValueByPredicate(quads, 'prefLabel', PREFIX_SKOS, languages)
-    if (label) {
-        return label
-    }
-    return findObjectValueByPredicate(quads, 'label', PREFIX_RDFS, languages)
+    return findObjectValueByPredicate(quads, 'prefLabel', PREFIX_SKOS, languages) ||
+    findObjectValueByPredicate(quads, 'label', PREFIX_RDFS, languages) ||
+    findObjectValueByPredicate(quads, 'name', PREFIX_FOAF, languages)
 }
 
 export function createInputListEntries(subjects: Term[], shapesGraph: Store, languages: string[], indent?: number): InputListEntry[] {
@@ -92,22 +90,22 @@ export function findInstancesOf(clazz: NamedNode, template: ShaclPropertyTemplat
         instances = list?.length ? list : []
     } else {
         // find instances in the shapes graph
-        instances = template.config.shapesGraph.getSubjects(RDF_PREDICATE_TYPE, clazz, SHAPES_GRAPH)
+        instances = template.config.store.getSubjects(RDF_PREDICATE_TYPE, clazz, SHAPES_GRAPH)
         // find instances in the data graph
-        instances.push(...template.config.dataGraph.getSubjects(RDF_PREDICATE_TYPE, clazz, null))
+        instances.push(...template.config.store.getSubjects(RDF_PREDICATE_TYPE, clazz, DATA_GRAPH))
         // find instances in imported taxonomies
-        findClassInstancesFromOwlImports(clazz, template, template.config.shapesGraph, instances)
+        findClassInstancesFromOwlImports(clazz, template, template.config.store, instances)
     }
 
-    const entries = createInputListEntries(instances, template.config.shapesGraph, template.config.languages, indent)
+    const entries = createInputListEntries(instances, template.config.store, template.config.languages, indent)
     // build inheritance tree only if sh:in is not defined
     if (template.shaclIn === undefined) {
-        for (const subClass of template.config.shapesGraph.getSubjects(RDFS_PREDICATE_SUBCLASS_OF, clazz, null)) {
+        for (const subClass of template.config.store.getSubjects(RDFS_PREDICATE_SUBCLASS_OF, clazz, null)) {
             entries.push(...findInstancesOf(subClass as NamedNode, template, indent + 1))
         }
-        if (template.config.shapesGraph.getQuads(clazz, RDF_PREDICATE_TYPE, OWL_OBJECT_NAMED_INDIVIDUAL, null).length > 0) {
-            entries.push(...createInputListEntries([ clazz ], template.config.shapesGraph, template.config.languages, indent))
-            for (const subClass of template.config.shapesGraph.getSubjects(SKOS_PREDICATE_BROADER, clazz, null)) {
+        if (template.config.store.getQuads(clazz, RDF_PREDICATE_TYPE, OWL_OBJECT_NAMED_INDIVIDUAL, null).length > 0) {
+            entries.push(...createInputListEntries([ clazz ], template.config.store, template.config.languages, indent))
+            for (const subClass of template.config.store.getSubjects(SKOS_PREDICATE_BROADER, clazz, null)) {
                 entries.push(...findInstancesOf(subClass as NamedNode, template, indent + 1))
             }
         }

package/dist/form-bootstrap.js.LICENSE.txt

@@ -1,69 +0,0 @@
-/*!
- * Copyright (c) 2016-2021 Digital Bazaar, Inc. All rights reserved.
- */
-
-/*!
- * Copyright (c) 2016-2022 Digital Bazaar, Inc. All rights reserved.
- */
-
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <https://feross.org>
- * @license  MIT
- */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/**
- * A JavaScript implementation of the JSON-LD API.
- *
- * @author Dave Longley
- *
- * @license BSD 3-Clause License
- * Copyright (c) 2011-2022 Digital Bazaar, Inc.
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice,
- * this list of conditions and the following disclaimer.
- *
- * Redistributions in binary form must reproduce the above copyright
- * notice, this list of conditions and the following disclaimer in the
- * documentation and/or other materials provided with the distribution.
- *
- * Neither the name of the Digital Bazaar, Inc. nor the names of its
- * contributors may be used to endorse or promote products derived from
- * this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
- * IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
- * TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
- * PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
- * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
- * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
- * TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
- * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-
-/**
- * Removes the @preserve keywords from expanded result of framing.
- *
- * @param input the framed, framed output.
- * @param options the framing options used.
- *
- * @return the resulting output.
- */
-
-// disallow aliasing @context and @preserve
-
-// remove @preserve
-
-// remove @preserve from results

package/dist/form-default.js.LICENSE.txt

@@ -1,69 +0,0 @@
-/*!
- * Copyright (c) 2016-2021 Digital Bazaar, Inc. All rights reserved.
- */
-
-/*!
- * Copyright (c) 2016-2022 Digital Bazaar, Inc. All rights reserved.
- */
-
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <https://feross.org>
- * @license  MIT
- */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/**
- * A JavaScript implementation of the JSON-LD API.
- *
- * @author Dave Longley
- *
- * @license BSD 3-Clause License
- * Copyright (c) 2011-2022 Digital Bazaar, Inc.
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice,
- * this list of conditions and the following disclaimer.
- *
- * Redistributions in binary form must reproduce the above copyright
- * notice, this list of conditions and the following disclaimer in the
- * documentation and/or other materials provided with the distribution.
- *
- * Neither the name of the Digital Bazaar, Inc. nor the names of its
- * contributors may be used to endorse or promote products derived from
- * this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
- * IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
- * TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
- * PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
- * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
- * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
- * TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
- * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-
-/**
- * Removes the @preserve keywords from expanded result of framing.
- *
- * @param input the framed, framed output.
- * @param options the framing options used.
- *
- * @return the resulting output.
- */
-
-// disallow aliasing @context and @preserve
-
-// remove @preserve
-
-// remove @preserve from results

package/dist/form-material.js.LICENSE.txt

@@ -1,69 +0,0 @@
-/*!
- * Copyright (c) 2016-2021 Digital Bazaar, Inc. All rights reserved.
- */
-
-/*!
- * Copyright (c) 2016-2022 Digital Bazaar, Inc. All rights reserved.
- */
-
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <https://feross.org>
- * @license  MIT
- */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/**
- * A JavaScript implementation of the JSON-LD API.
- *
- * @author Dave Longley
- *
- * @license BSD 3-Clause License
- * Copyright (c) 2011-2022 Digital Bazaar, Inc.
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice,
- * this list of conditions and the following disclaimer.
- *
- * Redistributions in binary form must reproduce the above copyright
- * notice, this list of conditions and the following disclaimer in the
- * documentation and/or other materials provided with the distribution.
- *
- * Neither the name of the Digital Bazaar, Inc. nor the names of its
- * contributors may be used to endorse or promote products derived from
- * this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
- * IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
- * TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
- * PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
- * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
- * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
- * TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
- * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-
-/**
- * Removes the @preserve keywords from expanded result of framing.
- *
- * @param input the framed, framed output.
- * @param options the framing options used.
- *
- * @return the resulting output.
- */
-
-// disallow aliasing @context and @preserve
-
-// remove @preserve
-
-// remove @preserve from results

package/dist/plugins/file-upload.js

@@ -1 +0,0 @@
-class e{constructor(e,t){this.predicate=e.predicate,this.datatype=e.datatype,t&&(this.stylesheet=new CSSStyleSheet,this.stylesheet.replaceSync(t))}createViewer(e,t){return e.config.theme.createViewer(e.label,t,e)}}class t extends e{constructor(e,t,i){super(e),this.onChange=t,this.fileType=i}createEditor(e){var t;const i=void 0!==e.minCount&&e.minCount>0,r=e.config.theme.createFileEditor(e.label,null,i,e);return r.addEventListener("change",(e=>{e.stopPropagation(),this.onChange(e)})),this.fileType&&(null===(t=r.querySelector('input[type="file"]'))||void 0===t||t.setAttribute("accept",this.fileType)),r}}export{t as FileUploadPlugin};

package/dist/plugins/fixed-list.js

@@ -1 +0,0 @@
-class e{constructor(e,t){this.predicate=e.predicate,this.datatype=e.datatype,t&&(this.stylesheet=new CSSStyleSheet,this.stylesheet.replaceSync(t))}createViewer(e,t){return e.config.theme.createViewer(e.label,t,e)}}class t extends e{constructor(e,t){super(e),this.entries=t}createEditor(e,t){const r=void 0!==e.minCount&&e.minCount>0;return e.config.theme.createListEditor(e.label,t||null,r,this.entries,e)}}export{t as FixedListPlugin};

package/dist/plugins/leaflet.js.LICENSE.txt

@@ -1,4 +0,0 @@
-/* @preserve
- * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
- * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
- */

package/dist/plugins/mapbox.js.LICENSE.txt

@@ -1,10 +0,0 @@
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
-/**
- * martinez v0.7.4
- * Martinez polygon clipping algorithm, does boolean operation on polygons (multipolygons, polygons with holes etc): intersection, union, difference, xor
- *
- * @author Alex Milevski <info@w8r.name>
- * @license MIT
- * @preserve
- */