solid-ui 5.0.2-3 → 5.0.2-4

package/dist/chunks/{rdf-form-CH9bDx98.js → rdf-form-DVmTw3RG.js}

@@ -1,7 +1,6 @@
 import { E as e, y as t } from "./solidLogicSingleton.esm-BXyHD7mn.js";
-import { i as n, o as r, r as i, u as a, y as o } from "./components-LxiwG5ae.js";
-import { t as s } from "./decorators-V-B013l9.js";
-import { a as c, i as l, o as u, r as d, s as f } from "./rdf-input-C_V0pIS5.js";
+import { b as n, g as r, i, o as a, r as o, u as s } from "./components-C8c2Ucm5.js";
+import { a as c, i as l, o as u, r as d, s as f } from "./rdf-input-CRYLK-27.js";
 // src/components/rdf-form/RDFForm.ts
 var p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j;
 function M(e, t, n) {
@@ -177,12 +176,12 @@ var H = {
 		return e || null;
 	}
 }, U = (e) => e?.href ?? "";
-g = [s("solid-ui-rdf-form")];
+g = [r("solid-ui-rdf-form")];
 var W, G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), X = /*#__PURE__*/ new WeakMap(), Z = /*#__PURE__*/ new WeakMap();
-j = (_ = o({
+j = (_ = n({
 	context: l,
 	subscribe: !0
-}), y = n({ attribute: !1 }), x = i(), C = i(), T = i(), D = n({ converter: H }), k = n({ converter: H }), "storeContext"), p = class extends r {
+}), y = i({ attribute: !1 }), x = o(), C = o(), T = o(), D = i({ converter: H }), k = i({ converter: H }), "storeContext"), p = class extends a {
 	constructor(...e) {
 		super(...e), M(this, G, (m(this), v(this, d))), M(this, K, b(this, null)), M(this, q, S(this, !0)), M(this, J, w(this, 0)), M(this, Y, E(this, !1)), M(this, X, O(this, null)), M(this, Z, A(this, null));
 	}
@@ -232,19 +231,19 @@ j = (_ = o({
 		P(Z, this, e);
 	}
 	render() {
-		if (!this._documentsLoaded) return a``;
+		if (!this._documentsLoaded) return s``;
 		let n = this.currentStore, r = U(this.subjectUrl);
 		r && n.updater?.editable(r) !== void 0 && n.updater?.editable(r) !== !1 && (this.entireDataIsReadonly = !1);
 		let i = u(this.currentStore, U(this.formUrl));
 		if (!i) throw Error("No ui:Form found in " + U(this.formUrl));
-		let o = e(U(this.formUrl)), s = n.each(i, t.ui("parts"), null, o), c = (f(n, s) || []).flatMap((e) => e && typeof e == "object" && "elements" in e && Array.isArray(e.elements) ? e.elements : [e]).map((e) => {
-			let r = n.each(e, t.rdf("type"), null, o)[0], i = r ? r.value || String(r) : e.value || String(e), a = i.lastIndexOf("#");
+		let a = e(U(this.formUrl)), o = n.each(i, t.ui("parts"), null, a), c = (f(n, o) || []).flatMap((e) => e && typeof e == "object" && "elements" in e && Array.isArray(e.elements) ? e.elements : [e]).map((e) => {
+			let r = n.each(e, t.rdf("type"), null, a)[0], i = r ? r.value || String(r) : e.value || String(e), o = i.lastIndexOf("#");
 			return {
 				value: e,
-				fieldValue: a >= 0 ? i.slice(a + 1) : i
+				fieldValue: o >= 0 ? i.slice(o + 1) : i
 			};
 		});
-		return a`
+		return s`
       <form>
         ${c.map((t) => {
 			switch (t.fieldValue) {
@@ -260,24 +259,24 @@ j = (_ = o({
 				case "FloatField":
 				case "TextField":
 				case "SingleLineTextField":
-				case "NamedNodeURIField": return a` <solid-ui-rdf-input 
+				case "NamedNodeURIField": return s` <solid-ui-rdf-input 
                   .formSubject=${e(t.value)} 
                   .dataSubject=${e(r)}
                   .storeVersion=${this._loadVersion}
                   .readonly=${this.entireDataIsReadonly}
                 ></solid-ui-rdf-input>
                 <br>`;
-				case "MultiLineTextField": return a`<input .rdf=${t}></input>`;
-				case "BooleanField": return a`<input .rdf=${t}></input>`;
-				case "TristateField": return a`<input .rdf=${t}></input>`;
-				case "Classifier": return a`<input .rdf=${t}></input>`;
-				case "Choice": return a`<input .rdf=${t}></input>`;
-				case "Multiple": return a`<input .rdf=${t}></input>`;
-				case "Options": return a`<input .rdf=${t}></input>`;
-				case "AutocompleteField": return a`<input .rdf=${t}></input>`;
+				case "MultiLineTextField": return s`<input .rdf=${t}></input>`;
+				case "BooleanField": return s`<input .rdf=${t}></input>`;
+				case "TristateField": return s`<input .rdf=${t}></input>`;
+				case "Classifier": return s`<input .rdf=${t}></input>`;
+				case "Choice": return s`<input .rdf=${t}></input>`;
+				case "Multiple": return s`<input .rdf=${t}></input>`;
+				case "Options": return s`<input .rdf=${t}></input>`;
+				case "AutocompleteField": return s`<input .rdf=${t}></input>`;
 				case "Comment":
-				case "Heading": return a`<input .rdf=${t}></input>`;
-				default: return a`<div>Unknown part type: ${t}</div>`;
+				case "Heading": return s`<input .rdf=${t}></input>`;
+				default: return s`<div>Unknown part type: ${t}</div>`;
 			}
 		})}
       </form>
@@ -330,9 +329,9 @@ j = (_ = o({
 		1,
 		"subjectUrl"
 	]
-], g, 0, void 0, r), h();
+], g, 0, void 0, a), h();
 // src/components/rdf-form/index.ts
 var Q = W;
 export { W as n, Q as t };
 
-//# sourceMappingURL=rdf-form-CH9bDx98.js.map
+//# sourceMappingURL=rdf-form-DVmTw3RG.js.map

package/dist/chunks/{rdf-form-CH9bDx98.js.map → rdf-form-DVmTw3RG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rdf-form-CH9bDx98.js","names":["property","state","html","consume","customElement","WebComponent","ns","fetchData","findForm","sortBySequence","sym","DEFAULT_STORE","storeContext","urlConverter","fromAttribute","value","URL","toAttribute","hrefFromUrlValue","href","_classDecs","_RDFForm","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ref","_storeContextDecs","context","subscribe","_passedInStoreDecs","attribute","_entireDataIsReadonlyDecs","_loadVersionDecs","_documentsLoadedDecs","_formUrlDecs","converter","_subjectUrlDecs","RDFForm","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_storeContext","_init_passedInStore","_init_entireDataIsReadonly","_init__loadVersion","_init__documentsLoaded","_init_formUrl","_init_subjectUrl","_classPrivateFieldGet","v","_classPrivateFieldSet","passedInStore","currentStore","store","entireDataIsReadonly","_loadVersion","_documentsLoaded","formUrl","subjectUrl","render","updater","editable","undefined","formRoot","Error","formDocument","parts","each","ui","partsBySequence","partItems","flatMap","item","Array","isArray","elements","uiFields","map","types","rdf","typeNode","String","hashIndex","lastIndexOf","fieldValue","slice","part","willUpdate","changedProperties","has","loadDocumentsIfNeeded","error","console","_RDFForm2","e","c","_initClass","_applyDecs","default","consume","property","state","sym","ns","RDFForm","RDFForm","namedNode","ns_default","WebComponent","b","c","customElement","fetchData","storeContext","findForm","DEFAULT_STORE","sortBySequence","_RDFForm2","_initProto","_initClass","_classDecs","_storeContextDecs","_init_storeContext","_passedInStoreDecs","_init_passedInStore","_entireDataIsReadonlyDecs","_init_entireDataIsReadonly","_loadVersionDecs","_init__loadVersion","_documentsLoadedDecs","_init__documentsLoaded","_formUrlDecs","_init_formUrl","_subjectUrlDecs","_init_subjectUrl","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_applyDecs","i","n","o","applyDec","m","h","y","v","g","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPropertyKey","_toPrimitive","t","e","urlConverter","value","hrefFromUrlValue","_RDFForm","_A","_B","_C","_D","_E","_F","_G","args","store","subjectUrl","formRoot","formDocument","parts","uiFields","item","typeNode","hashIndex","part","changedProperties","formUrl","error","rdf_form_default"],"sources":["../../src/components/rdf-form/RDFForm.ts","../../src/components/rdf-form/index.ts"],"sourcesContent":["import { property, state } from 'lit/decorators.js'\nimport { html } from 'lit/html.js'\nimport type { PropertyValues } from 'lit'\nimport { consume } from '@lit/context'\nimport { customElement, WebComponent } from '@/lib/components'\nimport ns from '../../lib/ns'\nimport { fetchData, findForm, sortBySequence } from '../../lib/forms/rdfFormsHelper'\nimport { sym, LiveStore } from 'rdflib'\nimport '@/components/rdf-input'\nimport { DEFAULT_STORE, storeContext, StoreContext } from '@/lib/forms/store/StoreContext'\n\nconst urlConverter = {\n  fromAttribute (value: string | null): URL | null {\n    if (!value) return null\n\n    try {\n      return new URL(value)\n    } catch {\n      return null\n    }\n  },\n  toAttribute (value: URL | null) {\n    if (!value) return null\n    return value\n  }\n}\n\nconst hrefFromUrlValue = (value: URL | null): string =>\n  value?.href ?? ''\n\n@customElement('solid-ui-rdf-form')\nexport default class RDFForm extends WebComponent {\n    @consume({ context: storeContext, subscribe: true })\n    private accessor storeContext: StoreContext = DEFAULT_STORE\n\n    @property({ attribute: false })\n    accessor passedInStore: LiveStore | null = null\n\n    private get currentStore (): LiveStore {\n      return this.passedInStore ?? this.storeContext.store\n    }\n\n    @state()\n    private accessor entireDataIsReadonly: boolean = true // to protect data, we default to not editable\n\n    @state()\n    private accessor _loadVersion = 0\n\n    @state()\n    private accessor _documentsLoaded = false\n\n    @property({ converter: urlConverter })\n    accessor formUrl: URL | null = null\n\n    @property({ converter: urlConverter })\n    accessor subjectUrl: URL | null = null\n\n    render () {\n      if (!this._documentsLoaded) {\n        return html``\n      }\n\n      const store = this.currentStore\n\n      const subjectUrl = hrefFromUrlValue(this.subjectUrl)\n      if (subjectUrl && store.updater?.editable(subjectUrl) !== undefined && store.updater?.editable(subjectUrl) !== false) {\n        this.entireDataIsReadonly = false\n      }\n\n      const formRoot = findForm(this.currentStore, hrefFromUrlValue(this.formUrl))                          // If there are more 'a ui:Form' elements in a form file\n      if (!formRoot) throw new Error('No ui:Form found in ' + hrefFromUrlValue(this.formUrl))\n\n      const formDocument = sym(hrefFromUrlValue(this.formUrl))                         // rdflib NamedNode for the document\n      const parts = store.each(formRoot, ns.ui('parts'), null, formDocument)\n      const partsBySequence = sortBySequence(store, parts)\n      const partItems = (partsBySequence || []).flatMap(item => {\n        if (item && typeof item === 'object' && 'elements' in item && Array.isArray((item as any).elements)) {\n          return (item as any).elements\n        }\n        return [item]\n      })\n      const uiFields = partItems.map(item => {\n        const types = store.each(item as any, ns.rdf('type'), null, formDocument)\n        const typeNode = types[0]\n        const value = typeNode ? ((typeNode as any).value || String(typeNode)) : ((item as any).value || String(item))\n        const hashIndex = value.lastIndexOf('#')\n        return {\n          value: item,\n          fieldValue: hashIndex >= 0 ? value.slice(hashIndex + 1) : value\n        }\n      })\n\n      return html`\n      <form>\n        ${uiFields.map(part => {\n          switch (part.fieldValue) {\n              case 'PhoneField':\n              case 'EmailField':\n              case 'ColorField':\n              case 'DateField':\n              case 'DateTimeField':\n              case 'TimeField':\n              case 'NumericField':\n              case 'IntegerField':\n              case 'DecimalField':\n              case 'FloatField':\n              case 'TextField':\n              case 'SingleLineTextField':\n              case 'NamedNodeURIField': {\n                return html` <solid-ui-rdf-input \n                  .formSubject=${sym(part.value)} \n                  .dataSubject=${sym(subjectUrl)}\n                  .storeVersion=${this._loadVersion}\n                  .readonly=${this.entireDataIsReadonly}\n                ></solid-ui-rdf-input>\n                <br>`\n              }\n              case 'MultiLineTextField':\n                  return html`<input .rdf=${part}></input>`\n              case 'BooleanField':\n                  return html`<input .rdf=${part}></input>`\n              case 'TristateField':\n                  return html`<input .rdf=${part}></input>`\n              case 'Classifier':\n                  return html`<input .rdf=${part}></input>`\n              case 'Choice':\n                  return html`<input .rdf=${part}></input>`\n              case 'Multiple':\n                  return html`<input .rdf=${part}></input>`\n              case 'Options':\n                  return html`<input .rdf=${part}></input>`\n              case 'AutocompleteField':\n                  return html`<input .rdf=${part}></input>`\n              case 'Comment':\n              case 'Heading':\n                  return html`<input .rdf=${part}></input>`\n              default:\n                  return html`<div>Unknown part type: ${part}</div>`\n          }\n        })}\n      </form>\n    `\n    }\n\n    protected override willUpdate (changedProperties: PropertyValues<this>) {\n      super.willUpdate(changedProperties)\n      if (changedProperties.has('formUrl') ||\n        changedProperties.has('subjectUrl') ||\n        changedProperties.has('passedInStore')\n      ) {\n        this.loadDocumentsIfNeeded()\n      }\n    }\n\n    private async loadDocumentsIfNeeded () {\n      const store = this.currentStore\n      const formUrl = hrefFromUrlValue(this.formUrl)\n      const subjectUrl = hrefFromUrlValue(this.subjectUrl)\n\n      if (!formUrl || !subjectUrl) return\n\n      try {\n        await fetchData(store, formUrl)\n        await fetchData(store, subjectUrl)\n        this._loadVersion += 1\n        this._documentsLoaded = true\n      } catch (error) {\n        console.error('Failed to load RDF documents', error)\n      }\n    }\n}\n","import RDFForm from './RDFForm'\n\nexport { RDFForm }\nexport default RDFForm\n"],"mappings":"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"}
+{"version":3,"file":"rdf-form-DVmTw3RG.js","names":["property","state","html","consume","customElement","WebComponent","ns","fetchData","findForm","sortBySequence","sym","DEFAULT_STORE","storeContext","urlConverter","fromAttribute","value","URL","toAttribute","hrefFromUrlValue","href","_classDecs","_RDFForm","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ref","_storeContextDecs","context","subscribe","_passedInStoreDecs","attribute","_entireDataIsReadonlyDecs","_loadVersionDecs","_documentsLoadedDecs","_formUrlDecs","converter","_subjectUrlDecs","RDFForm","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_storeContext","_init_passedInStore","_init_entireDataIsReadonly","_init__loadVersion","_init__documentsLoaded","_init_formUrl","_init_subjectUrl","_classPrivateFieldGet","v","_classPrivateFieldSet","passedInStore","currentStore","store","entireDataIsReadonly","_loadVersion","_documentsLoaded","formUrl","subjectUrl","render","updater","editable","undefined","formRoot","Error","formDocument","parts","each","ui","partsBySequence","partItems","flatMap","item","Array","isArray","elements","uiFields","map","types","rdf","typeNode","String","hashIndex","lastIndexOf","fieldValue","slice","part","willUpdate","changedProperties","has","loadDocumentsIfNeeded","error","console","_RDFForm2","e","c","_initClass","_applyDecs","default","consume","property","state","sym","ns","RDFForm","RDFForm","namedNode","ns_default","c","customElement","WebComponent","b","fetchData","storeContext","findForm","DEFAULT_STORE","sortBySequence","_RDFForm2","_initProto","_initClass","_classDecs","_storeContextDecs","_init_storeContext","_passedInStoreDecs","_init_passedInStore","_entireDataIsReadonlyDecs","_init_entireDataIsReadonly","_loadVersionDecs","_init__loadVersion","_documentsLoadedDecs","_init__documentsLoaded","_formUrlDecs","_init_formUrl","_subjectUrlDecs","_init_subjectUrl","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_applyDecs","i","n","o","applyDec","m","h","y","v","g","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPropertyKey","_toPrimitive","t","e","urlConverter","value","hrefFromUrlValue","_RDFForm","_A","_B","_C","_D","_E","_F","_G","args","store","subjectUrl","formRoot","formDocument","parts","uiFields","item","typeNode","hashIndex","part","changedProperties","formUrl","error","rdf_form_default"],"sources":["../../src/components/rdf-form/RDFForm.ts","../../src/components/rdf-form/index.ts"],"sourcesContent":["import { property, state } from 'lit/decorators.js'\nimport { html } from 'lit/html.js'\nimport type { PropertyValues } from 'lit'\nimport { consume } from '@lit/context'\nimport { customElement, WebComponent } from '@/lib/components'\nimport ns from '../../lib/ns'\nimport { fetchData, findForm, sortBySequence } from '../../lib/forms/rdfFormsHelper'\nimport { sym, LiveStore } from 'rdflib'\nimport '@/components/rdf-input'\nimport { DEFAULT_STORE, storeContext, StoreContext } from '@/lib/forms/store/StoreContext'\n\nconst urlConverter = {\n  fromAttribute (value: string | null): URL | null {\n    if (!value) return null\n\n    try {\n      return new URL(value)\n    } catch {\n      return null\n    }\n  },\n  toAttribute (value: URL | null) {\n    if (!value) return null\n    return value\n  }\n}\n\nconst hrefFromUrlValue = (value: URL | null): string =>\n  value?.href ?? ''\n\n@customElement('solid-ui-rdf-form')\nexport default class RDFForm extends WebComponent {\n    @consume({ context: storeContext, subscribe: true })\n    private accessor storeContext: StoreContext = DEFAULT_STORE\n\n    @property({ attribute: false })\n    accessor passedInStore: LiveStore | null = null\n\n    private get currentStore (): LiveStore {\n      return this.passedInStore ?? this.storeContext.store\n    }\n\n    @state()\n    private accessor entireDataIsReadonly: boolean = true // to protect data, we default to not editable\n\n    @state()\n    private accessor _loadVersion = 0\n\n    @state()\n    private accessor _documentsLoaded = false\n\n    @property({ converter: urlConverter })\n    accessor formUrl: URL | null = null\n\n    @property({ converter: urlConverter })\n    accessor subjectUrl: URL | null = null\n\n    render () {\n      if (!this._documentsLoaded) {\n        return html``\n      }\n\n      const store = this.currentStore\n\n      const subjectUrl = hrefFromUrlValue(this.subjectUrl)\n      if (subjectUrl && store.updater?.editable(subjectUrl) !== undefined && store.updater?.editable(subjectUrl) !== false) {\n        this.entireDataIsReadonly = false\n      }\n\n      const formRoot = findForm(this.currentStore, hrefFromUrlValue(this.formUrl))                          // If there are more 'a ui:Form' elements in a form file\n      if (!formRoot) throw new Error('No ui:Form found in ' + hrefFromUrlValue(this.formUrl))\n\n      const formDocument = sym(hrefFromUrlValue(this.formUrl))                         // rdflib NamedNode for the document\n      const parts = store.each(formRoot, ns.ui('parts'), null, formDocument)\n      const partsBySequence = sortBySequence(store, parts)\n      const partItems = (partsBySequence || []).flatMap(item => {\n        if (item && typeof item === 'object' && 'elements' in item && Array.isArray((item as any).elements)) {\n          return (item as any).elements\n        }\n        return [item]\n      })\n      const uiFields = partItems.map(item => {\n        const types = store.each(item as any, ns.rdf('type'), null, formDocument)\n        const typeNode = types[0]\n        const value = typeNode ? ((typeNode as any).value || String(typeNode)) : ((item as any).value || String(item))\n        const hashIndex = value.lastIndexOf('#')\n        return {\n          value: item,\n          fieldValue: hashIndex >= 0 ? value.slice(hashIndex + 1) : value\n        }\n      })\n\n      return html`\n      <form>\n        ${uiFields.map(part => {\n          switch (part.fieldValue) {\n              case 'PhoneField':\n              case 'EmailField':\n              case 'ColorField':\n              case 'DateField':\n              case 'DateTimeField':\n              case 'TimeField':\n              case 'NumericField':\n              case 'IntegerField':\n              case 'DecimalField':\n              case 'FloatField':\n              case 'TextField':\n              case 'SingleLineTextField':\n              case 'NamedNodeURIField': {\n                return html` <solid-ui-rdf-input \n                  .formSubject=${sym(part.value)} \n                  .dataSubject=${sym(subjectUrl)}\n                  .storeVersion=${this._loadVersion}\n                  .readonly=${this.entireDataIsReadonly}\n                ></solid-ui-rdf-input>\n                <br>`\n              }\n              case 'MultiLineTextField':\n                  return html`<input .rdf=${part}></input>`\n              case 'BooleanField':\n                  return html`<input .rdf=${part}></input>`\n              case 'TristateField':\n                  return html`<input .rdf=${part}></input>`\n              case 'Classifier':\n                  return html`<input .rdf=${part}></input>`\n              case 'Choice':\n                  return html`<input .rdf=${part}></input>`\n              case 'Multiple':\n                  return html`<input .rdf=${part}></input>`\n              case 'Options':\n                  return html`<input .rdf=${part}></input>`\n              case 'AutocompleteField':\n                  return html`<input .rdf=${part}></input>`\n              case 'Comment':\n              case 'Heading':\n                  return html`<input .rdf=${part}></input>`\n              default:\n                  return html`<div>Unknown part type: ${part}</div>`\n          }\n        })}\n      </form>\n    `\n    }\n\n    protected override willUpdate (changedProperties: PropertyValues<this>) {\n      super.willUpdate(changedProperties)\n      if (changedProperties.has('formUrl') ||\n        changedProperties.has('subjectUrl') ||\n        changedProperties.has('passedInStore')\n      ) {\n        this.loadDocumentsIfNeeded()\n      }\n    }\n\n    private async loadDocumentsIfNeeded () {\n      const store = this.currentStore\n      const formUrl = hrefFromUrlValue(this.formUrl)\n      const subjectUrl = hrefFromUrlValue(this.subjectUrl)\n\n      if (!formUrl || !subjectUrl) return\n\n      try {\n        await fetchData(store, formUrl)\n        await fetchData(store, subjectUrl)\n        this._loadVersion += 1\n        this._documentsLoaded = true\n      } catch (error) {\n        console.error('Failed to load RDF documents', error)\n      }\n    }\n}\n","import RDFForm from './RDFForm'\n\nexport { RDFForm }\nexport default RDFForm\n"],"mappings":"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"}

package/dist/chunks/{rdf-input-C_V0pIS5.js → rdf-input-CRYLK-27.js}

@@ -1,8 +1,7 @@
 import { D as e, E as t, V as n, y as r } from "./solidLogicSingleton.esm-BXyHD7mn.js";
 import { t as i, u as a } from "./style-CXaw5EYi.js";
-import { b as o, i as s, o as c, r as l, u, v as d, y as f } from "./components-LxiwG5ae.js";
-import { t as p } from "./decorators-V-B013l9.js";
-import "./input-Bi6ZBZQw.js";
+import { b as o, g as s, i as c, o as l, r as u, u as d, x as f, y as p } from "./components-C8c2Ucm5.js";
+import "./input-Bz3l514j.js";
 // src/lib/forms/rdfFormsHelper.ts
 async function m(e, n) {
 	let r = t(n);
@@ -102,7 +101,7 @@ var v = {
 	get store() {
 		throw Error("Cannot use RDF forms without a store");
 	}
-}(), b = o(Symbol("storeContext")), x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L;
+}(), b = f(Symbol("storeContext")), x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L;
 function R(e, t, n) {
 	return (t = G(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
@@ -271,21 +270,21 @@ function te(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-w = [p("solid-ui-rdf-input")];
+w = [s("solid-ui-rdf-input")];
 var q, J = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), X = /*#__PURE__*/ new WeakMap(), Z = /*#__PURE__*/ new WeakMap(), Q = /*#__PURE__*/ new WeakMap(), $ = /*#__PURE__*/ new WeakMap();
-L = (T = f({
+L = (T = o({
 	context: b,
 	subscribe: !0
-}), D = s({
+}), D = c({
 	attribute: !1,
 	type: Object
-}), k = s({
+}), k = c({
 	attribute: !1,
 	type: Object
-}), j = s({ type: Number }), N = l(), F = s({
+}), j = c({ type: Number }), N = u(), F = c({
 	type: Boolean,
 	reflect: !0
-}), "storeContext"), x = class extends c {
+}), "storeContext"), x = class extends l {
 	get [L]() {
 		return H(J, this);
 	}
@@ -323,15 +322,15 @@ L = (T = f({
 		V($, this, e);
 	}
 	constructor() {
-		super(), z(this, J, (S(this), E(this, y))), z(this, Y, O(this, null)), z(this, X, A(this, null)), z(this, Z, M(this, 0)), z(this, Q, P(this, null)), R(this, "_updateInFlight", !1), R(this, "_pendingUpdateValue", null), z(this, $, I(this, !0)), this.id = d();
+		super(), z(this, J, (S(this), E(this, y))), z(this, Y, O(this, null)), z(this, X, A(this, null)), z(this, Z, M(this, 0)), z(this, Q, P(this, null)), R(this, "_updateInFlight", !1), R(this, "_pendingUpdateValue", null), z(this, $, I(this, !0)), this.id = p();
 	}
 	render() {
-		let e = this.getDocument(this.formSubject), t = this.getFormProperty(this.formSubject, r.ui("property"), e), n = this.getInputLabel(this.formSubject, t, e), i = this.getReadOnly(this.readonly, this.formSubject, e), a = this.formSubject ? g(this.storeContext.store, this.formSubject) : void 0, o = a ? v[a] ?? {} : {}, s = o.type ?? "text", c = this.getSelectedTerm(this.dataSubject, t, this.formSubject, o), l = i ? "" : this.defaultInputValue(o), d = this._updateInFlight || this._pendingUpdateValue !== null ? this.localInputValue ?? "" : this.termToInputValue(c);
-		return u`
+		let e = this.getDocument(this.formSubject), t = this.getFormProperty(this.formSubject, r.ui("property"), e), n = this.getInputLabel(this.formSubject, t, e), i = this.getReadOnly(this.readonly, this.formSubject, e), a = this.formSubject ? g(this.storeContext.store, this.formSubject) : void 0, o = a ? v[a] ?? {} : {}, s = o.type ?? "text", c = this.getSelectedTerm(this.dataSubject, t, this.formSubject, o), l = i ? "" : this.defaultInputValue(o), u = this._updateInFlight || this._pendingUpdateValue !== null ? this.localInputValue ?? "" : this.termToInputValue(c);
+		return d`
       <solid-ui-input
         label="${n}"
         name="name-${this.id}"
-        .value=${d}
+        .value=${u}
         .placeholder=${l}
         type="${s}"
         ?readonly=${i}
@@ -430,9 +429,9 @@ L = (T = f({
 		1,
 		"readonly"
 	]
-], w, 0, void 0, c), C();
+], w, 0, void 0, l), C();
 // src/components/rdf-input/index.ts
 var ne = q;
 export { m as a, b as i, q as n, _ as o, y as r, h as s, ne as t };
 
-//# sourceMappingURL=rdf-input-C_V0pIS5.js.map
+//# sourceMappingURL=rdf-input-CRYLK-27.js.map

package/dist/chunks/{rdf-input-C_V0pIS5.js.map → rdf-input-CRYLK-27.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rdf-input-C_V0pIS5.js","names":["sym","parse","ns","baseUri","loadDocument","store","documentSource","documentName","documentURI","preferRemote","finalDocumentUri","document","holds","undefined","removeStatements","statementsMatching","parseSource","Promise","resolve","reject","err","console","error","fetcher","load","force","clearPreviousData","then","catch","trim","length","Error","fetchData","sortBySequence","list","subfields","map","p","k","any","ui","seq","Number","value","isNaN","sort","a","b","pair","mostSpecificClassURI","subject","typeUri","findTypeURIs","specificTypes","bottomTypeURIs","finalTypes","t","push","findForm","sourceUri","docUrl","split","fragment","includes","candidate","rdf","forms","each","found","find","term","termType","sym","ns","ns","style","fieldParams","ui","uri","size","type","dt","pattern","namedNode","defaultInputValue","formGroupStyle","element","commentStyle","formHeadingStyle","ns","NoopStore","store","Error","createContext","NoopStore","DEFAULT_STORE","storeContext","Symbol","createContext","property","state","html","ns","customElement","generateId","WebComponent","Literal","st","label","mostSpecificClassURI","fieldParams","fieldTypeParams","DEFAULT_STORE","storeContext","consume","_classDecs","_RDFInput","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_storeContextDecs","context","subscribe","_formSubjectDecs","attribute","type","Object","_dataSubjectDecs","_storeVersionDecs","Number","_localInputValueDecs","_readonlyDecs","Boolean","reflect","RDFInput","_classPrivateFieldGet","v","_classPrivateFieldSet","formSubject","dataSubject","storeVersion","localInputValue","readonly","constructor","_classPrivateFieldInitSpec","_initProto","_init_storeContext","_init_formSubject","_init_dataSubject","_init_storeVersion","_init_localInputValue","_defineProperty","_init_readonly","id","render","formDocument","getDocument","uiPropertyTerm","getFormProperty","ui","inputLabel","getInputLabel","getReadOnly","fieldType","store","undefined","params","inputType","selectedTerm","getSelectedTerm","placeholder","defaultInputValue","inputValue","_updateInFlight","_pendingUpdateValue","termToInputValue","updateData","subject","doc","graph","any","formFieldSubject","uiLabel","propertyLabel","value","anyJS","defaultTerm","inputTerm","term","decodeURIComponent","String","stripped","replace","e","newValue","target","runPendingUpdate","dataDocument","updater","editable","toDeleteSt","statementsMatching","toInsertSt","objectFromNewValue","namedNode","sym","encodeURIComponent","dt","trim","xsd","map","statement","predicate","why","length","updateMany","err","console","error","_RDFInput2","c","_initClass","_applyDecs","default","consume","property","state","ns","fieldTypeParams","RDFInput","RDFInput","st","namedNode","Literal","ns_default","style","label","n","n$1","WebComponent","generateId","c","customElement","fetchData","document","documentURI","store","sortBySequence","subfields","list","k","p","seq","a","b","pair","mostSpecificClassURI","typeUri","subject","specificTypes","finalTypes","t","findForm","docUrl","sourceUri","fragment","candidate","term","fieldParams","DEFAULT_STORE","storeContext","_RDFInput2","_initProto","_initClass","_classDecs","_storeContextDecs","_init_storeContext","_formSubjectDecs","_init_formSubject","_dataSubjectDecs","_init_dataSubject","_storeVersionDecs","_init_storeVersion","_localInputValueDecs","_init_localInputValue","_readonlyDecs","_init_readonly","_ref","_defineProperty","_toPropertyKey","r","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","_classPrivateFieldGet","_applyDecs","i","o","applyDec","m","h","y","v","g","u","w","S","A","d","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_RDFInput","_A","_B","_C","_D","_E","_F","formDocument","uiPropertyTerm","inputLabel","readonly","fieldType","params","inputType","selectedTerm","placeholder","inputValue","property","graph","formFieldSubject","uiLabel","propertyLabel","defaultTerm","dataSubject","newValue","dataDocument","toDeleteSt","toInsertSt","objectFromNewValue","statement","err","rdf_input_default"],"sources":["../../src/lib/forms/rdfFormsHelper.ts","../../src/lib/forms/fieldParams.ts","../../src/lib/forms/store/NoopStore.ts","../../src/lib/forms/store/StoreContext.ts","../../src/components/rdf-input/RDFInput.ts","../../src/components/rdf-input/index.ts"],"sourcesContent":["import { sym, LiveStore, parse } from 'rdflib'\nimport type { Term } from 'rdflib/lib/tf-types'\n// eslint-disable-next-line camelcase\nimport type { Quad_Subject, NamedNode } from 'rdflib/lib/tf-types'\nimport ns from '../../lib/ns'\n\nconst baseUri = 'https://solidos.github.io/solid-ui/src/ontology/'\n\nexport function loadDocument (\n  store: LiveStore,\n  documentSource: string,\n  documentName: string,\n  documentURI?: string,\n  preferRemote = false\n) {\n  const finalDocumentUri = documentURI || baseUri + documentName   // Full URI to the file\n  const document = sym(finalDocumentUri)      // rdflib NamedNode for the document\n\n  if (store.holds(undefined, undefined, undefined, document)) {\n    store.removeStatements(store.statementsMatching(undefined, undefined, undefined, document))\n  }\n\n  const parseSource = () => {\n    return new Promise<void>((resolve, reject) => {\n      parse(documentSource, store, finalDocumentUri, 'text/turtle', (err) => {\n        if (err) {\n          console.error('Parse document error for ', finalDocumentUri, err)\n          reject(err)\n        } else {\n          resolve()\n        }\n      })\n    })\n  }\n\n  if (preferRemote && documentURI) {\n    return store.fetcher.load(documentURI, {\n      force: true,\n      clearPreviousData: true,\n    }).then(() => {}).catch((err) => {\n      if (documentSource && documentSource.trim().length > 0) {\n        return parseSource()\n      }\n      throw err\n    })\n  }\n\n  if (documentSource && documentSource.trim().length > 0) {\n    return parseSource()\n  }\n\n  if (documentURI) {\n    return store.fetcher.load(documentURI, {\n      force: true,\n      clearPreviousData: true,\n    }).then(() => {})\n  }\n\n  return Promise.reject(new Error(`No document source or URI for ${documentName}`))\n}\n\nexport async function fetchData (\n  store: LiveStore,\n  documentURI: string\n) {\n  const document = sym(documentURI)      // rdflib NamedNode for the document\n\n  if (store.holds(undefined, undefined, undefined, document)) {\n    store.removeStatements(store.statementsMatching(undefined, undefined, undefined, document))\n  }\n\n  return await store.fetcher.load(documentURI, {\n    force: true,\n    clearPreviousData: true,\n  })\n}\n\nexport function sortBySequence (\n  store: LiveStore,\n  list: Term[]\n) {\n  const subfields = list.map((p) => {\n    const k = store.any(p as any, ns.ui('sequence'))\n    const seq = k ? Number((k as { value: string }).value) : 9999\n    return [Number.isNaN(seq) ? 9999 : seq, p] as const\n  })\n\n  subfields.sort((a, b) => a[0] - b[0])\n\n  return subfields.map(pair => pair[1])\n}\n\n/**\n * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and\n * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris\n * to find the most specific RDF type if there are multiple.\n *\n * @param subject a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`\n * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`\n */\n// eslint-disable-next-line camelcase\nexport function mostSpecificClassURI (store: LiveStore, subject: Quad_Subject): string {\n  const typeUri = store.findTypeURIs(subject)\n  const specificTypes = store.bottomTypeURIs(typeUri) // most specific\n  const finalTypes: any[] = []\n  for (const t in specificTypes) finalTypes.push(t)\n  // if (finalTypes.length > 1) throw \"Didn't expect \"+subject+\" to have multiple bottom types: \"+finalTypes\n  return finalTypes[0]\n}\n\n// Find the first ui:Form node in a store, optionally matching a fragment.\n// code based on Jeff Zucker's sol-components: https://github.com/jeff-zucker/sol-components (core/form-utils.js)\nexport function findForm (store: LiveStore, sourceUri: string): NamedNode | null {\n  const docUrl = sourceUri.split('#')[0]\n  const fragment = sourceUri.includes('#') ? sourceUri.split('#')[1] : null\n  if (fragment) {\n    const candidate = sym(docUrl + '#' + fragment)\n    if (store.holds(candidate, ns.rdf('type'), ns.ui('Form'))) return candidate\n  }\n  const forms = store.each(null, ns.rdf('type'), ns.ui('Form'))\n  const found = forms.find((term) => term.termType === 'NamedNode')\n  return found ? (found as NamedNode) : null\n}\n","import ns from '../../lib/ns'\nimport { style } from '../../lib/style'\n\nexport type InputType =\n  | 'hidden'\n  | 'text'\n  | 'search'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'password'\n  | 'datetime'\n  | 'date'\n  | 'month'\n  | 'week'\n  | 'time'\n  | 'datetime-local'\n  | 'number'\n  | 'range'\n  | 'color'\n  | 'checkbox'\n  | 'radio'\n  | 'file'\n  | 'submit'\n  | 'image'\n  | 'reset'\n  | 'button'\n\nexport type FieldParamsObject = {\n  size?: number, // input element size attribute\n  type?: InputType, // input element type attribute. Default: 'text' (not for Comment and Heading)\n  element?: string, // element type to use (Comment and Heading only)\n  style?: string, // style to use\n  dt?: string, // xsd data type for the RDF Literal corresponding to the field value. Default: xsd:string\n  defaultInputValue?: string, // e.g. 'mailto:'. Default value in input field, will be removed when displaying actual value to user.\n  namedNode?: boolean, // if true, field value corresponds to the URI of an RDF NamedNode. Overrides dt and defaultInputValue.\n  pattern?: RegExp // for client-side input validation; field will go red if violated, green if ok\n}\n\n/**\n * The fieldParams object defines various constants\n * for use in various form fields. Depending on the\n * field in questions, different values may be read\n * from here.\n */\nexport const fieldParams: { [ fieldUri: string ]: FieldParamsObject } = {\n  /**\n   * Text field\n   *\n   * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm\n   * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html\n   */\n  [ns.ui('ColorField').uri]: {\n    size: 9,\n    type: 'color',\n    style: 'height: 3em;', // around 1.5em is padding\n    dt: 'color',\n    pattern: /^\\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\\s*$/\n  }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n\n  [ns.ui('DateField').uri]: {\n    size: 20,\n    type: 'date',\n    dt: 'date',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\\s*$/\n  },\n\n  [ns.ui('DateTimeField').uri]: {\n    size: 20,\n    type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime\n    dt: 'dateTime',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\\s*$/\n  },\n\n  [ns.ui('TimeField').uri]: {\n    size: 10,\n    type: 'time',\n    dt: 'time',\n    pattern: /^\\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\\s*$/\n  },\n\n  [ns.ui('IntegerField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'integer',\n    pattern: /^\\s*-?[0-9]+\\s*$/\n  },\n\n  [ns.ui('DecimalField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'decimal',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('FloatField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'float',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?((e|E)-?[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('SingleLineTextField').uri]: {\n\n  },\n  [ns.ui('NamedNodeURIField').uri]: {\n    namedNode: true\n  },\n  [ns.ui('TextField').uri]: {\n\n  },\n\n  [ns.ui('PhoneField').uri]: {\n    size: 20,\n    defaultInputValue: 'tel:',\n    pattern: /^\\+?[\\d-]+[\\d]*$/\n  },\n\n  [ns.ui('EmailField').uri]: {\n    size: 30,\n    defaultInputValue: 'mailto:',\n    pattern: /^\\s*.*@.*\\..*\\s*$/ // @@ Get the right regexp here\n  },\n\n  [ns.ui('Group').uri]: {\n    style: style.formGroupStyle\n  },\n\n  /**\n   * Non-interactive fields\n   */\n  [ns.ui('Comment').uri]: {\n    element: 'p',\n    style: style.commentStyle\n  },\n  [ns.ui('Heading').uri]: {\n    element: 'h3',\n    style: style.formHeadingStyle\n  }\n}\n","import { LiveStore } from 'rdflib'\nimport { StoreContext } from './StoreContext'\n\nexport default class NoopStore implements StoreContext {\n  get store (): LiveStore {\n    throw new Error('Cannot use RDF forms without a store')\n  }\n}\n","import { createContext } from '@lit/context'\nimport { LiveStore } from 'rdflib'\nimport NoopStore from './NoopStore'\n\nexport interface StoreContext {\n  store: LiveStore\n}\n\nexport const DEFAULT_STORE = new NoopStore()\nexport const storeContext = createContext<StoreContext>(Symbol('storeContext'))\n","import { property, state } from 'lit/decorators.js'\nimport { html } from 'lit/html.js'\nimport ns from '../../lib/ns'\nimport { customElement, generateId, WebComponent } from '@/lib/components'\nimport { Literal, NamedNode, st } from 'rdflib'\nimport { label } from '../../utils'\nimport { mostSpecificClassURI } from '../../lib/forms/rdfFormsHelper'\nimport { FieldParamsObject, fieldParams as fieldTypeParams, InputType } from '../../lib/forms/fieldParams'\nimport { DEFAULT_STORE, storeContext, StoreContext } from '@/lib/forms/store/StoreContext'\nimport { consume } from '@lit/context'\nimport '@/components/input'\n\n@customElement('solid-ui-rdf-input')\nexport default class RDFInput extends WebComponent {\n  // example RDF Turtle format source:\n  // :nameField a ui:SingleLineTextField ;\n  //   ui:property vcard:fn;\n  //   ui:label \"name\" .\n\n  // formSubject describes the field metadata\n  // dataSubject points to the data resource containing the value\n\n  @consume({ context: storeContext, subscribe: true })\n  private accessor storeContext: StoreContext = DEFAULT_STORE\n\n  @property({ attribute: false, type: Object })\n  accessor formSubject: NamedNode | null = null\n\n  @property({ attribute: false, type: Object })\n  accessor dataSubject: NamedNode | null = null\n\n  @property({ type: Number })\n  accessor storeVersion = 0\n\n  @state()\n  private accessor localInputValue: string | null = null\n\n  private _updateInFlight = false\n  private _pendingUpdateValue: string | null = null\n\n  @property({ type: Boolean, reflect: true })\n  accessor readonly: boolean = true // to protect data, we default to not editable\n\n  constructor () {\n    super()\n\n    this.id = generateId()\n  }\n\n  render () {\n    const formDocument = this.getDocument(this.formSubject)\n\n    // for building the HTML input element\n    const uiPropertyTerm = this.getFormProperty(this.formSubject, ns.ui('property'), formDocument)\n    const inputLabel = this.getInputLabel(this.formSubject, uiPropertyTerm, formDocument)\n    const readonly = this.getReadOnly(this.readonly, this.formSubject, formDocument)\n\n    const fieldType = this.formSubject ? mostSpecificClassURI(this.storeContext.store, this.formSubject) : undefined\n    const params = fieldType ? fieldTypeParams[fieldType] ?? {} : {}\n    const inputType: InputType = params.type ?? 'text'\n\n    // for populating the HTML input element\n    const selectedTerm = this.getSelectedTerm(this.dataSubject, uiPropertyTerm, this.formSubject, params)\n    const placeholder = readonly ? '' : this.defaultInputValue(params)\n    const inputValue = this._updateInFlight || this._pendingUpdateValue !== null\n      ? this.localInputValue ?? ''\n      : this.termToInputValue(selectedTerm)\n\n    return html`\n      <solid-ui-input\n        label=\"${inputLabel}\"\n        name=\"name-${this.id}\"\n        .value=${inputValue}\n        .placeholder=${placeholder}\n        type=\"${inputType}\"\n        ?readonly=${readonly}\n        @input=${this.updateData}\n      ></solid-ui-input>`\n  }\n\n  private getDocument (subject: NamedNode | null | undefined) {\n    return subject?.doc ? subject.doc() : undefined\n  }\n\n  private getFormProperty (subject: NamedNode | null | undefined, property: NamedNode, graph?: any): NamedNode | undefined {\n    if (!subject) return undefined\n    return this.storeContext.store.any(subject, property, null, graph) as NamedNode | undefined\n  }\n\n  private getInputLabel (formFieldSubject: NamedNode | null | undefined, uiPropertyTerm?: NamedNode, graph?: any): string {\n    if (!formFieldSubject) return ''\n    const uiLabel = this.storeContext.store.any(formFieldSubject, ns.ui('label'), null, graph)\n    const propertyLabel = uiPropertyTerm ? label(uiPropertyTerm, true) : ''\n    return uiLabel ? uiLabel.value : propertyLabel\n  }\n\n  private getReadOnly (readonly: boolean, formFieldSubject?: NamedNode | null, graph?: any): boolean {\n    if (formFieldSubject && readonly === false) { // if readonly is false, we can ovverride it if the field is marked as uneditable in the form\n      return !!this.storeContext.store.anyJS(formFieldSubject, ns.ui('suppressEmptyUneditable'), null, graph)\n    }\n    return readonly\n  }\n\n  private getSelectedTerm (\n    dataSubject?: NamedNode | null,\n    uiPropertyTerm?: NamedNode,\n    formFieldSubject?: NamedNode | null,\n    params?: { defaultInputValue?: string }\n  ) {\n    const defaultTerm = formFieldSubject\n      ? this.storeContext.store.any(formFieldSubject, ns.ui('default'))\n      : undefined\n\n    if (!uiPropertyTerm || !dataSubject) {\n      return defaultTerm\n    }\n\n    const inputTerm = this.storeContext.store.any(dataSubject, uiPropertyTerm)\n    return inputTerm || defaultTerm\n  }\n\n  private termToInputValue (term: any) {\n    if (!term || !('value' in term) || !term.value) return ''\n\n    try {\n      return decodeURIComponent(term.value)\n    } catch {\n      return String(term.value)\n    }\n  }\n\n  private defaultInputValue (params: { defaultInputValue?: string } = {}) {\n    const stripped = params.defaultInputValue ?? ''\n    return stripped.replace(/ /g, '')\n  }\n\n  private async updateData (e: CustomEvent) {\n    const newValue = (e.target as HTMLInputElement).value\n    this.localInputValue = newValue\n    this._pendingUpdateValue = newValue\n\n    if (this._updateInFlight) {\n      return\n    }\n\n    await this.runPendingUpdate()\n  }\n\n  private async runPendingUpdate () {\n    if (this._pendingUpdateValue === null) {\n      return\n    }\n\n    const newValue = this._pendingUpdateValue\n    this._pendingUpdateValue = null\n    this._updateInFlight = true\n\n    const uiPropertyTerm = this.getFormProperty(this.formSubject, ns.ui('property'), this.getDocument(this.formSubject))\n    if (!uiPropertyTerm || !this.dataSubject) {\n      this._updateInFlight = false\n      this.localInputValue = ''\n      return\n    }\n\n    const dataDocument = this.getDocument(this.dataSubject)\n    if (dataDocument && this.storeContext.store.updater?.editable(dataDocument) === false) {\n      this._updateInFlight = false\n      return\n    }\n\n    const toDeleteSt = this.storeContext.store.statementsMatching(this.dataSubject, uiPropertyTerm)\n    let toInsertSt: Array<ReturnType<typeof st>> = []\n\n    if (newValue) {\n      let objectFromNewValue\n      const fieldType = this.formSubject ? mostSpecificClassURI(this.storeContext.store, this.formSubject) : undefined\n      const params: FieldParamsObject = fieldType ? fieldTypeParams[fieldType] ?? {} : {}\n      if (params.namedNode) {\n        objectFromNewValue = this.storeContext.store.sym(newValue)\n      } else if (params.defaultInputValue) {\n        objectFromNewValue = encodeURIComponent(newValue.replace(/ /g, ''))\n        objectFromNewValue = this.storeContext.store.sym(params.defaultInputValue + objectFromNewValue)\n      } else {\n        if (params.dt) {\n          objectFromNewValue = new Literal(\n            newValue.trim(),\n            undefined,\n            ns.xsd(params.dt)\n          )\n        } else {\n          objectFromNewValue = new Literal(newValue)\n        }\n      }\n      toInsertSt = toDeleteSt.map((statement) => st(statement.subject, statement.predicate, objectFromNewValue, statement.why))\n      if (toInsertSt.length === 0) {\n        toInsertSt = [st(this.dataSubject, uiPropertyTerm, objectFromNewValue, this.getDocument(this.dataSubject))]\n      }\n    }\n\n    try {\n      await this.storeContext.store.updater.updateMany(toDeleteSt, toInsertSt as any)\n      this.storeVersion += 1\n    } catch (err) {\n      console.error('RDFInput update failed', err)\n    } finally {\n      this._updateInFlight = false\n    }\n\n    if (this._pendingUpdateValue !== null) {\n      await this.runPendingUpdate()\n    }\n  }\n}\n","import RDFInput from './RDFInput'\n\nexport { RDFInput }\nexport default RDFInput\n"],"mappings":"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"}
+{"version":3,"file":"rdf-input-CRYLK-27.js","names":["sym","parse","ns","baseUri","loadDocument","store","documentSource","documentName","documentURI","preferRemote","finalDocumentUri","document","holds","undefined","removeStatements","statementsMatching","parseSource","Promise","resolve","reject","err","console","error","fetcher","load","force","clearPreviousData","then","catch","trim","length","Error","fetchData","sortBySequence","list","subfields","map","p","k","any","ui","seq","Number","value","isNaN","sort","a","b","pair","mostSpecificClassURI","subject","typeUri","findTypeURIs","specificTypes","bottomTypeURIs","finalTypes","t","push","findForm","sourceUri","docUrl","split","fragment","includes","candidate","rdf","forms","each","found","find","term","termType","sym","ns","ns","style","fieldParams","ui","uri","size","type","dt","pattern","namedNode","defaultInputValue","formGroupStyle","element","commentStyle","formHeadingStyle","ns","NoopStore","store","Error","createContext","NoopStore","DEFAULT_STORE","storeContext","Symbol","createContext","property","state","html","ns","customElement","generateId","WebComponent","Literal","st","label","mostSpecificClassURI","fieldParams","fieldTypeParams","DEFAULT_STORE","storeContext","consume","_classDecs","_RDFInput","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_storeContextDecs","context","subscribe","_formSubjectDecs","attribute","type","Object","_dataSubjectDecs","_storeVersionDecs","Number","_localInputValueDecs","_readonlyDecs","Boolean","reflect","RDFInput","_classPrivateFieldGet","v","_classPrivateFieldSet","formSubject","dataSubject","storeVersion","localInputValue","readonly","constructor","_classPrivateFieldInitSpec","_initProto","_init_storeContext","_init_formSubject","_init_dataSubject","_init_storeVersion","_init_localInputValue","_defineProperty","_init_readonly","id","render","formDocument","getDocument","uiPropertyTerm","getFormProperty","ui","inputLabel","getInputLabel","getReadOnly","fieldType","store","undefined","params","inputType","selectedTerm","getSelectedTerm","placeholder","defaultInputValue","inputValue","_updateInFlight","_pendingUpdateValue","termToInputValue","updateData","subject","doc","graph","any","formFieldSubject","uiLabel","propertyLabel","value","anyJS","defaultTerm","inputTerm","term","decodeURIComponent","String","stripped","replace","e","newValue","target","runPendingUpdate","dataDocument","updater","editable","toDeleteSt","statementsMatching","toInsertSt","objectFromNewValue","namedNode","sym","encodeURIComponent","dt","trim","xsd","map","statement","predicate","why","length","updateMany","err","console","error","_RDFInput2","c","_initClass","_applyDecs","default","consume","property","state","ns","fieldTypeParams","RDFInput","RDFInput","st","namedNode","Literal","ns_default","style","label","c","customElement","n$1","WebComponent","b","n","generateId","fetchData","document","documentURI","store","sortBySequence","subfields","list","k","p","seq","a","pair","mostSpecificClassURI","typeUri","subject","specificTypes","finalTypes","t","findForm","docUrl","sourceUri","fragment","candidate","term","fieldParams","DEFAULT_STORE","storeContext","_RDFInput2","_initProto","_initClass","_classDecs","_storeContextDecs","_init_storeContext","_formSubjectDecs","_init_formSubject","_dataSubjectDecs","_init_dataSubject","_storeVersionDecs","_init_storeVersion","_localInputValueDecs","_init_localInputValue","_readonlyDecs","_init_readonly","_ref","_defineProperty","_toPropertyKey","r","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","_classPrivateFieldGet","_applyDecs","i","o","applyDec","m","h","y","v","g","u","w","S","A","d","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_RDFInput","_A","_B","_C","_D","_E","_F","formDocument","uiPropertyTerm","inputLabel","readonly","fieldType","params","inputType","selectedTerm","placeholder","inputValue","property","graph","formFieldSubject","uiLabel","propertyLabel","defaultTerm","dataSubject","newValue","dataDocument","toDeleteSt","toInsertSt","objectFromNewValue","statement","err","rdf_input_default"],"sources":["../../src/lib/forms/rdfFormsHelper.ts","../../src/lib/forms/fieldParams.ts","../../src/lib/forms/store/NoopStore.ts","../../src/lib/forms/store/StoreContext.ts","../../src/components/rdf-input/RDFInput.ts","../../src/components/rdf-input/index.ts"],"sourcesContent":["import { sym, LiveStore, parse } from 'rdflib'\nimport type { Term } from 'rdflib/lib/tf-types'\n// eslint-disable-next-line camelcase\nimport type { Quad_Subject, NamedNode } from 'rdflib/lib/tf-types'\nimport ns from '../../lib/ns'\n\nconst baseUri = 'https://solidos.github.io/solid-ui/src/ontology/'\n\nexport function loadDocument (\n  store: LiveStore,\n  documentSource: string,\n  documentName: string,\n  documentURI?: string,\n  preferRemote = false\n) {\n  const finalDocumentUri = documentURI || baseUri + documentName   // Full URI to the file\n  const document = sym(finalDocumentUri)      // rdflib NamedNode for the document\n\n  if (store.holds(undefined, undefined, undefined, document)) {\n    store.removeStatements(store.statementsMatching(undefined, undefined, undefined, document))\n  }\n\n  const parseSource = () => {\n    return new Promise<void>((resolve, reject) => {\n      parse(documentSource, store, finalDocumentUri, 'text/turtle', (err) => {\n        if (err) {\n          console.error('Parse document error for ', finalDocumentUri, err)\n          reject(err)\n        } else {\n          resolve()\n        }\n      })\n    })\n  }\n\n  if (preferRemote && documentURI) {\n    return store.fetcher.load(documentURI, {\n      force: true,\n      clearPreviousData: true,\n    }).then(() => {}).catch((err) => {\n      if (documentSource && documentSource.trim().length > 0) {\n        return parseSource()\n      }\n      throw err\n    })\n  }\n\n  if (documentSource && documentSource.trim().length > 0) {\n    return parseSource()\n  }\n\n  if (documentURI) {\n    return store.fetcher.load(documentURI, {\n      force: true,\n      clearPreviousData: true,\n    }).then(() => {})\n  }\n\n  return Promise.reject(new Error(`No document source or URI for ${documentName}`))\n}\n\nexport async function fetchData (\n  store: LiveStore,\n  documentURI: string\n) {\n  const document = sym(documentURI)      // rdflib NamedNode for the document\n\n  if (store.holds(undefined, undefined, undefined, document)) {\n    store.removeStatements(store.statementsMatching(undefined, undefined, undefined, document))\n  }\n\n  return await store.fetcher.load(documentURI, {\n    force: true,\n    clearPreviousData: true,\n  })\n}\n\nexport function sortBySequence (\n  store: LiveStore,\n  list: Term[]\n) {\n  const subfields = list.map((p) => {\n    const k = store.any(p as any, ns.ui('sequence'))\n    const seq = k ? Number((k as { value: string }).value) : 9999\n    return [Number.isNaN(seq) ? 9999 : seq, p] as const\n  })\n\n  subfields.sort((a, b) => a[0] - b[0])\n\n  return subfields.map(pair => pair[1])\n}\n\n/**\n * Which class of field is this? Relies on http://www.w3.org/2000/01/rdf-schema#subClassOf and\n * https://linkeddata.github.io/rdflib.js/doc/classes/formula.html#bottomtypeuris\n * to find the most specific RDF type if there are multiple.\n *\n * @param subject a form field, e.g. `namedNode('https://timbl.com/timbl/Public/Test/Forms/individualForm.ttl#fullNameField')`\n * @returns the URI of the most specific known class, e.g. `http://www.w3.org/ns/ui#SingleLineTextField`\n */\n// eslint-disable-next-line camelcase\nexport function mostSpecificClassURI (store: LiveStore, subject: Quad_Subject): string {\n  const typeUri = store.findTypeURIs(subject)\n  const specificTypes = store.bottomTypeURIs(typeUri) // most specific\n  const finalTypes: any[] = []\n  for (const t in specificTypes) finalTypes.push(t)\n  // if (finalTypes.length > 1) throw \"Didn't expect \"+subject+\" to have multiple bottom types: \"+finalTypes\n  return finalTypes[0]\n}\n\n// Find the first ui:Form node in a store, optionally matching a fragment.\n// code based on Jeff Zucker's sol-components: https://github.com/jeff-zucker/sol-components (core/form-utils.js)\nexport function findForm (store: LiveStore, sourceUri: string): NamedNode | null {\n  const docUrl = sourceUri.split('#')[0]\n  const fragment = sourceUri.includes('#') ? sourceUri.split('#')[1] : null\n  if (fragment) {\n    const candidate = sym(docUrl + '#' + fragment)\n    if (store.holds(candidate, ns.rdf('type'), ns.ui('Form'))) return candidate\n  }\n  const forms = store.each(null, ns.rdf('type'), ns.ui('Form'))\n  const found = forms.find((term) => term.termType === 'NamedNode')\n  return found ? (found as NamedNode) : null\n}\n","import ns from '../../lib/ns'\nimport { style } from '../../lib/style'\n\nexport type InputType =\n  | 'hidden'\n  | 'text'\n  | 'search'\n  | 'tel'\n  | 'url'\n  | 'email'\n  | 'password'\n  | 'datetime'\n  | 'date'\n  | 'month'\n  | 'week'\n  | 'time'\n  | 'datetime-local'\n  | 'number'\n  | 'range'\n  | 'color'\n  | 'checkbox'\n  | 'radio'\n  | 'file'\n  | 'submit'\n  | 'image'\n  | 'reset'\n  | 'button'\n\nexport type FieldParamsObject = {\n  size?: number, // input element size attribute\n  type?: InputType, // input element type attribute. Default: 'text' (not for Comment and Heading)\n  element?: string, // element type to use (Comment and Heading only)\n  style?: string, // style to use\n  dt?: string, // xsd data type for the RDF Literal corresponding to the field value. Default: xsd:string\n  defaultInputValue?: string, // e.g. 'mailto:'. Default value in input field, will be removed when displaying actual value to user.\n  namedNode?: boolean, // if true, field value corresponds to the URI of an RDF NamedNode. Overrides dt and defaultInputValue.\n  pattern?: RegExp // for client-side input validation; field will go red if violated, green if ok\n}\n\n/**\n * The fieldParams object defines various constants\n * for use in various form fields. Depending on the\n * field in questions, different values may be read\n * from here.\n */\nexport const fieldParams: { [ fieldUri: string ]: FieldParamsObject } = {\n  /**\n   * Text field\n   *\n   * For possible date popups see e.g. http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm\n   * or use HTML5: http://www.w3.org/TR/2011/WD-html-markup-20110113/input.date.html\n   */\n  [ns.ui('ColorField').uri]: {\n    size: 9,\n    type: 'color',\n    style: 'height: 3em;', // around 1.5em is padding\n    dt: 'color',\n    pattern: /^\\s*#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]([0-9a-f][0-9a-f])?\\s*$/\n  }, // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n\n  [ns.ui('DateField').uri]: {\n    size: 20,\n    type: 'date',\n    dt: 'date',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\\s*$/\n  },\n\n  [ns.ui('DateTimeField').uri]: {\n    size: 20,\n    type: 'datetime-local', // See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime\n    dt: 'dateTime',\n    pattern: /^\\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?(T[0-2][0-9]:[0-5][0-9](:[0-5][0-9])?)?Z?\\s*$/\n  },\n\n  [ns.ui('TimeField').uri]: {\n    size: 10,\n    type: 'time',\n    dt: 'time',\n    pattern: /^\\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\\s*$/\n  },\n\n  [ns.ui('IntegerField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'integer',\n    pattern: /^\\s*-?[0-9]+\\s*$/\n  },\n\n  [ns.ui('DecimalField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'decimal',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('FloatField').uri]: {\n    size: 12,\n    style: 'text-align: right;',\n    dt: 'float',\n    pattern: /^\\s*-?[0-9]*(\\.[0-9]*)?((e|E)-?[0-9]*)?\\s*$/\n  },\n\n  [ns.ui('SingleLineTextField').uri]: {\n\n  },\n  [ns.ui('NamedNodeURIField').uri]: {\n    namedNode: true\n  },\n  [ns.ui('TextField').uri]: {\n\n  },\n\n  [ns.ui('PhoneField').uri]: {\n    size: 20,\n    defaultInputValue: 'tel:',\n    pattern: /^\\+?[\\d-]+[\\d]*$/\n  },\n\n  [ns.ui('EmailField').uri]: {\n    size: 30,\n    defaultInputValue: 'mailto:',\n    pattern: /^\\s*.*@.*\\..*\\s*$/ // @@ Get the right regexp here\n  },\n\n  [ns.ui('Group').uri]: {\n    style: style.formGroupStyle\n  },\n\n  /**\n   * Non-interactive fields\n   */\n  [ns.ui('Comment').uri]: {\n    element: 'p',\n    style: style.commentStyle\n  },\n  [ns.ui('Heading').uri]: {\n    element: 'h3',\n    style: style.formHeadingStyle\n  }\n}\n","import { LiveStore } from 'rdflib'\nimport { StoreContext } from './StoreContext'\n\nexport default class NoopStore implements StoreContext {\n  get store (): LiveStore {\n    throw new Error('Cannot use RDF forms without a store')\n  }\n}\n","import { createContext } from '@lit/context'\nimport { LiveStore } from 'rdflib'\nimport NoopStore from './NoopStore'\n\nexport interface StoreContext {\n  store: LiveStore\n}\n\nexport const DEFAULT_STORE = new NoopStore()\nexport const storeContext = createContext<StoreContext>(Symbol('storeContext'))\n","import { property, state } from 'lit/decorators.js'\nimport { html } from 'lit/html.js'\nimport ns from '../../lib/ns'\nimport { customElement, generateId, WebComponent } from '@/lib/components'\nimport { Literal, NamedNode, st } from 'rdflib'\nimport { label } from '../../utils'\nimport { mostSpecificClassURI } from '../../lib/forms/rdfFormsHelper'\nimport { FieldParamsObject, fieldParams as fieldTypeParams, InputType } from '../../lib/forms/fieldParams'\nimport { DEFAULT_STORE, storeContext, StoreContext } from '@/lib/forms/store/StoreContext'\nimport { consume } from '@lit/context'\nimport '@/components/input'\n\n@customElement('solid-ui-rdf-input')\nexport default class RDFInput extends WebComponent {\n  // example RDF Turtle format source:\n  // :nameField a ui:SingleLineTextField ;\n  //   ui:property vcard:fn;\n  //   ui:label \"name\" .\n\n  // formSubject describes the field metadata\n  // dataSubject points to the data resource containing the value\n\n  @consume({ context: storeContext, subscribe: true })\n  private accessor storeContext: StoreContext = DEFAULT_STORE\n\n  @property({ attribute: false, type: Object })\n  accessor formSubject: NamedNode | null = null\n\n  @property({ attribute: false, type: Object })\n  accessor dataSubject: NamedNode | null = null\n\n  @property({ type: Number })\n  accessor storeVersion = 0\n\n  @state()\n  private accessor localInputValue: string | null = null\n\n  private _updateInFlight = false\n  private _pendingUpdateValue: string | null = null\n\n  @property({ type: Boolean, reflect: true })\n  accessor readonly: boolean = true // to protect data, we default to not editable\n\n  constructor () {\n    super()\n\n    this.id = generateId()\n  }\n\n  render () {\n    const formDocument = this.getDocument(this.formSubject)\n\n    // for building the HTML input element\n    const uiPropertyTerm = this.getFormProperty(this.formSubject, ns.ui('property'), formDocument)\n    const inputLabel = this.getInputLabel(this.formSubject, uiPropertyTerm, formDocument)\n    const readonly = this.getReadOnly(this.readonly, this.formSubject, formDocument)\n\n    const fieldType = this.formSubject ? mostSpecificClassURI(this.storeContext.store, this.formSubject) : undefined\n    const params = fieldType ? fieldTypeParams[fieldType] ?? {} : {}\n    const inputType: InputType = params.type ?? 'text'\n\n    // for populating the HTML input element\n    const selectedTerm = this.getSelectedTerm(this.dataSubject, uiPropertyTerm, this.formSubject, params)\n    const placeholder = readonly ? '' : this.defaultInputValue(params)\n    const inputValue = this._updateInFlight || this._pendingUpdateValue !== null\n      ? this.localInputValue ?? ''\n      : this.termToInputValue(selectedTerm)\n\n    return html`\n      <solid-ui-input\n        label=\"${inputLabel}\"\n        name=\"name-${this.id}\"\n        .value=${inputValue}\n        .placeholder=${placeholder}\n        type=\"${inputType}\"\n        ?readonly=${readonly}\n        @input=${this.updateData}\n      ></solid-ui-input>`\n  }\n\n  private getDocument (subject: NamedNode | null | undefined) {\n    return subject?.doc ? subject.doc() : undefined\n  }\n\n  private getFormProperty (subject: NamedNode | null | undefined, property: NamedNode, graph?: any): NamedNode | undefined {\n    if (!subject) return undefined\n    return this.storeContext.store.any(subject, property, null, graph) as NamedNode | undefined\n  }\n\n  private getInputLabel (formFieldSubject: NamedNode | null | undefined, uiPropertyTerm?: NamedNode, graph?: any): string {\n    if (!formFieldSubject) return ''\n    const uiLabel = this.storeContext.store.any(formFieldSubject, ns.ui('label'), null, graph)\n    const propertyLabel = uiPropertyTerm ? label(uiPropertyTerm, true) : ''\n    return uiLabel ? uiLabel.value : propertyLabel\n  }\n\n  private getReadOnly (readonly: boolean, formFieldSubject?: NamedNode | null, graph?: any): boolean {\n    if (formFieldSubject && readonly === false) { // if readonly is false, we can ovverride it if the field is marked as uneditable in the form\n      return !!this.storeContext.store.anyJS(formFieldSubject, ns.ui('suppressEmptyUneditable'), null, graph)\n    }\n    return readonly\n  }\n\n  private getSelectedTerm (\n    dataSubject?: NamedNode | null,\n    uiPropertyTerm?: NamedNode,\n    formFieldSubject?: NamedNode | null,\n    params?: { defaultInputValue?: string }\n  ) {\n    const defaultTerm = formFieldSubject\n      ? this.storeContext.store.any(formFieldSubject, ns.ui('default'))\n      : undefined\n\n    if (!uiPropertyTerm || !dataSubject) {\n      return defaultTerm\n    }\n\n    const inputTerm = this.storeContext.store.any(dataSubject, uiPropertyTerm)\n    return inputTerm || defaultTerm\n  }\n\n  private termToInputValue (term: any) {\n    if (!term || !('value' in term) || !term.value) return ''\n\n    try {\n      return decodeURIComponent(term.value)\n    } catch {\n      return String(term.value)\n    }\n  }\n\n  private defaultInputValue (params: { defaultInputValue?: string } = {}) {\n    const stripped = params.defaultInputValue ?? ''\n    return stripped.replace(/ /g, '')\n  }\n\n  private async updateData (e: CustomEvent) {\n    const newValue = (e.target as HTMLInputElement).value\n    this.localInputValue = newValue\n    this._pendingUpdateValue = newValue\n\n    if (this._updateInFlight) {\n      return\n    }\n\n    await this.runPendingUpdate()\n  }\n\n  private async runPendingUpdate () {\n    if (this._pendingUpdateValue === null) {\n      return\n    }\n\n    const newValue = this._pendingUpdateValue\n    this._pendingUpdateValue = null\n    this._updateInFlight = true\n\n    const uiPropertyTerm = this.getFormProperty(this.formSubject, ns.ui('property'), this.getDocument(this.formSubject))\n    if (!uiPropertyTerm || !this.dataSubject) {\n      this._updateInFlight = false\n      this.localInputValue = ''\n      return\n    }\n\n    const dataDocument = this.getDocument(this.dataSubject)\n    if (dataDocument && this.storeContext.store.updater?.editable(dataDocument) === false) {\n      this._updateInFlight = false\n      return\n    }\n\n    const toDeleteSt = this.storeContext.store.statementsMatching(this.dataSubject, uiPropertyTerm)\n    let toInsertSt: Array<ReturnType<typeof st>> = []\n\n    if (newValue) {\n      let objectFromNewValue\n      const fieldType = this.formSubject ? mostSpecificClassURI(this.storeContext.store, this.formSubject) : undefined\n      const params: FieldParamsObject = fieldType ? fieldTypeParams[fieldType] ?? {} : {}\n      if (params.namedNode) {\n        objectFromNewValue = this.storeContext.store.sym(newValue)\n      } else if (params.defaultInputValue) {\n        objectFromNewValue = encodeURIComponent(newValue.replace(/ /g, ''))\n        objectFromNewValue = this.storeContext.store.sym(params.defaultInputValue + objectFromNewValue)\n      } else {\n        if (params.dt) {\n          objectFromNewValue = new Literal(\n            newValue.trim(),\n            undefined,\n            ns.xsd(params.dt)\n          )\n        } else {\n          objectFromNewValue = new Literal(newValue)\n        }\n      }\n      toInsertSt = toDeleteSt.map((statement) => st(statement.subject, statement.predicate, objectFromNewValue, statement.why))\n      if (toInsertSt.length === 0) {\n        toInsertSt = [st(this.dataSubject, uiPropertyTerm, objectFromNewValue, this.getDocument(this.dataSubject))]\n      }\n    }\n\n    try {\n      await this.storeContext.store.updater.updateMany(toDeleteSt, toInsertSt as any)\n      this.storeVersion += 1\n    } catch (err) {\n      console.error('RDFInput update failed', err)\n    } finally {\n      this._updateInFlight = false\n    }\n\n    if (this._pendingUpdateValue !== null) {\n      await this.runPendingUpdate()\n    }\n  }\n}\n","import RDFInput from './RDFInput'\n\nexport { RDFInput }\nexport default RDFInput\n"],"mappings":";;;;;AA6DA,eAAsBgC,EACpB3B,GACAG,GACA;CACA,IAAMG,IAAWX,EAAIQ,CAAW;CAMhC,OAJIH,EAAMO,MAAMC,KAAAA,GAAWA,KAAAA,GAAWA,KAAAA,GAAWF,CAAQ,KACvDN,EAAMS,iBAAiBT,EAAMU,mBAAmBF,KAAAA,GAAWA,KAAAA,GAAWA,KAAAA,GAAWF,CAAQ,CAAC,GAGrF,MAAMN,EAAMkB,QAAQC,KAAKhB,GAAa;EAC3CiB,OAAO;EACPC,mBAAmB;CACrB,CAAC;AACH;AAEA,SAAgBO,EACd5B,GACA6B,GACA;CACA,IAAMC,IAAYD,EAAKE,KAAKC,MAAM;EAChC,IAAMC,IAAIjC,EAAMkC,IAAIF,GAAUnC,EAAGsC,GAAG,UAAU,CAAC,GACzCC,IAAMH,IAAII,OAAQJ,EAAwBK,KAAK,IAAI;EACzD,OAAO,CAACD,OAAOE,MAAMH,CAAG,IAAI,OAAOA,GAAKJ,CAAC;CAC3C,CAAC;CAID,OAFAF,EAAUU,MAAMC,GAAGC,MAAMD,EAAE,KAAKC,EAAE,EAAE,GAE7BZ,EAAUC,KAAIY,MAAQA,EAAK,EAAE;AACtC;AAWA,SAAgBC,EAAsB5C,GAAkB6C,GAA+B;CACrF,IAAMC,IAAU9C,EAAM+C,aAAaF,CAAO,GACpCG,IAAgBhD,EAAMiD,eAAeH,CAAO,GAC5CI,IAAoB,CAAA;CAC1B,KAAK,IAAMC,KAAKH,GAAeE,EAAWE,KAAKD,CAAC;CAEhD,OAAOD,EAAW;AACpB;AAIA,SAAgBG,EAAUrD,GAAkBsD,GAAqC;CAC/E,IAAMC,IAASD,EAAUE,MAAM,GAAG,CAAC,CAAC,IAC9BC,IAAWH,EAAUI,SAAS,GAAG,IAAIJ,EAAUE,MAAM,GAAG,CAAC,CAAC,KAAK;CACrE,IAAIC,GAAU;EACZ,IAAME,IAAYhE,EAAI4D,IAAS,MAAME,CAAQ;EAC7C,IAAIzD,EAAMO,MAAMoD,GAAW9D,EAAG+D,IAAI,MAAM,GAAG/D,EAAGsC,GAAG,MAAM,CAAC,GAAG,OAAOwB;CACpE;CAGA,OAFc3D,EAAM8D,KAAK,MAAMjE,EAAG+D,IAAI,MAAM,GAAG/D,EAAGsC,GAAG,MAAM,CAC7C0B,CAAAA,CAAMG,MAAMC,MAASA,EAAKC,aAAa,WAC9CH,KAA+B;AACxC;;AC7EA,IAAaQ,IAA2D;EAOrEF,EAAGG,GAAG,YAAY,CAAC,CAACC,MAAM;EACzBC,MAAM;EACNC,MAAM;EACNL,OAAO;EACPM,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,WAAW,CAAC,CAACC,MAAM;EACxBC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,eAAe,CAAC,CAACC,MAAM;EAC5BC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,WAAW,CAAC,CAACC,MAAM;EACxBC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,cAAc,CAAC,CAACC,MAAM;EAC3BC,MAAM;EACNJ,OAAO;EACPM,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,cAAc,CAAC,CAACC,MAAM;EAC3BC,MAAM;EACNJ,OAAO;EACPM,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,YAAY,CAAC,CAACC,MAAM;EACzBC,MAAM;EACNJ,OAAO;EACPM,IAAI;EACJC,SAAS;CACX;EAECR,EAAGG,GAAG,qBAAqB,CAAC,CAACC,MAAM,CAEpC;EACCJ,EAAGG,GAAG,mBAAmB,CAAC,CAACC,MAAM,EAChCK,WAAW,GACb;EACCT,EAAGG,GAAG,WAAW,CAAC,CAACC,MAAM,CAE1B;EAECJ,EAAGG,GAAG,YAAY,CAAC,CAACC,MAAM;EACzBC,MAAM;EACNK,mBAAmB;EACnBF,SAAS;CACX;EAECR,EAAGG,GAAG,YAAY,CAAC,CAACC,MAAM;EACzBC,MAAM;EACNK,mBAAmB;EACnBF,SAAS;CACX;EAECR,EAAGG,GAAG,OAAO,CAAC,CAACC,MAAM,EACpBH,OAAOA,EAAMU,eACf;EAKCX,EAAGG,GAAG,SAAS,CAAC,CAACC,MAAM;EACtBQ,SAAS;EACTX,OAAOA,EAAMY;CACf;EACCb,EAAGG,GAAG,SAAS,CAAC,CAACC,MAAM;EACtBQ,SAAS;EACTX,OAAOA,EAAMa;CACf;AACF,GEnIaO,IAAgB,IAAID,MDLsB;CACrD,IAAIH,QAAoB;EACtB,MAAUC,MAAM,sCAAsC;CACxD;AACF,ECC2C,GAC9BI,IAAeH,EAA4BI,OAAO,cAAc,CAAC,G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACCnDkB,IAAA,CAE1BZ,EAAc,oBAAoB,CAAC;AAAA,IAAAa,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,kBAAA,IAAAJ,QAAA,GAAAK,kBAAA,IAAAL,QAAA;AAAAM,KAAAC,IAUjCX,EAAQ;CAAEY,SAASb;CAAcc,WAAW;AAAK,CAAC,GAACC,IAGnD7B,EAAS;CAAE8B,WAAW;CAAOC,MAAMC;AAAO,CAAC,GAACC,IAG5CjC,EAAS;CAAE8B,WAAW;CAAOC,MAAMC;AAAO,CAAC,GAACE,IAG5ClC,EAAS,EAAE+B,MAAMI,OAAO,CAAC,GAACC,IAG1BnC,EAAM,GAACoC,IAMPrC,EAAS;CAAE+B,MAAMO;CAASC,SAAS;AAAK,CAAC,GAAC,iBA4K5CsF,IAAArF,cAvMqClC,EAAa;CAAA,KAAAmB,KAAA;EAAA,OAAAgB,EAAAvB,GAAA,IAAA;CAAA;CAAA,IAUhCJ,aAAY4B,GAAA;EAAAC,EAAAzB,GAAA,MAAAwB,CAAA;CAAA;CAAA,IAGpBE,cAAW;EAAA,OAAAH,EAAArB,GAAA,IAAA;CAAA;CAAA,IAAXwB,YAAWF,GAAA;EAAAC,EAAAvB,GAAA,MAAAsB,CAAA;CAAA;CAAA,IAGXG,cAAW;EAAA,OAAAJ,EAAApB,GAAA,IAAA;CAAA;CAAA,IAAXwB,YAAWH,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGXI,eAAY;EAAA,OAAAL,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAAZwB,aAAYJ,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAAA,IAGJK,kBAAe;EAAA,OAAAN,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAAfwB,gBAAeL,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAME,IAAzBM,WAAQ;EAAA,OAAAP,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAARwB,SAAQN,GAAA;EAAAC,EAAAnB,GAAA,MAAAkB,CAAA;CAAA;CAEjBO,cAAe;EAGb,AAFA,MAAM,GAxBRC,EAAA,MAAAhC,IAAAiC,EAAA,IAAA,GAAAC,EAAA,MAG8CvC,CAAa,EAAA,GAAAqC,EAAA,MAAA9B,GAAAiC,EAAA,MAGlB,IAAI,CAAA,GAAAH,EAAA,MAAA7B,GAAAiC,EAAA,MAGJ,IAAI,CAAA,GAAAJ,EAAA,MAAA5B,GAAAiC,EAAA,MAGrB,CAAC,CAAA,GAAAL,EAAA,MAAA3B,GAAAiC,EAAA,MAGyB,IAAI,CAAA,GAAAC,EAAA,MAAA,mBAE5B,EAAK,GAAAA,EAAA,MAAA,uBACc,IAAI,GAAAP,EAAA,MAAA1B,GAAAkC,EAAA,MAGpB,EAAI,CAAA,GAK/B,KAAKC,KAAKtD,EAAW;CACvB;CAEAuD,SAAU;EACR,IAAMC,IAAe,KAAKC,YAAY,KAAKlB,WAAW,GAGhDmB,IAAiB,KAAKC,gBAAgB,KAAKpB,aAAazC,EAAG8D,GAAG,UAAU,GAAGJ,CAAY,GACvFK,IAAa,KAAKC,cAAc,KAAKvB,aAAamB,GAAgBF,CAAY,GAC9Eb,IAAW,KAAKoB,YAAY,KAAKpB,UAAU,KAAKJ,aAAaiB,CAAY,GAEzEQ,IAAY,KAAKzB,cAAclC,EAAqB,KAAKI,aAAawD,OAAO,KAAK1B,WAAW,IAAI2B,KAAAA,GACjGC,IAASH,IAAYzD,EAAgByD,MAAc,CAAC,IAAI,CAAC,GACzDI,IAAuBD,EAAOzC,QAAQ,QAGtC2C,IAAe,KAAKC,gBAAgB,KAAK9B,aAAakB,GAAgB,KAAKnB,aAAa4B,CAAM,GAC9FI,IAAc5B,IAAW,KAAK,KAAK6B,kBAAkBL,CAAM,GAC3DM,IAAa,KAAKC,mBAAmB,KAAKC,wBAAwB,OACpE,KAAKjC,mBAAmB,KACxB,KAAKkC,iBAAiBP,CAAY;EAEtC,OAAOxE,CAAI;;iBAEEgE,EAAU;qBACN,KAAKP,GAAE;iBACXmB,EAAU;uBACJF,EAAW;gBAClBH,EAAS;oBACLzB,EAAQ;iBACX,KAAKkC,WAAU;;CAE9B;CAEQpB,YAAaqB,GAAuC;EAC1D,OAAOA,GAASC,MAAMD,EAAQC,IAAI,IAAIb,KAAAA;CACxC;CAEQP,gBAAiBmB,GAAuCnF,GAAqBqF,GAAoC;EACvH,IAAKF,GACL,OAAO,KAAKrE,aAAawD,MAAMgB,IAAIH,GAASnF,GAAU,MAAMqF,CAAK;CACnE;CAEQlB,cAAeoB,GAAgDxB,GAA4BsB,GAAqB;EACtH,IAAI,CAACE,GAAkB,OAAO;EAC9B,IAAMC,IAAU,KAAK1E,aAAawD,MAAMgB,IAAIC,GAAkBpF,EAAG8D,GAAG,OAAO,GAAG,MAAMoB,CAAK,GACnFI,IAAgB1B,IAAiBtD,EAAMsD,GAAgB,EAAI,IAAI;EACrE,OAAOyB,IAAUA,EAAQE,QAAQD;CACnC;CAEQrB,YAAapB,GAAmBuC,GAAqCF,GAAsB;EAIjG,OAHIE,KAAoBvC,MAAa,KAC5B,CAAC,CAAC,KAAKlC,aAAawD,MAAMqB,MAAMJ,GAAkBpF,EAAG8D,GAAG,yBAAyB,GAAG,MAAMoB,CAAK,IAEjGrC;CACT;CAEQ2B,gBACN9B,GACAkB,GACAwB,GACAf,GACA;EACA,IAAMoB,IAAcL,IAChB,KAAKzE,aAAawD,MAAMgB,IAAIC,GAAkBpF,EAAG8D,GAAG,SAAS,CAAC,IAC9DM,KAAAA;EAOJ,OALI,CAACR,KAAkB,CAAClB,IACf+C,IAGS,KAAK9E,aAAawD,MAAMgB,IAAIzC,GAAakB,CACpD8B,KAAaD;CACtB;CAEQX,iBAAkBa,GAAW;EACnC,IAAI,CAACA,KAAQ,EAAE,WAAWA,MAAS,CAACA,EAAKJ,OAAO,OAAO;EAEvD,IAAI;GACF,OAAOK,mBAAmBD,EAAKJ,KAAK;EACtC,QAAQ;GACN,OAAOM,OAAOF,EAAKJ,KAAK;EAC1B;CACF;CAEQb,kBAAmBL,IAAyC,CAAC,GAAG;EAEtE,QADiBA,EAAOK,qBAAqB,GAAA,CAC7BqB,QAAQ,MAAM,EAAE;CAClC;CAEA,MAAchB,WAAYiB,GAAgB;EACxC,IAAMC,IAAYD,EAAEE,OAA4BX;EAIhD,AAHA,KAAK3C,kBAAkBqD,GACvB,KAAKpB,sBAAsBoB,GAEvB,MAAKrB,mBAIT,MAAM,KAAKuB,iBAAiB;CAC9B;CAEA,MAAcA,mBAAoB;EAChC,IAAI,KAAKtB,wBAAwB,MAC/B;EAGF,IAAMoB,IAAW,KAAKpB;EAEtB,AADA,KAAKA,sBAAsB,MAC3B,KAAKD,kBAAkB;EAEvB,IAAMhB,IAAiB,KAAKC,gBAAgB,KAAKpB,aAAazC,EAAG8D,GAAG,UAAU,GAAG,KAAKH,YAAY,KAAKlB,WAAW,CAAC;EACnH,IAAI,CAACmB,KAAkB,CAAC,KAAKlB,aAAa;GAExC,AADA,KAAKkC,kBAAkB,IACvB,KAAKhC,kBAAkB;GACvB;EACF;EAEA,IAAMwD,IAAe,KAAKzC,YAAY,KAAKjB,WAAW;EACtD,IAAI0D,KAAgB,KAAKzF,aAAawD,MAAMkC,SAASC,SAASF,CAAY,MAAM,IAAO;GACrF,KAAKxB,kBAAkB;GACvB;EACF;EAEA,IAAM2B,IAAa,KAAK5F,aAAawD,MAAMqC,mBAAmB,KAAK9D,aAAakB,CAAc,GAC1F6C,IAA2C,CAAA;EAE/C,IAAIR,GAAU;GACZ,IAAIS,GACExC,IAAY,KAAKzB,cAAclC,EAAqB,KAAKI,aAAawD,OAAO,KAAK1B,WAAW,IAAI2B,KAAAA,GACjGC,IAA4BH,IAAYzD,EAAgByD,MAAc,CAAC,IAAI,CAAC;GAkBlF,AAjBIG,EAAOsC,YACTD,IAAqB,KAAK/F,aAAawD,MAAMyC,IAAIX,CAAQ,IAChD5B,EAAOK,qBAChBgC,IAAqBG,mBAAmBZ,EAASF,QAAQ,MAAM,EAAE,CAAC,GAClEW,IAAqB,KAAK/F,aAAawD,MAAMyC,IAAIvC,EAAOK,oBAAoBgC,CAAkB,KAE9F,AAOEA,IAPErC,EAAOyC,KACY,IAAI1G,EACvB6F,EAASc,KAAK,GACd3C,KAAAA,GACApE,EAAGgH,IAAI3C,EAAOyC,EAAE,CAClB,IAEqB,IAAI1G,EAAQ6F,CAAQ,GAG7CQ,IAAaF,EAAWU,KAAKC,MAAc7G,EAAG6G,EAAUlC,SAASkC,EAAUC,WAAWT,GAAoBQ,EAAUE,GAAG,CAAC,GACpHX,EAAWY,WAAW,MACxBZ,IAAa,CAACpG,EAAG,KAAKqC,aAAakB,GAAgB8C,GAAoB,KAAK/C,YAAY,KAAKjB,WAAW,CAAC,CAAC;EAE9G;EAEA,IAAI;GAEF,AADA,MAAM,KAAK/B,aAAawD,MAAMkC,QAAQiB,WAAWf,GAAYE,CAAiB,GAC9E,KAAK9D,gBAAgB;EACvB,SAAS4E,GAAK;GACZC,QAAQC,MAAM,0BAA0BF,CAAG;EAC7C,UAAU;GACR,KAAK3C,kBAAkB;EACzB;EAEA,AAAI,KAAKC,wBAAwB,QAC/B,MAAM,KAAKsB,iBAAiB;CAEhC;AACF,GAAC,CAAAH,GAAA,CAAA/C,GAAAC,GAAAC,GAAAC,GAAAC,GAAAE,GAAAP,IAAA2E,GAAA,CAAA7G,GAAA8G,MAAAC,EAAAH,GAAA;CAAA;EAAAnG;EAAA;EAAA;CAAA;CAAA;EAAAG;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAArB,GAAA,GAAA,KAAA,GAvMqCV,CAAY,GAAAyH,EAAA;;ACVlD,IAAAqI,KAAe7H"}

package/dist/chunks/{select-y1Z6fwmh.js → select-ClPkDkGl.js}

@@ -1,5 +1,4 @@
-import { c as e, i as t, p as n, r, t as i, u as a } from "./components-LxiwG5ae.js";
-import { t as o } from "./decorators-V-B013l9.js";
+import { c as e, g as t, i as n, p as r, r as i, t as a, u as o } from "./components-C8c2Ucm5.js";
 import { t as s } from "./query-DjAOg-tk.js";
 import "./chevron-down-CqUEolao.js";
 // src/lib/values.ts
@@ -7,7 +6,7 @@ function c(e) {
 	return e == null || e === "";
 }
 // src/components/select/Select.styles.css
-var l = n`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{width:100%;position:relative;& select{appearance:none;border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;cursor:pointer;background:#fff;border-radius:5px;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}`, u, d, f, p, m, h, g, _, v, y, b, x, S, C;
+var l = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& .input-wrapper{width:100%;position:relative;& select{appearance:none;border:1px solid var(--solid-ui-color-gray-400);width:100%;color:var(--solid-ui-color-gray-700);font-size:inherit;cursor:pointer;background:#fff;border-radius:5px;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}}`, u, d, f, p, m, h, g, _, v, y, b, x, S, C;
 function w(e, t, n) {
 	T(e, t), t.set(e, n);
 }
@@ -179,9 +178,9 @@ function P(e) {
 function F(e) {
 	return e;
 }
-g = [o("solid-ui-select")];
+g = [t("solid-ui-select")];
 var I;
-new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C = (_ = t({ type: Array }), v = s("select"), b = r(), "options"), d = class extends i {
+new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C = (_ = n({ type: Array }), v = s("select"), b = i(), "options"), d = class extends a {
 	constructor(...e) {
 		super(...e), w(this, f, (m(this), y(this, null))), w(this, p, x(this, null));
 	}
@@ -209,8 +208,8 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
 		E(p, this, e);
 	}
 	render() {
-		let t = this.options.some((e) => c(e.value)) ? e : a`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
-		return a`
+		let t = this.options.some((e) => c(e.value)) ? e : o`<option disabled value="" ?selected=${!this.value}>Select an option</option>`;
+		return o`
       ${this.controlTrait.renderLabel()}
 
       <div class="input-wrapper">
@@ -221,7 +220,7 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
           @change=${this.onChange}
         >
           ${t}
-          ${this.options.map((e) => a`<option
+          ${this.options.map((e) => o`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -256,7 +255,7 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
 		1,
 		"_options"
 	]
-], g, 0, void 0, i), d), u = class extends F {
+], g, 0, void 0, a), d), u = class extends F {
 	constructor() {
 		super(I), k(this, "styles", l), h();
 	}
@@ -265,4 +264,4 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
 var L = I;
 export { I as n, L as t };
 
-//# sourceMappingURL=select-y1Z6fwmh.js.map
+//# sourceMappingURL=select-ClPkDkGl.js.map

package/dist/chunks/{select-y1Z6fwmh.js.map → select-ClPkDkGl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-y1Z6fwmh.js","names":["isEmptyValue","value","undefined","customElement","FormControlComponent","html","nothing","property","query","state","isEmptyValue","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_ref","_optionsDecs","type","Array","_controlElementDecs","_optionsDecs2","_Select3","Select","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_controlElement","_init__options","value","_options","options","querySelectorAll","from","map","option","label","textContent","controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","render","defaultOption","some","controlTrait","renderLabel","controlId","name","required","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","property","query","state","nothing","styles","Select","Select","A","n","i","FormControlComponent","b","customElement","e","isEmptyValue","value","Select_styles_default","_Class","_Select3","_A","_B","_initProto","_initClass","_classDecs","_optionsDecs","_controlElementDecs","_init_controlElement","_optionsDecs2","_init__options","_Select2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","o","c","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","_identity","_Select","args","options","option","defaultOption","select_default"],"sources":["../../src/lib/values.ts","../../src/components/select/Select.styles.css","../../src/components/select/Select.ts","../../src/components/select/index.ts"],"sourcesContent":["export function isEmptyValue (value: unknown): boolean {\n  return value === null || value === undefined || value === ''\n}\n",":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        select {\n            appearance: none;\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n            cursor: pointer;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n}\n","import { customElement, FormControlComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\nexport type SelectOptionData = {\n  value: unknown;\n  label: string;\n}\n\nexport type SelectChangeEvent = CustomEvent<{ option: SelectOptionData }>\n\n@customElement('solid-ui-select')\nexport default class Select extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  set options (value: SelectOptionData[] | null) {\n    this._options = value\n  }\n\n  get options (): SelectOptionData[] {\n    if (this._options) {\n      return this._options\n    }\n\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  @query('select')\n  protected accessor controlElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | null = null\n\n  protected render () {\n    const defaultOption = this.options.some(option => isEmptyValue(option.value))\n      ? nothing\n      : html`<option disabled value=\"\" ?selected=${!this.value}>Select an option</option>`\n\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.controlTrait.controlId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${this.onChange}\n        >\n          ${defaultOption}\n          ${this.options.map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private onChange () {\n    const value = this.controlElement?.value ?? null\n    const option = this.options.find((option) => option.value === value)\n\n    this.controlTrait.setValue(value)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n  }\n}\n","import Select from './Select'\n\nexport * from './Select'\nexport { Select }\nexport default Select\n"],"mappings":"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"}
+{"version":3,"file":"select-ClPkDkGl.js","names":["isEmptyValue","value","undefined","customElement","FormControlComponent","html","nothing","property","query","state","isEmptyValue","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_ref","_optionsDecs","type","Array","_controlElementDecs","_optionsDecs2","_Select3","Select","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_controlElement","_init__options","value","_options","options","querySelectorAll","from","map","option","label","textContent","controlElement","_classPrivateFieldGet","v","_classPrivateFieldSet","render","defaultOption","some","controlTrait","renderLabel","controlId","name","required","onChange","find","setValue","dispatchEvent","CustomEvent","bubbles","composed","detail","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","property","query","state","nothing","styles","Select","Select","A","customElement","i","FormControlComponent","b","e","isEmptyValue","value","Select_styles_default","_Class","_Select3","_A","_B","_initProto","_initClass","_classDecs","_optionsDecs","_controlElementDecs","_init_controlElement","_optionsDecs2","_init__options","_Select2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","n","o","c","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","_identity","_Select","args","options","option","defaultOption","select_default"],"sources":["../../src/lib/values.ts","../../src/components/select/Select.styles.css","../../src/components/select/Select.ts","../../src/components/select/index.ts"],"sourcesContent":["export function isEmptyValue (value: unknown): boolean {\n  return value === null || value === undefined || value === ''\n}\n",":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        select {\n            appearance: none;\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n            cursor: pointer;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n}\n","import { customElement, FormControlComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { isEmptyValue } from '@/lib/values'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\nexport type SelectOptionData = {\n  value: unknown;\n  label: string;\n}\n\nexport type SelectChangeEvent = CustomEvent<{ option: SelectOptionData }>\n\n@customElement('solid-ui-select')\nexport default class Select extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  set options (value: SelectOptionData[] | null) {\n    this._options = value\n  }\n\n  get options (): SelectOptionData[] {\n    if (this._options) {\n      return this._options\n    }\n\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  @query('select')\n  protected accessor controlElement: HTMLSelectElement | null = null;\n\n  @state()\n  private accessor _options: SelectOptionData[] | null = null\n\n  protected render () {\n    const defaultOption = this.options.some(option => isEmptyValue(option.value))\n      ? nothing\n      : html`<option disabled value=\"\" ?selected=${!this.value}>Select an option</option>`\n\n    return html`\n      ${this.controlTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.controlTrait.controlId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${this.onChange}\n        >\n          ${defaultOption}\n          ${this.options.map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private onChange () {\n    const value = this.controlElement?.value ?? null\n    const option = this.options.find((option) => option.value === value)\n\n    this.controlTrait.setValue(value)\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n  }\n}\n","import Select from './Select'\n\nexport * from './Select'\nexport { Select }\nexport default Select\n"],"mappings":"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"}

package/dist/chunks/{select-option-U4ALXL20.js → select-option-DQan7rcB.js}

@@ -1,5 +1,4 @@
-import { c as e, i as t, o as n, u as r } from "./components-LxiwG5ae.js";
-import { t as i } from "./decorators-V-B013l9.js";
+import { c as e, g as t, i as n, o as r, u as i } from "./components-C8c2Ucm5.js";
 // src/components/select-option/SelectOption.ts
 var a, o, s, c, l, u, d;
 function f(e, t, n) {
@@ -162,12 +161,12 @@ function x(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-c = [i("solid-ui-select-option")];
+c = [t("solid-ui-select-option")];
 var S, C = /*#__PURE__*/ new WeakMap();
-d = (l = t({
+d = (l = n({
 	type: String,
 	reflect: !0
-}), "value"), a = class extends n {
+}), "value"), a = class extends r {
 	constructor(...e) {
 		super(...e), f(this, C, (o(this), u(this, "")));
 	}
@@ -178,15 +177,15 @@ d = (l = t({
 		m(C, this, e);
 	}
 	render() {
-		return r`${e}`;
+		return i`${e}`;
 	}
 }, {e: [u, o], c: [S, s]} = _(a, [[
 	l,
 	1,
 	"value"
-]], c, 0, void 0, n), s();
+]], c, 0, void 0, r), s();
 // src/components/select-option/index.ts
 var w = S;
 export { S as n, w as t };
 
-//# sourceMappingURL=select-option-U4ALXL20.js.map
+//# sourceMappingURL=select-option-DQan7rcB.js.map

package/dist/chunks/{select-option-U4ALXL20.js.map → select-option-DQan7rcB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-option-U4ALXL20.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_SelectOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","SelectOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_SelectOption2","e","c","_initClass","_applyDecs","default","property","nothing","SelectOption","SelectOption","A","n","WebComponent","b","customElement","_SelectOption2","_initProto","_initClass","_classDecs","_valueDecs","_init_value","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_applyDecs","i","o","c","applyDec","m","h","y","v","g","u","w","d","p","_setFunctionName","P","j","D","E","I","O","k","F","l","f","N","_checkInRHS","_toPropertyKey","_toPrimitive","t","e","_SelectOption","_A","args","select_option_default"],"sources":["../../src/components/select-option/SelectOption.ts","../../src/components/select-option/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-select-option')\nexport default class SelectOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n","import SelectOption from './SelectOption'\n\nexport { SelectOption }\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,wBAAwB,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAPyCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEpC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAPyCJ,CAAY,GAAA2B,EAAA;;ACFtD,IAAA6D,IAAexD"}
+{"version":3,"file":"select-option-DQan7rcB.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_SelectOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","SelectOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_SelectOption2","e","c","_initClass","_applyDecs","default","property","nothing","SelectOption","SelectOption","A","customElement","WebComponent","b","_SelectOption2","_initProto","_initClass","_classDecs","_valueDecs","_init_value","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","u","w","d","p","_setFunctionName","P","j","D","E","I","O","k","F","l","f","N","_checkInRHS","_toPropertyKey","_toPrimitive","t","e","_SelectOption","_A","args","select_option_default"],"sources":["../../src/components/select-option/SelectOption.ts","../../src/components/select-option/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-select-option')\nexport default class SelectOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n","import SelectOption from './SelectOption'\n\nexport { SelectOption }\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,wBAAwB,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAPyCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEpC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAPyCJ,CAAY,GAAA2B,EAAA;;ACFtD,IAAA6D,IAAexD"}