solid-ui 3.1.3-13 → 3.1.3-15

package/dist/components/rdf-form/RDFForm.esm.js

@@ -0,0 +1,344 @@
+import e from "../../lib/ns.esm.js";
+import { customElement as t } from "../../lib/components/decorators.esm.js";
+import n from "../../lib/components/web-component/WebComponent.esm.js";
+import "../../lib/components/index.esm.js";
+import { fetchData as r, findForm as i, sortBySequence as a } from "../../lib/forms/rdfFormsHelper.esm.js";
+import { DEFAULT_STORE as o, storeContext as s } from "../../lib/forms/store/StoreContext.esm.js";
+import "../rdf-input/index.esm.js";
+import { sym as c } from "rdflib";
+import { consume as l } from "@lit/context";
+import { property as u, state as d } from "lit/decorators.js";
+import { html as f } from "lit/html.js";
+//#region 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) {
+	N(e, t), t.set(e, n);
+}
+function N(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function P(e, t, n) {
+	return e.set(I(e, t), n), n;
+}
+function F(e, t) {
+	return e.get(I(e, t));
+}
+function I(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function L(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: B(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || B(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				else {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (A = function(e, t) {
+						e[r] = t;
+					}));
+					var j = O.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], O), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				D.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return V(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : R(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function R(e) {
+	var t = z(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function z(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function B(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function V(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+var H = {
+	fromAttribute(e) {
+		if (!e) return null;
+		try {
+			return new URL(e);
+		} catch {
+			return null;
+		}
+	},
+	toAttribute(e) {
+		return e || null;
+	}
+}, U = (e) => e?.href ?? "";
+g = [t("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 = (_ = l({
+	context: s,
+	subscribe: !0
+}), y = u({ attribute: !1 }), x = d(), C = d(), T = d(), D = u({ converter: H }), k = u({ converter: H }), "storeContext"), p = class extends n {
+	constructor(...e) {
+		super(...e), M(this, G, (m(this), v(this, o))), 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));
+	}
+	get [j]() {
+		return F(G, this);
+	}
+	set storeContext(e) {
+		P(G, this, e);
+	}
+	get passedInStore() {
+		return F(K, this);
+	}
+	set passedInStore(e) {
+		P(K, this, e);
+	}
+	get currentStore() {
+		return this.passedInStore ?? this.storeContext.store;
+	}
+	get entireDataIsReadonly() {
+		return F(q, this);
+	}
+	set entireDataIsReadonly(e) {
+		P(q, this, e);
+	}
+	get _loadVersion() {
+		return F(J, this);
+	}
+	set _loadVersion(e) {
+		P(J, this, e);
+	}
+	get _documentsLoaded() {
+		return F(Y, this);
+	}
+	set _documentsLoaded(e) {
+		P(Y, this, e);
+	}
+	get formUrl() {
+		return F(X, this);
+	}
+	set formUrl(e) {
+		P(X, this, e);
+	}
+	get subjectUrl() {
+		return F(Z, this);
+	}
+	set subjectUrl(e) {
+		P(Z, this, e);
+	}
+	render() {
+		if (!this._documentsLoaded) return f``;
+		let t = this.currentStore, n = U(this.subjectUrl);
+		n && t.updater?.editable(n) !== void 0 && t.updater?.editable(n) !== !1 && (this.entireDataIsReadonly = !1);
+		let r = i(this.currentStore, U(this.formUrl));
+		if (!r) throw Error("No ui:Form found in " + U(this.formUrl));
+		let o = c(U(this.formUrl)), s = t.each(r, e.ui("parts"), null, o), l = (a(t, s) || []).flatMap((e) => e && typeof e == "object" && "elements" in e && Array.isArray(e.elements) ? e.elements : [e]).map((n) => {
+			let r = t.each(n, e.rdf("type"), null, o)[0], i = r ? r.value || String(r) : n.value || String(n), a = i.lastIndexOf("#");
+			return {
+				value: n,
+				fieldValue: a >= 0 ? i.slice(a + 1) : i
+			};
+		});
+		return f`
+      <form>
+        ${l.map((e) => {
+			switch (e.fieldValue) {
+				case "PhoneField":
+				case "EmailField":
+				case "ColorField":
+				case "DateField":
+				case "DateTimeField":
+				case "TimeField":
+				case "NumericField":
+				case "IntegerField":
+				case "DecimalField":
+				case "FloatField":
+				case "TextField":
+				case "SingleLineTextField":
+				case "NamedNodeURIField": return f` <solid-ui-rdf-input 
+                  .formSubject=${c(e.value)} 
+                  .dataSubject=${c(n)}
+                  .storeVersion=${this._loadVersion}
+                  .readonly=${this.entireDataIsReadonly}
+                ></solid-ui-rdf-input>
+                <br>`;
+				case "MultiLineTextField": return f`<input .rdf=${e}></input>`;
+				case "BooleanField": return f`<input .rdf=${e}></input>`;
+				case "TristateField": return f`<input .rdf=${e}></input>`;
+				case "Classifier": return f`<input .rdf=${e}></input>`;
+				case "Choice": return f`<input .rdf=${e}></input>`;
+				case "Multiple": return f`<input .rdf=${e}></input>`;
+				case "Options": return f`<input .rdf=${e}></input>`;
+				case "AutocompleteField": return f`<input .rdf=${e}></input>`;
+				case "Comment":
+				case "Heading": return f`<input .rdf=${e}></input>`;
+				default: return f`<div>Unknown part type: ${e}</div>`;
+			}
+		})}
+      </form>
+    `;
+	}
+	willUpdate(e) {
+		super.willUpdate(e), (e.has("formUrl") || e.has("subjectUrl") || e.has("passedInStore")) && this.loadDocumentsIfNeeded();
+	}
+	async loadDocumentsIfNeeded() {
+		let e = this.currentStore, t = U(this.formUrl), n = U(this.subjectUrl);
+		if (!(!t || !n)) try {
+			await r(e, t), await r(e, n), this._loadVersion += 1, this._documentsLoaded = !0;
+		} catch (e) {
+			console.error("Failed to load RDF documents", e);
+		}
+	}
+}, {e: [v, b, S, w, E, O, A, m], c: [W, h]} = L(p, [
+	[
+		_,
+		1,
+		"storeContext"
+	],
+	[
+		y,
+		1,
+		"passedInStore"
+	],
+	[
+		x,
+		1,
+		"entireDataIsReadonly"
+	],
+	[
+		C,
+		1,
+		"_loadVersion"
+	],
+	[
+		T,
+		1,
+		"_documentsLoaded"
+	],
+	[
+		D,
+		1,
+		"formUrl"
+	],
+	[
+		k,
+		1,
+		"subjectUrl"
+	]
+], g, 0, void 0, n), h();
+//#endregion
+export { W as default };
+
+//# sourceMappingURL=RDFForm.esm.js.map

package/dist/components/rdf-form/RDFForm.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RDFForm.esm.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"],"sources":["../../../src/components/rdf-form/RDFForm.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"],"mappings":"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"}

package/dist/components/rdf-form/RDForm.stories.d.ts

@@ -0,0 +1,20 @@
+declare const meta: {
+    readonly title: "Design System/RDF Form";
+    readonly args: {
+        readonly formUrl: "https://solidos.solidcommunity.net/public/2021/solidUiFormTestData/dummyFormTestFile.ttl";
+        readonly subjectUrl: "https://solidos.solidcommunity.net/public/2021/alice.ttl#me";
+    };
+    readonly argTypes: {
+        readonly formUrl: {
+            readonly control: "text";
+        };
+        readonly subjectUrl: {
+            readonly control: "text";
+        };
+    };
+};
+export default meta;
+export declare const Primary: {
+    render: ({ formUrl, subjectUrl }: typeof meta.args) => import('lit-html').TemplateResult<1>;
+};
+//# sourceMappingURL=RDForm.stories.d.ts.map

package/dist/components/rdf-form/RDForm.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RDForm.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-form/RDForm.stories.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAWA,CAAA;AAWV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;sCAXqB,OAAO,IAAI,CAAC,IAAI;CAWxB,CAAA"}

package/dist/components/rdf-form/index.cjs.js

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./RDFForm.cjs.js");var t=e.default;Object.defineProperty(exports,"RDFForm",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/rdf-form/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","names":["RDFForm"],"sources":["../../../src/components/rdf-form/index.ts"],"sourcesContent":["import RDFForm from './RDFForm'\n\nexport { RDFForm }\nexport default RDFForm\n"],"mappings":"mIAGA,IAAA,EAAeA,EAAAA"}

package/dist/components/rdf-form/index.d.ts

@@ -0,0 +1,4 @@
+import { default as RDFForm } from './RDFForm';
+export { RDFForm };
+export default RDFForm;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rdf-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,OAAO,EAAE,OAAO,EAAE,CAAA;AAClB,eAAe,OAAO,CAAA"}

package/dist/components/rdf-form/index.esm.js

@@ -0,0 +1,7 @@
+import e from "./RDFForm.esm.js";
+//#region src/components/rdf-form/index.ts
+var t = e;
+//#endregion
+export { e as RDFForm, t as default };
+
+//# sourceMappingURL=index.esm.js.map

package/dist/components/rdf-form/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":["RDFForm"],"sources":["../../../src/components/rdf-form/index.ts"],"sourcesContent":["import RDFForm from './RDFForm'\n\nexport { RDFForm }\nexport default RDFForm\n"],"mappings":";;AAGA,IAAA,IAAeA"}

package/dist/components/rdf-form.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/rdf-form-BeuzVBOP.js";
+export { e as RDFForm, t as default };

package/dist/components/rdf-input/RDFInput.cjs.js

@@ -0,0 +1,11 @@
+const e=require("../../lib/ns.cjs.js"),t=require("../../utils/label.cjs.js");require("../../utils/index.cjs.js");const n=require("../../lib/components/ids.cjs.js"),r=require("../../lib/components/decorators.cjs.js"),i=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../input/index.cjs.js");const a=require("../../lib/forms/rdfFormsHelper.cjs.js"),o=require("../../lib/forms/fieldParams.cjs.js"),s=require("../../lib/forms/store/StoreContext.cjs.js");let c=require("rdflib"),l=require("@lit/context"),u=require("lit/decorators.js"),d=require("lit/html.js");var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O;function k(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t,n){j(e,t),t.set(e,n)}function j(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function M(e,t,n){return e.set(P(e,t),n),n}function N(e,t){return e.get(P(e,t))}function P(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function F(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:R(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||R(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return z(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:I(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function I(e){var t=L(e,`string`);return typeof t==`symbol`?t:t+``}function L(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function R(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function z(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}h=[r.customElement(`solid-ui-rdf-input`)];var B,V=new WeakMap,H=new WeakMap,U=new WeakMap,W=new WeakMap,G=new WeakMap,K=new WeakMap;O=(g=(0,l.consume)({context:s.storeContext,subscribe:!0}),v=(0,u.property)({attribute:!1,type:Object}),b=(0,u.property)({attribute:!1,type:Object}),S=(0,u.property)({type:Number}),w=(0,u.state)(),E=(0,u.property)({type:Boolean,reflect:!0}),`storeContext`),f=class extends i.default{get[O](){return N(V,this)}set storeContext(e){M(V,this,e)}get formSubject(){return N(H,this)}set formSubject(e){M(H,this,e)}get dataSubject(){return N(U,this)}set dataSubject(e){M(U,this,e)}get storeVersion(){return N(W,this)}set storeVersion(e){M(W,this,e)}get localInputValue(){return N(G,this)}set localInputValue(e){M(G,this,e)}get readonly(){return N(K,this)}set readonly(e){M(K,this,e)}constructor(){super(),A(this,V,(p(this),_(this,s.DEFAULT_STORE))),A(this,H,y(this,null)),A(this,U,x(this,null)),A(this,W,C(this,0)),A(this,G,T(this,null)),k(this,`_updateInFlight`,!1),k(this,`_pendingUpdateValue`,null),A(this,K,D(this,!0)),this.id=n.generateId()}render(){let t=this.getDocument(this.formSubject),n=this.getFormProperty(this.formSubject,e.default.ui(`property`),t),r=this.getInputLabel(this.formSubject,n,t),i=this.getReadOnly(this.readonly,this.formSubject,t),s=this.formSubject?a.mostSpecificClassURI(this.storeContext.store,this.formSubject):void 0,c=s?o.fieldParams[s]??{}:{},l=c.type??`text`,u=this.getSelectedTerm(this.dataSubject,n,this.formSubject,c),f=i?``:this.defaultInputValue(c),p=this._updateInFlight||this._pendingUpdateValue!==null?this.localInputValue??``:this.termToInputValue(u);return d.html`
+      <solid-ui-input
+        label="${r}"
+        name="name-${this.id}"
+        .value=${p}
+        .placeholder=${f}
+        type="${l}"
+        ?readonly=${i}
+        @input=${this.updateData}
+      ></solid-ui-input>`}getDocument(e){return e?.doc?e.doc():void 0}getFormProperty(e,t,n){if(e)return this.storeContext.store.any(e,t,null,n)}getInputLabel(n,r,i){if(!n)return``;let a=this.storeContext.store.any(n,e.default.ui(`label`),null,i),o=r?t.label(r,!0):``;return a?a.value:o}getReadOnly(t,n,r){return n&&t===!1?!!this.storeContext.store.anyJS(n,e.default.ui(`suppressEmptyUneditable`),null,r):t}getSelectedTerm(t,n,r,i){let a=r?this.storeContext.store.any(r,e.default.ui(`default`)):void 0;return!n||!t?a:this.storeContext.store.any(t,n)||a}termToInputValue(e){if(!e||!(`value`in e)||!e.value)return``;try{return decodeURIComponent(e.value)}catch{return String(e.value)}}defaultInputValue(e={}){return(e.defaultInputValue??``).replace(/ /g,``)}async updateData(e){let t=e.target.value;this.localInputValue=t,this._pendingUpdateValue=t,!this._updateInFlight&&await this.runPendingUpdate()}async runPendingUpdate(){if(this._pendingUpdateValue===null)return;let t=this._pendingUpdateValue;this._pendingUpdateValue=null,this._updateInFlight=!0;let n=this.getFormProperty(this.formSubject,e.default.ui(`property`),this.getDocument(this.formSubject));if(!n||!this.dataSubject){this._updateInFlight=!1,this.localInputValue=``;return}let r=this.getDocument(this.dataSubject);if(r&&this.storeContext.store.updater?.editable(r)===!1){this._updateInFlight=!1;return}let i=this.storeContext.store.statementsMatching(this.dataSubject,n),s=[];if(t){let r,l=this.formSubject?a.mostSpecificClassURI(this.storeContext.store,this.formSubject):void 0,u=l?o.fieldParams[l]??{}:{};u.namedNode?r=this.storeContext.store.sym(t):u.defaultInputValue?(r=encodeURIComponent(t.replace(/ /g,``)),r=this.storeContext.store.sym(u.defaultInputValue+r)):r=u.dt?new c.Literal(t.trim(),void 0,e.default.xsd(u.dt)):new c.Literal(t),s=i.map(e=>(0,c.st)(e.subject,e.predicate,r,e.why)),s.length===0&&(s=[(0,c.st)(this.dataSubject,n,r,this.getDocument(this.dataSubject))])}try{await this.storeContext.store.updater.updateMany(i,s),this.storeVersion+=1}catch(e){console.error(`RDFInput update failed`,e)}finally{this._updateInFlight=!1}this._pendingUpdateValue!==null&&await this.runPendingUpdate()}},{e:[_,y,x,C,T,D,p],c:[B,m]}=F(f,[[g,1,`storeContext`],[v,1,`formSubject`],[b,1,`dataSubject`],[S,1,`storeVersion`],[w,1,`localInputValue`],[E,1,`readonly`]],h,0,void 0,i.default),m(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return B}});
+//# sourceMappingURL=RDFInput.cjs.js.map

package/dist/components/rdf-input/RDFInput.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RDFInput.cjs.js","names":["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"],"sources":["../../../src/components/rdf-input/RDFInput.ts"],"sourcesContent":["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"],"mappings":"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"}

package/dist/components/rdf-input/RDFInput.d.ts

@@ -0,0 +1,24 @@
+import { WebComponent } from '../../lib/components';
+import { NamedNode } from 'rdflib';
+export default class RDFInput extends WebComponent {
+    private accessor storeContext;
+    accessor formSubject: NamedNode | null;
+    accessor dataSubject: NamedNode | null;
+    accessor storeVersion: number;
+    private accessor localInputValue;
+    private _updateInFlight;
+    private _pendingUpdateValue;
+    accessor readonly: boolean;
+    constructor();
+    render(): import('lit-html').TemplateResult<1>;
+    private getDocument;
+    private getFormProperty;
+    private getInputLabel;
+    private getReadOnly;
+    private getSelectedTerm;
+    private termToInputValue;
+    private defaultInputValue;
+    private updateData;
+    private runPendingUpdate;
+}
+//# sourceMappingURL=RDFInput.d.ts.map

package/dist/components/rdf-input/RDFInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RDFInput.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-input/RDFInput.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAW,SAAS,EAAM,MAAM,QAAQ,CAAA;AAM/C,OAAO,oBAAoB,CAAA;AAG3B,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAUhD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA8B;IAG3D,QAAQ,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAO;IAG7C,QAAQ,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAO;IAG7C,QAAQ,CAAC,YAAY,SAAI;IAGzB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAsB;IAEtD,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,mBAAmB,CAAsB;IAGjD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAO;;IAQjC,MAAM;IA+BN,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,iBAAiB;YAKX,UAAU;YAYV,gBAAgB;CAgE/B"}