@ulb-darmstadt/shacl-form 1.6.4 → 1.6.6

package/dist/property-template.d.ts

@@ -19,6 +19,7 @@ export declare class ShaclPropertyTemplate {
     minExclusive: number | undefined;
     maxExclusive: number | undefined;
     singleLine: boolean | undefined;
+    readonly: boolean | undefined;
     cssClass: string | undefined;
     defaultValue: Term | undefined;
     pattern: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ulb-darmstadt/shacl-form",
-    "version": "1.6.4",
+    "version": "1.6.6",
     "description": "SHACL form generator",
     "main": "dist/form-default.js",
     "module": "dist/form-default.js",

package/src/config.ts

@@ -1,4 +1,4 @@
-import { Prefixes, Store } from 'n3'
+import { DataFactory, NamedNode, Prefixes, Store } from 'n3'
 import { Term } from '@rdfjs/types'
 import { PREFIX_SHACL, RDF_PREDICATE_TYPE } from './constants'
 import { ClassInstanceProvider } from './plugin'
@@ -17,6 +17,7 @@ export class ElementAttributes {
     valueSubject: string | null = null // for backward compatibility
     valuesSubject: string | null = null
     valuesNamespace = ''
+    valuesGraph: string | null = null
     view: string | null = null
     language: string | null = null
     loading: string = 'Loading\u2026'
@@ -41,6 +42,7 @@ export class Config {
     theme: Theme
     form: HTMLElement
     renderedNodes = new Set<string>()
+    valuesGraph: NamedNode | undefined
     private _shapesGraph = new Store()
 
     constructor(theme: Theme, form: HTMLElement) {
@@ -78,6 +80,7 @@ export class Config {
             // now prepend preferred language at start of the list of languages
             this.languages.unshift(atts.language)
         }
+        this.valuesGraph = atts.valuesGraph ? DataFactory.namedNode(atts.valuesGraph) : undefined
     }
 
     static dataAttributes(): Array<string> {

package/src/node.ts

@@ -154,11 +154,11 @@ export class ShaclNode extends HTMLElement {
             (shape as ShaclNode | ShaclProperty).toRDF(graph, subject)
         }
         if (this.targetClass) {
-            graph.addQuad(subject, RDF_PREDICATE_TYPE, this.targetClass)
+            graph.addQuad(subject, RDF_PREDICATE_TYPE, this.targetClass, this.config.valuesGraph)
         }
         // if this is the root shacl node, check if we should add one of the rdf:type or dcterms:conformsTo predicates
         if (this.config.attributes.generateNodeShapeReference && !this.parent) {
-            graph.addQuad(subject, DataFactory.namedNode(this.config.attributes.generateNodeShapeReference), this.shaclSubject)
+            graph.addQuad(subject, DataFactory.namedNode(this.config.attributes.generateNodeShapeReference), this.shaclSubject, this.config.valuesGraph)
         }
         return subject
     }

package/src/property-template.ts

@@ -23,6 +23,7 @@ const mappers: Record<string, (template: ShaclPropertyTemplate, term: Term) => v
     [`${PREFIX_SHACL}pattern`]:      (template, term) => { template.pattern = term.value },
     [`${PREFIX_SHACL}order`]:        (template, term) => { template.order = parseInt(term.value) },
     [`${PREFIX_DASH}singleLine`]:    (template, term) => { template.singleLine = term.value === 'true' },
+    [`${PREFIX_DASH}readonly`]:      (template, term) => { template.readonly = term.value === 'true' },
     [`${PREFIX_OA}styleClass`]:      (template, term) => { template.cssClass = term.value },
     [`${PREFIX_SHACL}and`]:          (template, term) => { template.shaclAnd = term.value },
     [`${PREFIX_SHACL}in`]:           (template, term) => { template.shaclIn = term.value },
@@ -66,6 +67,7 @@ export class ShaclPropertyTemplate  {
     minExclusive: number | undefined
     maxExclusive: number | undefined
     singleLine: boolean | undefined
+    readonly: boolean | undefined
     cssClass: string | undefined
     defaultValue: Term | undefined
     pattern: string | undefined

package/src/property.ts

@@ -123,14 +123,13 @@ export class ShaclProperty extends HTMLElement {
         for (const instance of this.querySelectorAll(':scope > .property-instance')) {
             const pathNode = DataFactory.namedNode((instance as HTMLElement).dataset.path!)
             if (instance.firstChild instanceof ShaclNode) {
-                const quadCount = graph.size
                 const shapeSubject = instance.firstChild.toRDF(graph)
-                graph.addQuad(subject, pathNode, shapeSubject)
+                graph.addQuad(subject, pathNode, shapeSubject, this.template.config.valuesGraph)
             } else {
                 const editor = instance.querySelector('.editor') as Editor
                 const value = toRDF(editor)
                 if (value) {
-                    graph.addQuad(subject, pathNode, value)
+                    graph.addQuad(subject, pathNode, value, this.template.config.valuesGraph)
                 }
             }
         }

package/src/themes/default.ts

@@ -28,7 +28,7 @@ export class DefaultTheme extends Theme {
         if (template?.nodeKind) {
             editor.dataset.nodeKind = template.nodeKind.value
         }
-        if (template?.hasValue) {
+        if (template?.hasValue || template?.readonly) {
             editor.disabled = true
         }
         editor.value = value?.value || template?.defaultValue?.value || ''

package/src/themes/material.ts

@@ -27,7 +27,7 @@ export class MaterialTheme extends Theme {
         if (template?.nodeKind) {
             editor.dataset.nodeKind = template.nodeKind.value
         }
-        if (template?.hasValue) {
+        if (template?.hasValue || template?.readonly) {
             editor.disabled = true
         }
         editor.value = value?.value || template?.defaultValue?.value || ''