UNPKG

@ulb-darmstadt/shacl-form

Version:

SHACL form generator

ulb-darmstadt.github.io/shacl-form/

ULB-Darmstadt/shacl-form

77 lines (74 loc) • 46.5 kB

JavaScript

import{DataFactory as f,Literal as S,NamedNode as I,Writer as ye,Store as H,StreamParser as we,Quad as Se}from"n3";import{RokitCollapsible as K,RokitSelect as de,RokitButton as Ee,RokitInput as k,RokitTextArea as xe}from"@ro-kit/ui-widgets";import{v4 as se}from"uuid";import{RdfXmlParser as Ce}from"rdfxml-streaming-parser";import{toRDF as Le}from"jsonld";import{Validator as ne}from"shacl-engine";const d="http://www.w3.org/ns/shacl#",ie="http://datashapes.org/dash#",E="http://www.w3.org/2001/XMLSchema#",C="http://www.w3.org/1999/02/22-rdf-syntax-ns#",W="http://www.w3.org/2000/01/rdf-schema#",X="http://www.w3.org/2004/02/skos/core#",Te="http://www.w3.org/2002/07/owl#",Ie="http://www.w3.org/ns/oa#",je="http://purl.org/dc/terms/",Re="http://xmlns.com/foaf/0.1/",j=f.namedNode("loaded-shapes"),v=f.namedNode("loaded-data"),m=f.namedNode(C+"type"),he=f.namedNode(C+"langString"),B=f.namedNode(je+"conformsTo"),oe=f.namedNode(W+"subClassOf"),J=f.namedNode(Te+"imports"),De=f.namedNode(X+"broader"),$e=f.namedNode(X+"narrower"),F=f.namedNode(d+"NodeShape"),ue=f.namedNode(d+"IRI"),z=f.namedNode(d+"property"),Y=f.namedNode(d+"class");f.namedNode(d+"node");const _=f.namedNode(d+"targetClass"),Pe=f.namedNode(d+"nodeKind"),Ne=f.namedNode(E+"string");function R(s,e,t=d,i){let n="";const o=Ae(s,e,t,i);return o&&(n=o.value),n}function Ae(s,e,t=d,i){let n;const o=t+e;if(i?.length){for(const a of i)for(const r of s)if(r.predicate.value===o){if(r.object.id.endsWith(`@${a}`))return r.object;r.object.id.indexOf("@")<0?n=r.object:n||(n=r.object)}}else for(const a of s)if(a.predicate.value===o)return a.object;return n}function Oe(s){s.querySelector(".editor")?.focus()}function T(s,e){return R(s,"prefLabel",X,e)||R(s,"label",W,e)||R(s,"name",Re,e)}function fe(s,e,t){const i=[];for(const n of s)i.push({value:n,label:T(e.getQuads(n,null,null,null),t),children:[]});return i}function M(s,e){for(const t in e)s=s.replace(e[t],"");return s}function pe(s,e,t,i,n=new Set){for(const o of e.owlImports)n.has(o.id)||(n.add(o.id),i.push(...t.getSubjects(m,s,o)));e.parent&&pe(s,e.parent,t,i,n)}function Z(s,e){if(e.in){const t=e.config.lists[e.in];return fe(t?.length?t:[],e.config.store,e.config.languages)}else{const t=e.config.store.getSubjects(m,s,j);t.push(...e.config.store.getSubjects(m,s,v)),pe(s,e,e.config.store,t);const i=new Map,n=new Map;for(const a of t)i.set(a.id,{value:a,label:T(e.config.store.getQuads(a,null,null,null),e.config.languages),children:[]});for(const a of t){for(const r of e.config.store.getObjects(a,De,null))i.has(r.id)&&n.set(a.id,r.id);for(const r of e.config.store.getObjects(a,$e,null))i.has(r.id)&&n.set(r.id,a.id);for(const r of e.config.store.getObjects(a,oe,null))i.has(r.id)&&n.set(a.id,r.id)}for(const[a,r]of n.entries())i.get(r)?.children?.push(i.get(a));const o=[];for(const[a,r]of i.entries())n.has(a)||o.push(r);for(const a of e.config.store.getSubjects(oe,s,null))o.push(...Z(a,e));return o}}function G(s){let e;try{e=new URL(s)}catch{return!1}return e.protocol==="http:"||e.protocol==="https:"}function ae(s,e,t){if(e===void 0)return t;if(t===void 0)return e;const i=s.indexOf(e.language);if(i<0)return t;const n=s.indexOf(t.language);return n<0||n>i?e:t}function _e(s,{remove:e=!1,ignoreErrors:t=!1}={}){const i={},n=t?(()=>!0):((r,l)=>{throw new Error(`${r.value} ${l}`)}),o=s.getQuads(null,C+"rest",C+"nil",null),a=e?[...o]:[];return o.forEach(r=>{const l=[];let c=!1,u,h;const g=r.graph;let p=r.subject;for(;p&&!c;){const w=s.getQuads(null,null,p,null),x=s.getQuads(p,null,null,null).filter(y=>!y.predicate.equals(m));let b,$=null,te=null,P=null;for(let y=0;y<x.length&&!c;y++)b=x[y],b.graph.equals(g)?u?c=n(p,"has non-list arcs out"):b.predicate.value===C+"first"?$?c=n(p,"has multiple rdf:first arcs"):a.push($=b):b.predicate.value===C+"rest"?te?c=n(p,"has multiple rdf:rest arcs"):a.push(te=b):w.length?c=n(p,"can't be subject and object"):(u=b,h="subject"):c=n(p,"not confined to single graph");for(let y=0;y<w.length&&!c;++y)b=w[y],u?c=n(p,"can't have coreferences"):b.predicate.value===C+"rest"?P?c=n(p,"has incoming rdf:rest arcs"):P=b:(u=b,h="object");$?l.unshift($.object):c=n(p,"has no list head"),p=P&&P.subject}c?e=!1:u&&(i[u[h].value]=l)}),e&&s.removeQuads(a),i}const ke={[`${d}name`]:(s,e)=>{const t=e;s.name=ae(s.config.languages,s.name,t)},[`${d}description`]:(s,e)=>{const t=e;s.description=ae(s.config.languages,s.description,t)},[`${d}path`]:(s,e)=>{s.path=e.value},[`${d}group`]:(s,e)=>{s.group=e.id},[`${d}datatype`]:(s,e)=>{s.datatype=e},[`${d}nodeKind`]:(s,e)=>{s.nodeKind=e},[`${d}minCount`]:(s,e)=>{s.minCount=parseInt(e.value)},[`${d}maxCount`]:(s,e)=>{s.maxCount=parseInt(e.value)},[`${d}minLength`]:(s,e)=>{s.minLength=parseInt(e.value)},[`${d}maxLength`]:(s,e)=>{s.maxLength=parseInt(e.value)},[`${d}minInclusive`]:(s,e)=>{s.minInclusive=parseInt(e.value)},[`${d}maxInclusive`]:(s,e)=>{s.maxInclusive=parseInt(e.value)},[`${d}minExclusive`]:(s,e)=>{s.minExclusive=parseInt(e.value)},[`${d}maxExclusive`]:(s,e)=>{s.maxExclusive=parseInt(e.value)},[`${d}pattern`]:(s,e)=>{s.pattern=e.value},[`${d}order`]:(s,e)=>{s.order=parseInt(e.value)},[`${ie}singleLine`]:(s,e)=>{s.singleLine=e.value==="true"},[`${ie}readonly`]:(s,e)=>{s.readonly=e.value==="true"},[`${Ie}styleClass`]:(s,e)=>{s.cssClass=e.value},[`${d}in`]:(s,e)=>{s.in=e.value},[`${d}languageIn`]:(s,e)=>{s.languageIn=s.config.lists[e.value],s.datatype=he},[`${d}defaultValue`]:(s,e)=>{s.defaultValue=e},[`${d}hasValue`]:(s,e)=>{s.hasValue=e},[`${d}node`]:(s,e)=>{s.node=e,s.nodeShapes.add(s.config.getNodeTemplate(e,s))},[`${d}and`]:(s,e)=>{s.and=e.value;const t=s.config.lists[s.and];if(t?.length)for(const i of t)s.nodeShapes.add(s.config.getNodeTemplate(i,s))},[`${d}qualifiedValueShape`]:(s,e)=>{const t=s.config.getNodeTemplate(e,s);s.qualifiedValueShape=t,s.nodeShapes.add(t)},[`${d}qualifiedMinCount`]:(s,e)=>{s.minCount=parseInt(e.value)},[`${d}qualifiedMaxCount`]:(s,e)=>{s.maxCount=parseInt(e.value)},[J.id]:(s,e)=>{s.owlImports.add(e)},[Y.id]:(s,e)=>{s.class=e;const t=s.config.store.getSubjects(_,e,null);t.length>0&&(s.node=t[0])},[`${d}or`]:(s,e)=>{const t=s.config.lists[e.value];t?.length?s.or=t:console.error("list for sh:or not found:",e.value,"existing lists:",s.config.lists)},[`${d}xone`]:(s,e)=>{const t=s.config.lists[e.value];t?.length?s.xone=t:console.error("list for sh:xone not found:",e.value,"existing lists:",s.config.lists)}};class re{constructor(e,t){this.label="",this.nodeShapes=new Set,this.owlImports=new Set,this.id=e,this.parent=t,this.config=t.config,this.config.registerPropertyTemplate(this),ee(this,this.config.store.getQuads(e,null,null,null))}}function ge(s){const e=Object.assign({},s);return e.nodeShapes=new Set(s.nodeShapes),e.owlImports=new Set(s.owlImports),s.languageIn&&(e.languageIn=[...s.languageIn]),s.or&&(e.or=[...s.or]),s.xone&&(e.xone=[...s.xone]),e}function ee(s,e){for(const t of e)ke[t.predicate.id]?.call(s,s,t.object);return s.label=s.name?.value||T(e,s.config.languages),s.label||(s.label=s.path?M(s.path,s.config.prefixes):"unknown"),s}function me(s,e){const t=e,i=s;for(const n in e)n!=="parent"&&n!=="config"&&n!=="id"&&t[n]!==void 0&&t[n]!==""&&(Array.isArray(t[n])?i[n].push(...t[n]):t[n]instanceof Set&&t[n].size?i[n]=new Set([...i[n],...t[n]]):i[n]=t[n])}function be(s,e,t){const i=document.createElement("div");i.classList.add("shacl-or-constraint");const n=[];if(e instanceof L){const o=[];let a=!1;s.length&&(a=t.store.countQuads(s[0],z,null,null)>0);for(let c=0;c<s.length;c++)if(a){const u=t.store.getObjects(s[c],z,null),h=[];let g="";for(const p of u){const w=t.getPropertyTemplate(p,e.template),x=new A(w,e);h.push(x),g+=(g.length>1?" / ":"")+x.template.label}o.push(h),n.push({label:g,value:c.toString()})}else{const u=s[c],h=t.getPropertyTemplate(u,e.template),g=new A(h,e);o.push([g]),n.push({label:g.template.label,value:c.toString()})}const r=t.theme.createListEditor("Please choose",null,!1,n),l=r.querySelector(".editor");l.onchange=()=>{if(l.value){const c=o[parseInt(l.value)];let u;c.length&&(u=c[0],i.replaceWith(c[0]));for(let h=1;h<c.length;h++)u.after(c[h]),u=c[h]}},i.appendChild(r)}else{const o=[];for(let l=0;l<s.length;l++){const c=t.store.getQuads(s[l],null,null,null);c.length&&(o.push(c),n.push({label:T(c,t.languages)||M(c[0].predicate.value,t.prefixes)+" = "+M(c[0].object.value,t.prefixes),value:l.toString()}))}const a=t.theme.createListEditor(e.template.label+"?",null,!1,n,e.template),r=a.querySelector(".editor");r.onchange=()=>{if(r.value){const l=ee(ge(e.template),o[parseInt(r.value)]);i.replaceWith(N(l,void 0,!0))}},i.appendChild(a)}return i}function Fe(s,e,t){if(e instanceof S){const i=e.datatype;for(const n of s){const o=t.store.getQuads(n,null,null,null);for(const a of o)if(a.predicate.value===`${d}datatype`&&a.object.equals(i))return o}}else{const i=t.store.getObjects(e,m,null);for(const n of s){const o=t.store.getQuads(n,null,null,null);for(const a of o)if(i.length>0){if(a.predicate.value===`${d}node`){for(const r of i)if(t.store.getQuads(a.object,_,r,null).length>0)return o}if(a.predicate.equals(Y)){for(const r of i)if(a.object.equals(r))return o}}else if(a.predicate.equals(Pe)&&a.object.equals(ue))return o}}return console.error("couldn't resolve sh:or/sh:xone on property for value",e),[]}function qe(s,e,t){for(const i of s){let n=!1;const o=t.store.getObjects(i,z,null);for(const a of o){const r=t.store.getObjects(a,`${d}path`,null);for(const l of r)if(n=t.store.countQuads(e,l,null,null)>0,n)break}if(n)return o}return console.error("couldn't resolve sh:or/sh:xone on node for value",e),[]}const Ve=`form { display:block; --label-width: 8em; --caret-size: 10px; } form.mode-edit { padding-left: 1em; } form, form * { box-sizing: border-box; } shacl-node, .collapsible::part(content) { display: flex; flex-direction: column; width: 100%; position: relative; } shacl-node .remove-button { margin-top: 1px; } shacl-node .add-button { color: #555; background-color: transparent; margin: 4px 24px 0 0; border: 0; } shacl-node .add-button:hover { color:#222; } shacl-node .add-button:focus { box-shadow: none; } shacl-node h1 { font-size: 16px; border-bottom: 1px solid #AAA; margin-top: 4px; color: #555; } shacl-property:not(:has(>.collapsible)), shacl-property>.collapsible::part(content) { display: flex; flex-direction: column; align-items: end; position: relative; } shacl-property:not(.may-add) > .add-button, shacl-property:not(.may-add) > .collapsible > .add-button { display: none; } shacl-property:not(.may-remove) > .property-instance > .remove-button:not(.persistent) { visibility: hidden; } shacl-property:not(.may-remove) > .collapsible > .property-instance > .remove-button:not(.persistent) { visibility: hidden; } shacl-property:not(.may-remove) > .shacl-or-constraint > .remove-button:not(.persistent) { visibility: hidden; } .mode-view .shacl-group:not(:has(shacl-property)) { display: none; } .property-instance, .shacl-or-constraint { display: flex; align-items: flex-start; padding: 4px 0; width: 100%; position: relative; } .shacl-or-constraint > div { display: flex; flex-grow: 1; align-items: flex-start; } .shacl-or-constraint label { display: inline-block; word-break: break-word; width: var(--label-width); line-height: 1em; padding-top: 0.15em; padding-right: 1em; flex-shrink: 0; position: relative; } .property-instance label[title] { cursor: help; text-decoration: underline dashed #AAA; } .property-instance.linked label:after, label.linked:after { content: '\\1F517'; font-size: 0.6em; padding-left: 6px; } .mode-edit .property-instance label.required::before { color: red; content: '\\2736'; font-size: 0.6rem; position: absolute; left: -1.4em; top: 0.15rem; } .property-instance.valid::before { content: ''; position: absolute; left: calc(var(--label-width) - 1em); top:0.5em; width: 0.9em; height: 0.9em; background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1024 1024" fill="green" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M866.133333 258.133333L362.666667 761.6l-204.8-204.8L98.133333 618.666667 362.666667 881.066667l563.2-563.2z"/></svg>'); } .editor:not([type='checkbox']) { flex-grow: 1; } textarea.editor { resize: vertical; } .lang-chooser { border: 0; background-color: #e9e9ed; padding: 2px 4px; align-self: flex-start; } .validation-error { position: absolute; left: calc(var(--label-width) - 1em); color: red; cursor: help; } .validation-error::before { content: '\\26a0' } .validation-error.node { left: -1em; } .invalid > .editor { border-color: red !important; } .ml-0 { margin-left: 0 !important; } .pr-0 { padding-right: 0 !important; } .mode-view .property-instance:not(:first-child) > label { visibility: hidden; } .mode-view .property-instance label { width: var(--label-width); } .d-flex { display: flex; } .lang { opacity: 0.65; font-size: 0.6em; } a, a:visited { color: inherit; } .fadeIn, .fadeOut { animation: fadeIn 0.2s ease-out; } .fadeOut { animation-direction: reverse; animation-timing-function: ease-out;} @keyframes fadeIn { 0% { opacity: 0; transform: scaleY(0.8); } 100% { opacity: 1; transform: scaleY(1); } } .collapsible::part(label) { font-weight: 600; } .collapsible > .property-instance:nth-child(even) { background-color: #F8F8F8; } .collapsible > .property-instance > shacl-node > h1 { display: none; } .ref-link { cursor: pointer; } .ref-link:hover { text-decoration: underline; } .node-id-display { color: #999; font-size: 11px; } /* hierarchy colors */ .remove-button-wrapper { padding: 0 1px 0 calc(1px + var(--hierarchy-color-width)); align-self: stretch; position: relative; } .remove-button-wrapper.colorize::before { content: ''; position: absolute; width: var(--hierarchy-color-width); top: 0; bottom: 0; left: 0; --index: mod(var(--hierarchy-level), var(--hierarchy-colors-length)); background: linear-gradient(var(--hierarchy-colors)) no-repeat 0 calc(var(--index) * 100% / (var(--hierarchy-colors-length) - 1)) / 100% calc(1px * infinity); } .property-instance:not(:has(shacl-node)) > .remove-button-wrapper.colorize::before { background: 0; } `;class Qe{constructor(e){this.dense=!0;let t=Ve;e&&(t+=` `+e),this.stylesheet=new CSSStyleSheet,this.stylesheet.replaceSync(t)}apply(e){}setDense(e){this.dense=e}createViewer(e,t,i){const n=document.createElement("div"),o=document.createElement("label");o.innerHTML=e+":",i.description&&o.setAttribute("title",i.description.value),n.appendChild(o);let a=t.value,r=null;if(t instanceof I){const c=i.config.store.getQuads(a,null,null,null);if(c.length){const u=T(c,i.config.languages);u&&(a=u)}}else t instanceof S&&(t.language?(r=document.createElement("span"),r.classList.add("lang"),r.innerText=`@${t.language}`):t.datatype.value===`${E}date`?a=new Date(Date.parse(t.value)).toDateString():t.datatype.value===`${E}dateTime`&&(a=new Date(Date.parse(t.value)).toLocaleString()));let l;return G(t.value)?(l=document.createElement("a"),l.setAttribute("href",t.value)):l=document.createElement("div"),l.classList.add("d-flex"),l.innerText=a,r&&l.appendChild(r),n.appendChild(l),n}}function Be(s,e,t){if(t){const i=s.minCount!==void 0&&s.minCount>0;if(s.class&&!s.hasValue)return s.config.theme.createListEditor(s.label,e,i,Z(s.class,s),s);if(s.in){const n=s.config.lists[s.in];if(n?.length){const o=fe(n,s.config.store,s.config.languages);return s.config.theme.createListEditor(s.label,e,i,o,s)}else console.error("list not found:",s.in,"existing lists:",s.config.lists)}if(s.datatype?.equals(he)||s.languageIn?.length||s.datatype===void 0&&e instanceof S&&e.language)return s.config.theme.createLangStringEditor(s.label,e,i,s);switch(s.datatype?.value.replace(E,"")){case"integer":case"float":case"double":case"decimal":return s.config.theme.createNumberEditor(s.label,e,i,s);case"date":case"dateTime":return s.config.theme.createDateEditor(s.label,e,i,s);case"boolean":return s.config.theme.createBooleanEditor(s.label,e,i,s);case"base64Binary":return s.config.theme.createFileEditor(s.label,e,i,s)}return s.config.theme.createTextEditor(s.label,e,i,s)}else{if(e)return s.config.theme.createViewer(s.label,e,s);const i=document.createElement("div");return i.innerHTML="No value",i}}function ze(s,e,t){if(e==="application/ld+json")return Me(s);{const i=new ye({format:e,prefixes:t});i.addQuads(s);let n="";return i.end((o,a)=>{o&&console.error(o),n=a}),n}}function Me(s){const e=[];for(const t of s){const i={"@id":t.subject.id};if(t.predicate===m)i["@type"]=t.object.id;else{let n=t.object.value;t.object instanceof S?t.object.language?n={"@language":t.object.language,"@value":t.object.value}:t.object.datatype&&t.object.datatype.value!==`${E}#string`&&(n={"@type":t.object.datatype.value,"@value":t.object.value}):n={"@id":t.object.id},i[t.predicate.value]=n}e.push(i)}return JSON.stringify(e)}function Ge(s){let e=s.shaclDatatype,t=s.dataset.value||s.value;if(t){if(t.startsWith("<")&&t.endsWith(">")&&t.indexOf(":")>-1)return f.namedNode(t.substring(1,t.length-1));if(s.dataset.class||s.dataset.nodeKind===d+"IRI")return f.namedNode(t);if(s.dataset.link)return JSON.parse(s.dataset.link);if(s.dataset.lang?e=s.dataset.lang:s.type==="number"?t=parseFloat(t):s.type==="file"&&s.binaryData?t=s.binaryData:s.type==="datetime-local"&&(t=new Date(t).toISOString().slice(0,19)),(!e||e instanceof I&&Ne.equals(e))&&typeof t=="string"){let i=t.split("^^");i.length===2&&i[0].startsWith('"')&&i[0].endsWith('"')&&i[1].split(":").length===2?(t=i[0].substring(1,i[0].length-1),e=f.namedNode(i[1])):(i=t.split("@"),i.length===2&&i[0].startsWith('"')&&i[0].endsWith('"')?(t=i[0].substring(1,i[0].length-1),e=i[1]):t.startsWith('"')&&t.endsWith('"')&&(t=t.substring(1,t.length-1)))}return f.literal(t,e)}else if((s.type==="checkbox"||s.getAttribute("type")==="checkbox")&&(s.checked||parseInt(s.dataset.minCount||"0")>0))return f.literal(s.checked?"true":"false",e)}const D={};function Ue(s){s.predicate===void 0&&s.datatype===void 0?console.warn('not registering plugin because it does neither define "predicate" nor "datatype"',s):D[`${s.predicate}^${s.datatype}`]=s}function He(){return Object.entries(D).map(s=>s[1])}function Ke(s,e){let t=D[`${s}^${e}`];return t||(t=D[`${s}^undefined`],t)?t:D[`undefined^${e}`]}class ht{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 A extends HTMLElement{constructor(e,t,i){if(super(),this.template=e,this.parent=t,this.container=this,this.template.nodeShapes.size&&this.template.config.attributes.collapse!==null&&(this.template.maxCount===void 0||this.template.maxCount>1)){const n=new K;n.classList.add("collapsible","shacl-group"),n.open=e.config.attributes.collapse==="open",n.label=this.template.label,this.container=n,this.appendChild(this.container)}this.template.order!==void 0&&(this.style.order=`${this.template.order}`),this.template.cssClass&&this.classList.add(this.template.cssClass),e.config.editMode&&!t.linked&&(this.addButton=this.createAddButton(),this.container.appendChild(this.addButton),this.addEventListener("change",()=>{this.updateControls()})),(async()=>{if(e.path){let n=[];i&&(n=e.config.store.getQuads(i,e.path,null,t.linked?null:v),n=await this.filterValidValues(n,i));let o=!1;for(const a of n)this.addPropertyInstance(a.object),e.hasValue&&a.object.equals(e.hasValue)&&(o=!0);e.config.editMode&&(e.hasValue&&!o&&!t.linked&&this.addPropertyInstance(e.hasValue),this.updateControls())}})()}addPropertyInstance(e){let t;if(this.template.or?.length||this.template.xone?.length){const i=this.template.or?.length?this.template.or:this.template.xone;let n=!1;if(e){const o=Fe(i,e,this.template.config);if(o.length){const a=ee(ge(this.template),o);t=N(a,e,!0),n=!0}}n||(t=be(i,this,this.template.config),ve(t,"",this.template.config.theme.dense,this.template.config.hierarchyColorsStyleSheet!==void 0))}else{let i=!1;if(e&&!(e instanceof S)){const n=this.getRdfClassToLinkOrCreate();n&&this.template.config.store.countQuads(e,m,n,v)===0&&(i=!0)}t=N(this.template,e,void 0,i||this.parent.linked)}return this.addButton?this.container.insertBefore(t,this.addButton):this.container.appendChild(t),t}updateControls(){let e=this.instanceCount();e===0&&(this.template.nodeShapes.size===0||this.template.minCount!==void 0&&this.template.minCount>0)&&(this.addPropertyInstance(),e=this.instanceCount());let t;this.template.minCount!==void 0?t=e>this.template.minCount:t=this.template.nodeShapes.size>0||e>1;const i=this.template.maxCount===void 0||e<this.template.maxCount;this.classList.toggle("may-remove",t),this.classList.toggle("may-add",i)}instanceCount(){return this.querySelectorAll(":scope > .property-instance, :scope > .shacl-or-constraint, :scope > shacl-node, :scope > .collapsible > .property-instance").length}toRDF(e,t){const i=f.namedNode(this.template.path);for(const n of this.querySelectorAll(":scope > .property-instance, :scope > .collapsible > .property-instance"))if(n.firstChild instanceof L){const o=n.firstChild.toRDF(e);e.addQuad(t,i,o,this.template.config.valuesGraphId)}else for(const o of n.querySelectorAll(":scope > .editor")){const a=Ge(o);a&&e.addQuad(t,i,a,this.template.config.valuesGraphId)}}getRdfClassToLinkOrCreate(){if(this.template.class&&this.template.nodeShapes.size)return this.template.class;for(const e of this.template.nodeShapes)if(e.targetClass)return e.targetClass}async filterValidValues(e,t){let i=this.template.id,n=[t];if(this.template.qualifiedValueShape){i=this.template.qualifiedValueShape.id,n=[];for(const r of e)n.push(r.object)}const o=await this.template.config.validator.validate({dataset:this.template.config.store,terms:n},[{terms:[i]}]),a=[];for(const r of o.results){const l=this.template.qualifiedValueShape?r.focusNode:r.value;l?.ptrs?.length&&a.push(l.ptrs[0]._term.id)}return e.filter(r=>a.indexOf(r.object.id)===-1)}createAddButton(){const e=new de;e.dense=this.template.config.theme.dense,e.label="+ "+this.template.label,e.title="Add "+this.template.label,e.autoGrowLabelWidth=!0,e.classList.add("add-button");let t=[],i=this.getRdfClassToLinkOrCreate();if(i&&(t=Z(i,this.template)),t.length===0)e.emptyMessage="",e.inputMinWidth=0,e.addEventListener("click",n=>{e.blur();const o=this.addPropertyInstance();o.classList.add("fadeIn"),this.updateControls(),setTimeout(()=>{Oe(o),o.classList.remove("fadeIn")},200)});else{const n=document.createElement("ul"),o=document.createElement("li");o.innerHTML="＋ Create new "+this.template.label+"...",o.dataset.value="new",o.classList.add("large"),n.appendChild(o);const a=document.createElement("li");a.classList.add("divider"),n.appendChild(a);const r=document.createElement("li");r.classList.add("header"),r.innerText="Or link existing:",n.appendChild(r);for(const l of t){const c=document.createElement("li"),u=typeof l.value=="string"?l.value:l.value.value;c.innerText=l.label?l.label:u,c.dataset.value=JSON.stringify(l.value),n.appendChild(c)}e.appendChild(n),e.collapsibleWidth="250px",e.collapsibleOrientationLeft="",e.addEventListener("change",()=>{if(e.value==="new")this.addPropertyInstance();else{const l=JSON.parse(e.value);this.container.insertBefore(N(this.template,l,!0,!0),e)}e.value=""})}return e}}function N(s,e,t=!1,i=!1){let n;if(s.nodeShapes.size){n=document.createElement("div"),n.classList.add("property-instance");for(const o of s.nodeShapes)n.appendChild(new L(o,e,s.nodeKind,s.label,i))}else{const o=Ke(s.path,s.datatype?.value);o?s.config.editMode&&!i?n=o.createEditor(s,e):n=o.createViewer(s,e):n=Be(s,e||null,s.config.editMode&&!i),n.classList.add("property-instance"),i&&n.classList.add("linked")}return s.config.editMode&&ve(n,s.label,s.config.theme.dense,s.config.hierarchyColorsStyleSheet!==void 0,t),n.dataset.path=s.path,n}function ve(s,e,t,i,n=!1){const o=document.createElement("div");o.className="remove-button-wrapper",i&&o.classList.add("colorize");const a=new Ee;a.classList.add("remove-button","clear"),a.title="Remove "+e,a.dense=t,a.icon=!0,a.addEventListener("click",r=>{s.classList.remove("fadeIn"),s.classList.add("fadeOut"),setTimeout(()=>{const l=s.parentElement;s.remove(),l?.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))},200)}),n&&a.classList.add("persistent"),o.appendChild(a),s.appendChild(o)}window.customElements.define("shacl-property",A);function We(s,e){let t=s;const i=e.store.getQuads(s,null,null,null),n=R(i,"label",W,e.languages);n&&(t=n);let o;if(e.attributes.collapse!==null)o=new K,o.classList.add("collapsible"),o.open=e.attributes.collapse==="open",o.label=t;else{o=document.createElement("div");const r=document.createElement("h1");r.innerText=t,o.appendChild(r)}o.dataset.subject=s,o.classList.add("shacl-group");const a=R(i,"order");return a&&(o.style.order=a),o}class L extends HTMLElement{constructor(e,t,i,n,o){super(),this.template=e,this.linked=o||!1;let a=t;a||(!i&&e.nodeKind&&(i=e.nodeKind),i===void 0&&e.config.attributes.valuesNamespace||i?.value===`${d}IRI`?a=f.namedNode(e.config.attributes.valuesNamespace+se()):a=f.blankNode(se())),this.nodeId=a;const r=JSON.stringify([e.id,t]);if(t&&e.config.renderedNodes.has(r)){n=n||"Link";const l=document.createElement("label");l.innerText=n,l.classList.add("linked"),this.appendChild(l);const c=document.createElement("a");let u=t.termType==="BlankNode"?"_:"+t.value:t.value;c.innerText=u,c.classList.add("ref-link"),c.onclick=()=>{this.template.config.form.querySelector(`shacl-node[data-node-id='${u}']`)?.scrollIntoView()},this.appendChild(c),this.style.flexDirection="row"}else{if(t&&e.config.renderedNodes.add(r),this.dataset.nodeId=this.nodeId.id,this.template.config.attributes.showNodeIds!==null){const l=document.createElement("div");l.innerText=`id: ${this.nodeId.id}`,l.classList.add("node-id-display"),this.appendChild(l)}for(const l of this.template.extendedShapes)this.prepend(new L(l,t));this.template.or?.length&&this.tryResolve(this.template.or,t,e.config),this.template.xone?.length&&this.tryResolve(this.template.xone,t,e.config);for(const[l,c]of Object.entries(this.template.properties))for(const u of c)this.addPropertyInstance(u,t);if(n){const l=document.createElement("h1");l.innerText=n,this.prepend(l)}}}toRDF(e,t,i=null){if(t||(t=this.nodeId),!this.linked){for(const n of this.querySelectorAll(":scope > shacl-node, :scope > .shacl-group > shacl-node, :scope > shacl-property, :scope > .shacl-group > shacl-property"))n.toRDF(e,t);this.template.targetClass&&e.addQuad(t,m,this.template.targetClass,this.template.config.valuesGraphId),i&&e.addQuad(t,f.namedNode(i),this.template.id,this.template.config.valuesGraphId)}return t}addPropertyInstance(e,t){let i=this;if(e.group)if(e.config.groups.indexOf(e.group)>-1){let o=this.querySelector(`:scope > .shacl-group[data-subject='${e.group}']`);o||(o=We(e.group,e.config),this.appendChild(o)),i=o}else console.warn("ignoring unknown group reference",e.group,"existing groups:",e.config.groups);const n=new A(e,this,t);setTimeout(()=>{(e.config.editMode||n.instanceCount()>0)&&i.appendChild(n)})}tryResolve(e,t,i){let n=!1;if(t){const o=qe(e,t,i);if(o.length){for(const a of o)this.addPropertyInstance(i.getPropertyTemplate(a,this.template),t);n=!0}}n||this.appendChild(be(e,this,i))}}window.customElements.define("shacl-node",L);const q={},V={};class Xe{constructor(e){this.loadedExternalUrls=[],this.loadedClasses=[],this.config=e}async loadGraphs(){this.loadedExternalUrls=[],this.loadedClasses=[];const e=[],t=new H;if(e.push(this.importRDF(this.config.attributes.shapes?this.config.attributes.shapes:this.config.attributes.shapesUrl?this.fetchRDF(this.config.attributes.shapesUrl):"",t,j)),e.push(this.importRDF(this.config.attributes.values?this.config.attributes.values:this.config.attributes.valuesUrl?this.fetchRDF(this.config.attributes.valuesUrl):"",t,v)),await Promise.all(e),t.countQuads(null,null,null,j)===0&&this.config.attributes.valuesSubject){const i=[...t.getObjects(this.config.attributes.valuesSubject,B,v)],n=[];for(const o of i){const a=this.toURL(o.value);a&&this.loadedExternalUrls.indexOf(a)<0&&(this.loadedExternalUrls.push(a),n.push(this.importRDF(this.fetchRDF(a),t,j)))}try{await Promise.allSettled(n)}catch(o){console.warn(o)}}this.config.store=t}async importRDF(e,t,i){const n=async o=>{const a=[];await new Promise((r,l)=>{const c=le(o)==="xml"?new Ce:new we;c.on("data",u=>{if(t.add(new Se(u.subject,u.predicate,u.object,i)),this.config.attributes.ignoreOwlImports===null&&J.equals(u.predicate)){const h=this.toURL(u.object.value);h&&this.loadedExternalUrls.indexOf(h)<0&&(this.loadedExternalUrls.push(h),a.push(this.importRDF(this.fetchRDF(h),t,f.namedNode(h))))}if(this.config.classInstanceProvider&&(Y.equals(u.predicate)||_.equals(u.predicate))){const h=u.object.value;if(this.loadedClasses.indexOf(h)<0){let g;h in V?g=V[h]:(g=this.config.classInstanceProvider(h),V[h]=g),this.loadedClasses.push(h),a.push(this.importRDF(g,t,i))}}}).on("error",u=>{console.warn("failed parsing RDF",i?.id,", reason:",u.message),l(u)}).on("prefix",(u,h)=>{u&&(this.config.prefixes[u]=h)}).on("end",()=>{r(null)}),c.write(o),c.end()});try{await Promise.allSettled(a)}catch(r){console.warn(r)}};if(e instanceof Promise&&(e=await e),e){if(le(e)==="json")try{e=await Le(JSON.parse(e),{format:"application/n-quads"})}catch(o){console.error(o)}await n(e)}}toURL(e){if(G(e))return e;if(this.config.prefixes){const t=e.split(":");if(t.length===2){const i=this.config.prefixes[t[0]];if(i&&(e=e.replace(`${t[0]}:`,i),G(e)))return e}}return null}async fetchRDF(e){if(e in q)return q[e];let t=e;this.config.attributes.proxy&&(t=this.config.attributes.proxy+encodeURIComponent(e));const i=fetch(t,{headers:{Accept:"text/turtle, application/trig, application/n-triples, application/n-quads, text/n3, application/ld+json"}}).then(n=>n.text());return q[e]=i,i}}function le(s){return/^\s*\{/.test(s)?"json":/^\s*<\?xml/.test(s)?"xml":"ttl"}const Je=` .editor:not([type='checkbox']) { border: 1px solid #DDD; } .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); } `;class Ye extends Qe{constructor(e){super(e||Je),this.idCtr=0}createDefaultTemplate(e,t,i,n,o){if(n.id=`e${this.idCtr++}`,n.classList.add("editor"),o?.datatype?n.shaclDatatype=o.datatype:t instanceof S&&(n.shaclDatatype=t.datatype),o?.minCount!==void 0&&(n.dataset.minCount=String(o.minCount)),o?.class&&(n.dataset.class=o.class.value),o?.nodeKind)n.dataset.nodeKind=o.nodeKind.value;else if(t&&(t instanceof I||o?.nodeKind?.equals(ue))&&(n.dataset.nodeKind=d+"IRI",o)){const c=T(o.config.store.getQuads(t,null,null,null),o.config.languages);c&&(n.dataset.value="<"+t.value+">",t=f.literal(c))}(o?.hasValue&&t||o?.readonly)&&(n.disabled=!0),n.value=t?.value||o?.defaultValue?.value||"";const a=document.createElement("label");a.htmlFor=n.id,a.innerText=e,o?.description&&a.setAttribute("title",o.description.value);const r=o?.description?o.description.value:o?.pattern?o.pattern:null;r&&n.setAttribute("placeholder",r),i&&(n.setAttribute("required","true"),a.classList.add("required"));const l=document.createElement("div");return l.appendChild(a),l.appendChild(n),l}createDateEditor(e,t,i,n){const o=new k;n.datatype?.value===E+"dateTime"?(o.type="datetime-local",o.setAttribute("step","1")):o.type="date",o.clearable=!0,o.dense=this.dense,o.classList.add("pr-0");const a=this.createDefaultTemplate(e,null,i,o,n);if(t)try{let r=new Date(t.value).toISOString();n.datatype?.value===E+"dateTime"?r=r.slice(0,19):r=r.slice(0,10),o.value=r}catch(r){console.error(r,t)}return a}createTextEditor(e,t,i,n){let o;return n.singleLine===!1?(o=new xe,o.resize="auto"):o=new k,o.dense=this.dense,n.pattern&&(o.pattern=n.pattern),n.minLength&&(o.minLength=n.minLength),n.maxLength&&(o.maxLength=n.maxLength),this.createDefaultTemplate(e,t,i,o,n)}createLangStringEditor(e,t,i,n){const o=this.createTextEditor(e,t,i,n),a=o.querySelector(":scope .editor");let r;if(n.languageIn?.length){r=document.createElement("select");for(const l of n.languageIn){const c=document.createElement("option");c.innerText=l.value,r.appendChild(c)}}else r=document.createElement("input"),r.maxLength=5,r.size=5,r.placeholder="lang?";return r.title="Language of the text",r.classList.add("lang-chooser"),r.slot="suffix",r.addEventListener("change",l=>{l.stopPropagation(),a&&(a.dataset.lang=r.value,a.dispatchEvent(new Event("change",{bubbles:!0})))}),t instanceof S&&(r.value=t.language),a.dataset.lang=r.value,a.appendChild(r),o}createBooleanEditor(e,t,i,n){const o=document.createElement("input");o.type="checkbox",o.classList.add("ml-0");const a=this.createDefaultTemplate(e,null,i,o,n);return o.removeAttribute("required"),a.querySelector(":scope label")?.classList.remove("required"),t instanceof S&&(o.checked=t.value==="true"),a}createFileEditor(e,t,i,n){const o=document.createElement("input");return o.type="file",o.addEventListener("change",a=>{if(o.files?.length){a.stopPropagation();const r=new FileReader;r.readAsDataURL(o.files[0]),r.onload=()=>{o.binaryData=btoa(r.result),o.parentElement?.dispatchEvent(new Event("change",{bubbles:!0}))}}else o.binaryData=void 0}),this.createDefaultTemplate(e,t,i,o,n)}createNumberEditor(e,t,i,n){const o=new k;o.type="number",o.clearable=!0,o.dense=this.dense,o.classList.add("pr-0");const a=n.minInclusive!==void 0?n.minInclusive:n.minExclusive!==void 0?n.minExclusive+1:void 0,r=n.maxInclusive!==void 0?n.maxInclusive:n.maxExclusive!==void 0?n.maxExclusive-1:void 0;return a!==void 0&&(o.min=String(a)),r!==void 0&&(o.max=String(r)),n.datatype?.value!==E+"integer"&&(o.step="0.1"),this.createDefaultTemplate(e,t,i,o,n)}createListEditor(e,t,i,n,o){const a=new de;a.clearable=!0,a.dense=this.dense;const r=this.createDefaultTemplate(e,null,i,a,o),l=document.createElement("ul");let c=!0;const u=(h,g)=>{const p=document.createElement("li");if(typeof h.value=="string"?(p.dataset.value=h.value,p.innerText=h.label?h.label:h.value):(p.dataset.value=h.value.id,h.value instanceof I&&(p.dataset.value="<"+p.dataset.value+">"),p.innerText=h.label?h.label:h.value.value),g.appendChild(p),h.children?.length){c=!1;const w=document.createElement("ul");p.appendChild(w);for(const x of h.children)u(x,w)}};for(const h of n)u(h,l);return c||(a.collapse=!0),a.appendChild(l),t&&(a.value=t.id,t instanceof I&&(a.value="<"+a.value+">")),r}createButton(e,t){const i=document.createElement("rokit-button");return i.innerHTML=e,i}}const Ze={[`${d}node`]:(s,e)=>{s.extendedShapes.add(new O(e,s.config,s))},[`${d}and`]:(s,e)=>{for(const t of s.config.lists[e.value])s.extendedShapes.add(new O(t,s.config,s))},[`${d}property`]:(s,e)=>{const t=s.config.getPropertyTemplate(e,s);if(t.path){let i=s.properties[t.path];if(i||(i=[],s.properties[t.path]=i),t.qualifiedValueShape)i.push(t);else{let n;for(let o=0;o<s.properties[t.path].length&&!n;o++)s.properties[t.path][o].qualifiedValueShape||(n=s.properties[t.path][o]);n?me(n,t):i.push(t)}}},[`${d}nodeKind`]:(s,e)=>{s.nodeKind=e},[`${d}targetClass`]:(s,e)=>{s.targetClass=e},[`${d}or`]:(s,e)=>{s.or=s.config.lists[e.value]},[`${d}xone`]:(s,e)=>{s.xone=s.config.lists[e.value]},[J.id]:(s,e)=>{s.owlImports.add(e)}};class O{constructor(e,t,i){this.extendedShapes=new Set,this.properties={},this.owlImports=new Set,this.id=e,this.config=t,this.parent=i,t.registerNodeTemplate(this),et(this,this.config.store.getQuads(e,null,null,null))}}function et(s,e){for(const t of e)Ze[t.predicate.id]?.call(s,s,t.object);return s}function tt(s){for(const e of Object.values(s.properties))for(const t of e){const[i,n]=U(s,t.path);if(i.length>1&&n){const o=i[i.length-1];for(let a=i.length-2;a>=0;a--){const r=i[a];delete r.parent.properties[r.path],me(o,r)}}}}function U(s,e,t=new Set,i=[],n=!1){if(!t.has(s.id.value)){t.add(s.id.value);const o=s.properties[e];if(o?.length===1){i.push(o[0]),n=n||o[0].maxCount===1;for(const a of o[0].nodeShapes){const[r,l]=U(a,e,t,i,n);n=n||l}}for(const a of s.extendedShapes){const[r,l]=U(a,e,t,i,n);n=n||l}}return[i,n]}class Q{constructor(){this.shapes=null,this.shapesUrl=null,this.shapeSubject=null,this.values=null,this.valuesUrl=null,this.valueSubject=null,this.valuesSubject=null,this.valuesNamespace="",this.valuesGraph=null,this.view=null,this.language=null,this.loading="Loading…",this.proxy=null,this.ignoreOwlImports=null,this.collapse=null,this.hierarchyColors=null,this.submitButton=null,this.generateNodeShapeReference=null,this.showNodeIds=null,this.dense="true"}}const st="#4c93d785, #f85e9a85, #00327385, #87001f85";class ce{constructor(e){this.attributes=new Q,this.loader=new Xe(this),this.prefixes={},this.editMode=!0,this.lists={},this.groups=[],this.renderedNodes=new Set,this._store=new H,this._nodeTemplates={},this._propertyTemplates={},this.validator=new ne(this._store,{details:!0,factory:f}),this.form=e,this._theme=new Ye,this.languages=[...new Set(navigator.languages.flatMap(t=>t.length>2?[t.toLocaleLowerCase(),t.substring(0,2)]:t)),""]}reset(){this.lists={},this.groups=[],this.renderedNodes.clear(),this._nodeTemplates={},this._propertyTemplates={}}updateAttributes(e){const t=new Q;if(Object.keys(t).forEach(i=>{const n=e.dataset[i];n!==void 0&&(t[i]=n)}),this.editMode=t.view===null,this.theme.setDense(t.dense==="true"),this.attributes=t,this.attributes.valueSubject&&!this.attributes.valuesSubject&&(this.attributes.valuesSubject=this.attributes.valueSubject),t.language){const i=this.languages.indexOf(t.language);i>-1&&this.languages.splice(i,1),this.languages.unshift(t.language)}if(t.valuesGraph&&(this.valuesGraphId=f.namedNode(t.valuesGraph)),t.hierarchyColors!=null){const i=t.hierarchyColors.length?t.hierarchyColors:st;let n=`:host { --hierarchy-colors: ${i}; --hierarchy-colors-length: ${i.split(",").length}; --hierarchy-color-width: 3px }`;for(let o=8;o>=0;o--){let a=`shacl-property { --hierarchy-level: ${o} }`;for(let r=0;r<o;r++)a="shacl-property "+a;n=n+` `+a}this.hierarchyColorsStyleSheet=new CSSStyleSheet,this.hierarchyColorsStyleSheet.replaceSync(n)}}static dataAttributes(){const e=new Q;return Object.keys(e).map(t=>(t=t.replace(/[A-Z]/g,i=>"-"+i.toLowerCase()),"data-"+t))}buildTemplateKey(e,t){let i=e.value;return t&&(t instanceof re?i+="*"+t.id.value:i+="*"+this.buildTemplateKey(t.id,t.parent)),i}registerNodeTemplate(e){this._nodeTemplates[this.buildTemplateKey(e.id,e.parent)]=e}registerPropertyTemplate(e){this._propertyTemplates[this.buildTemplateKey(e.id,e.parent)]=e}getNodeTemplate(e,t){const i=this.buildTemplateKey(e,t);let n=this._nodeTemplates[i];return n||(n=new O(e,this,t)),n}getPropertyTemplate(e,t){const i=this.buildTemplateKey(e,t);let n=this._propertyTemplates[i];return n||(n=new re(e,t)),n}get nodeTemplates(){return Object.values(this._nodeTemplates)}get theme(){return this._theme}set theme(e){this._theme=e,e.setDense(this.attributes.dense==="true")}get store(){return this._store}set store(e){this._store=e,this.lists=_e(e,{ignoreErrors:!0}),this.groups=[],e.forSubjects(t=>{this.groups.push(t.id)},m,`${d}PropertyGroup`,null),this.validator=new ne(e,{details:!0,factory:f})}}const nt=50;class it extends HTMLElement{constructor(){super(),this.shape=null,this.attachShadow({mode:"open"}),this.form=document.createElement("form"),this.config=new ce(this.form),this.form.addEventListener("change",e=>{e.stopPropagation(),this.config.editMode&&this.validate(!0).then(t=>{this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,composed:!0,detail:{valid:t.conforms,report:t}}))}).catch(t=>{console.warn(t)})})}static get observedAttributes(){return ce.dataAttributes()}connectedCallback(){this.shadowRoot.prepend(this.form)}attributeChangedCallback(){this.config.updateAttributes(this),this.initialize()}initialize(){clearTimeout(this.initDebounceTimeout),this.setAttribute("loading",""),this.form.replaceChildren(document.createTextNode(this.config.attributes.loading)),this.initDebounceTimeout=setTimeout(async()=>{try{this.config.reset(),await this.config.loader.loadGraphs(),this.form.replaceChildren();const e=this.findRootShaclShapeSubject();if(e){this.form.classList.forEach(n=>{this.form.classList.remove(n)}),this.form.classList.toggle("mode-edit",this.config.editMode),this.form.classList.toggle("mode-view",!this.config.editMode),this.config.theme.apply(this.form);const t=[this.config.theme.stylesheet];this.config.hierarchyColorsStyleSheet&&t.push(this.config.hierarchyColorsStyleSheet);for(const n of He())n.stylesheet&&t.push(n.stylesheet);this.shadowRoot.adoptedStyleSheets=t;const i=new O(e,this.config);for(const n of this.config.nodeTemplates)tt(n);if(this.shape=new L(i,this.config.attributes.valuesSubject?f.namedNode(this.config.attributes.valuesSubject):void 0),this.form.appendChild(this.shape),this.config.editMode){if(this.config.attributes.submitButton!==null){const n=this.config.theme.createButton(this.config.attributes.submitButton||"Submit",!0);n.addEventListener("click",o=>{o.preventDefault(),this.form.reportValidity()&&this.validate().then(a=>{if(a?.conforms)this.dispatchEvent(new Event("submit",{bubbles:!0,cancelable:!0}));else{let r=this.form.querySelector(":scope .invalid > .editor");r?r.focus():this.form.querySelector(":scope .invalid")?.scrollIntoView()}})}),this.form.appendChild(n)}setTimeout(()=>{this.config.attributes.valuesSubject&&this.removeFromDataGraph(f.namedNode(this.config.attributes.valuesSubject)),this.validate(!0)})}}else if(this.config.store.countQuads(null,null,null,j)>0)throw new Error("shacl root node shape not found")}catch(e){console.error(e);const t=document.createElement("div");t.innerText=String(e),this.form.replaceChildren(t)}this.removeAttribute("loading")},nt)}serialize(e="text/turtle",t=this.toRDF()){const i=t.getQuads(null,null,null,null);return ze(i,e,this.config.prefixes)}toRDF(e=new H){return this.shape?.toRDF(e,void 0,this.config.attributes.generateNodeShapeReference),e}registerPlugin(e){Ue(e),this.initialize()}setTheme(e){this.config.theme=e,this.initialize()}setClassInstanceProvider(e){this.config.classInstanceProvider=e,this.initialize()}async validate(e=!1){for(const t of this.form.querySelectorAll(":scope .validation-error"))t.remove();for(const t of this.form.querySelectorAll(":scope .property-instance"))t.classList.remove("invalid"),t.querySelector(":scope > .editor")?.value?t.classList.add("valid"):t.classList.remove("valid");if(this.config.store.deleteGraph(this.config.valuesGraphId||""),!this.shape)return{conforms:!0};this.shape.toRDF(this.config.store,void 0,this.config.attributes.generateNodeShapeReference);try{const t=await this.config.validator.validate({dataset:this.config.store,terms:[this.shape.nodeId]},[{terms:[this.shape.template.id]}]);for(const i of t.results)if(i.focusNode?.ptrs?.length)for(const n of i.focusNode.ptrs){const o=n._term;if(i.path?.length){const a=i.path[0].predicates[0];let r=this.form.querySelectorAll(` :scope shacl-node[data-node-id='${o.id}'] > shacl-property > .property-instance[data-path='${a.id}'] > .editor, :scope shacl-node[data-node-id='${o.id}'] > shacl-property > .shacl-group > .property-instance[data-path='${a.id}'] > .editor, :scope shacl-node[data-node-id='${o.id}'] > .shacl-group > shacl-property > .property-instance[data-path='${a.id}'] > .editor, :scope shacl-node[data-node-id='${o.id}'] > .shacl-group > shacl-property > .shacl-group > .property-instance[data-path='${a.id}'] > .editor`);r.length===0&&(r=this.form.querySelectorAll(` :scope [data-node-id='${o.id}'] > shacl-property > .property-instance[data-path='${a.id}'], :scope [data-node-id='${o.id}'] > shacl-property > .shacl-group > .property-instance[data-path='${a.id}']`));for(const l of r)if(l.classList.contains("editor")){if(!e||l.value){let c=l.parentElement;c.classList.add("invalid"),c.classList.remove("valid"),c.appendChild(this.createValidationErrorDisplay(i));do c instanceof K&&(c.open=!0),c=c.parentElement;while(c)}}else e||(l.classList.add("invalid"),l.classList.remove("valid"),l.appendChild(this.createValidationErrorDisplay(i,"node")))}else e||this.form.querySelector(`:scope [data-node-id='${o.id}']`)?.prepend(this.createValidationErrorDisplay(i,"node"))}return t}catch(t){return console.error(t),!1}}createValidationErrorDisplay(e,t){const i=document.createElement("span");if(i.classList.add("validation-error"),t&&i.classList.add(t),e)if(e.message?.length>0)for(const n of e.message)i.title+=n.value+` `;else i.title=e.sourceConstraintComponent?.value;return i}findRootShaclShapeSubject(){if(this.config.attributes.shapeSubject){const e=f.namedNode(this.config.attributes.shapeSubject);if(this.config.store.getQuads(e,m,F,null).length===0){console.warn(`shapes graph does not contain requested node shape ${this.config.attributes.shapeSubject}`);return}else return e}else{if(this.config.attributes.valuesSubject&&this.config.store.countQuads(null,null,null,v)>0){const t=f.namedNode(this.config.attributes.valuesSubject),i=[...this.config.store.getQuads(t,m,null,v),...this.config.store.getQuads(t,B,null,v)];if(i.length===0)console.warn(`value subject '${this.config.attributes.valuesSubject}' has neither ${m.id} nor ${B.id} statement`);else for(const o of i)if(this.config.store.getQuads(o.object,m,F,null).length>0)return o.object;const n=this.config.store.getObjects(t,m,v);for(const o of n)for(const a of this.config.store.getQuads(null,_,o,null))return a.subject}const e=this.config.store.getQuads(null,m,F,null);if(e.length==0){console.warn("shapes graph does not contain any node shapes");return}return e.length>1&&(console.warn("shapes graph contains",e.length,"node shapes. choosing first found which is",e[0].subject.value),console.info('hint: set the node shape to use with element attribute "data-shape-subject"')),e[0].subject}}removeFromDataGraph(e){this.config.attributes.valuesSubject;for(const t of this.config.store.getQuads(e,null,null,v))this.config.store.delete(t),(t.object.termType==="NamedNode"||t.object.termType==="BlankNode")&&this.removeFromDataGraph(t.object)}}window.customElements.define("shacl-form",it);export{ce as Config,Xe as Loader,ht as Plugin,it as ShaclForm,Qe as Theme,T as findLabel,nt as initTimeout,Ue as registerPlugin};