solid-ui 3.1.3-13 → 3.1.3-15

package/dist/chunks/rdf-input-n73oeSkf.js

@@ -0,0 +1,440 @@
+import { I as e, S as t, m as n, x as r } from "./index.esm-CyyOkz04.js";
+import { t as i, u as a } from "./style-CjYxsW7j.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-DrP7BOrs.js";
+import "./input-CFDN76Y5.js";
+//#region src/lib/forms/rdfFormsHelper.ts
+async function m(e, t) {
+	let n = r(t);
+	return e.holds(void 0, void 0, void 0, n) && e.removeStatements(e.statementsMatching(void 0, void 0, void 0, n)), await e.fetcher.load(t, {
+		force: !0,
+		clearPreviousData: !0
+	});
+}
+function h(e, t) {
+	let r = t.map((t) => {
+		let r = e.any(t, n.ui("sequence")), i = r ? Number(r.value) : 9999;
+		return [Number.isNaN(i) ? 9999 : i, t];
+	});
+	return r.sort((e, t) => e[0] - t[0]), r.map((e) => e[1]);
+}
+function g(e, t) {
+	let n = e.findTypeURIs(t), r = e.bottomTypeURIs(n), i = [];
+	for (let e in r) i.push(e);
+	return i[0];
+}
+function _(e, t) {
+	let i = t.split("#")[0], a = t.includes("#") ? t.split("#")[1] : null;
+	if (a) {
+		let t = r(i + "#" + a);
+		if (e.holds(t, n.rdf("type"), n.ui("Form"))) return t;
+	}
+	return e.each(null, n.rdf("type"), n.ui("Form")).find((e) => e.termType === "NamedNode") || null;
+}
+//#endregion
+//#region src/lib/forms/fieldParams.ts
+var v = {
+	[n.ui("ColorField").uri]: {
+		size: 9,
+		type: "color",
+		style: "height: 3em;",
+		dt: "color",
+		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.ui("DateField").uri]: {
+		size: 20,
+		type: "date",
+		dt: "date",
+		pattern: /^\s*[0-9][0-9][0-9][0-9](-[0-1]?[0-9]-[0-3]?[0-9])?Z?\s*$/
+	},
+	[n.ui("DateTimeField").uri]: {
+		size: 20,
+		type: "datetime-local",
+		dt: "dateTime",
+		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.ui("TimeField").uri]: {
+		size: 10,
+		type: "time",
+		dt: "time",
+		pattern: /^\s*([0-2]?[0-9]:[0-5][0-9](:[0-5][0-9])?)\s*$/
+	},
+	[n.ui("IntegerField").uri]: {
+		size: 12,
+		style: "text-align: right;",
+		dt: "integer",
+		pattern: /^\s*-?[0-9]+\s*$/
+	},
+	[n.ui("DecimalField").uri]: {
+		size: 12,
+		style: "text-align: right;",
+		dt: "decimal",
+		pattern: /^\s*-?[0-9]*(\.[0-9]*)?\s*$/
+	},
+	[n.ui("FloatField").uri]: {
+		size: 12,
+		style: "text-align: right;",
+		dt: "float",
+		pattern: /^\s*-?[0-9]*(\.[0-9]*)?((e|E)-?[0-9]*)?\s*$/
+	},
+	[n.ui("SingleLineTextField").uri]: {},
+	[n.ui("NamedNodeURIField").uri]: { namedNode: !0 },
+	[n.ui("TextField").uri]: {},
+	[n.ui("PhoneField").uri]: {
+		size: 20,
+		defaultInputValue: "tel:",
+		pattern: /^\+?[\d-]+[\d]*$/
+	},
+	[n.ui("EmailField").uri]: {
+		size: 30,
+		defaultInputValue: "mailto:",
+		pattern: /^\s*.*@.*\..*\s*$/
+	},
+	[n.ui("Group").uri]: { style: i.formGroupStyle },
+	[n.ui("Comment").uri]: {
+		element: "p",
+		style: i.commentStyle
+	},
+	[n.ui("Heading").uri]: {
+		element: "h3",
+		style: i.formHeadingStyle
+	}
+}, y = new class {
+	get store() {
+		throw Error("Cannot use RDF forms without a store");
+	}
+}(), 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,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function z(e, t, n) {
+	B(e, t), t.set(e, n);
+}
+function B(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function V(e, t, n) {
+	return e.set(U(e, t), n), n;
+}
+function H(e, t) {
+	return e.get(U(e, t));
+}
+function U(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 W(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: K(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || K(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 te(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 : G(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 G(e) {
+	var t = ee(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function ee(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 K(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 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 = [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 = o({
+	context: b,
+	subscribe: !0
+}), D = c({
+	attribute: !1,
+	type: Object
+}), k = c({
+	attribute: !1,
+	type: Object
+}), j = c({ type: Number }), N = u(), F = c({
+	type: Boolean,
+	reflect: !0
+}), "storeContext"), x = class extends l {
+	get [L]() {
+		return H(J, this);
+	}
+	set storeContext(e) {
+		V(J, this, e);
+	}
+	get formSubject() {
+		return H(Y, this);
+	}
+	set formSubject(e) {
+		V(Y, this, e);
+	}
+	get dataSubject() {
+		return H(X, this);
+	}
+	set dataSubject(e) {
+		V(X, this, e);
+	}
+	get storeVersion() {
+		return H(Z, this);
+	}
+	set storeVersion(e) {
+		V(Z, this, e);
+	}
+	get localInputValue() {
+		return H(Q, this);
+	}
+	set localInputValue(e) {
+		V(Q, this, e);
+	}
+	get readonly() {
+		return H($, this);
+	}
+	set readonly(e) {
+		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 = p();
+	}
+	render() {
+		let e = this.getDocument(this.formSubject), t = this.getFormProperty(this.formSubject, n.ui("property"), e), r = 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="${r}"
+        name="name-${this.id}"
+        .value=${u}
+        .placeholder=${l}
+        type="${s}"
+        ?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(e, t, r) {
+		if (!e) return "";
+		let i = this.storeContext.store.any(e, n.ui("label"), null, r), o = t ? a(t, !0) : "";
+		return i ? i.value : o;
+	}
+	getReadOnly(e, t, r) {
+		return t && e === !1 ? !!this.storeContext.store.anyJS(t, n.ui("suppressEmptyUneditable"), null, r) : e;
+	}
+	getSelectedTerm(e, t, r, i) {
+		let a = r ? this.storeContext.store.any(r, n.ui("default")) : void 0;
+		return !t || !e ? a : this.storeContext.store.any(e, t) || 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 r = this._pendingUpdateValue;
+		this._pendingUpdateValue = null, this._updateInFlight = !0;
+		let i = this.getFormProperty(this.formSubject, n.ui("property"), this.getDocument(this.formSubject));
+		if (!i || !this.dataSubject) {
+			this._updateInFlight = !1, this.localInputValue = "";
+			return;
+		}
+		let a = this.getDocument(this.dataSubject);
+		if (a && this.storeContext.store.updater?.editable(a) === !1) {
+			this._updateInFlight = !1;
+			return;
+		}
+		let o = this.storeContext.store.statementsMatching(this.dataSubject, i), s = [];
+		if (r) {
+			let a, c = this.formSubject ? g(this.storeContext.store, this.formSubject) : void 0, l = c ? v[c] ?? {} : {};
+			l.namedNode ? a = this.storeContext.store.sym(r) : l.defaultInputValue ? (a = encodeURIComponent(r.replace(/ /g, "")), a = this.storeContext.store.sym(l.defaultInputValue + a)) : a = l.dt ? new e(r.trim(), void 0, n.xsd(l.dt)) : new e(r), s = o.map((e) => t(e.subject, e.predicate, a, e.why)), s.length === 0 && (s = [t(this.dataSubject, i, a, this.getDocument(this.dataSubject))]);
+		}
+		try {
+			await this.storeContext.store.updater.updateMany(o, s), this.storeVersion += 1;
+		} catch (e) {
+			console.error("RDFInput update failed", e);
+		} finally {
+			this._updateInFlight = !1;
+		}
+		this._pendingUpdateValue !== null && await this.runPendingUpdate();
+	}
+}, {e: [E, O, A, M, P, I, S], c: [q, C]} = W(x, [
+	[
+		T,
+		1,
+		"storeContext"
+	],
+	[
+		D,
+		1,
+		"formSubject"
+	],
+	[
+		k,
+		1,
+		"dataSubject"
+	],
+	[
+		j,
+		1,
+		"storeVersion"
+	],
+	[
+		N,
+		1,
+		"localInputValue"
+	],
+	[
+		F,
+		1,
+		"readonly"
+	]
+], w, 0, void 0, l), C();
+//#endregion
+//#region src/components/rdf-input/index.ts
+var ne = q;
+//#endregion
+export { m as a, b as i, q as n, _ as o, y as r, h as s, ne as t };
+
+//# sourceMappingURL=rdf-input-n73oeSkf.js.map

package/dist/chunks/rdf-input-n73oeSkf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rdf-input-n73oeSkf.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","ns","style","fieldParams","ui","uri","size","type","dt","pattern","namedNode","defaultInputValue","formGroupStyle","element","commentStyle","formHeadingStyle","NoopStore","store","Error","createContext","NoopStore","DEFAULT_STORE","storeContext","Symbol","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","RDFInput"],"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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"}

package/dist/chunks/{rolldown-runtime-B1bRi_D7.js → rolldown-runtime-Cb76FRpK.js}

@@ -19,9 +19,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		enumerable: !(s = n(i, d)) || s.enumerable
 	});
 	return e;
-}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
+}, u = (n, r, o) => (o = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule || !a.call(n, "default") ? t(o, "default", {
 	value: n,
 	enumerable: !0
-}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e);
+}) : o, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e);
 //#endregion
 export { u as a, d as i, o as n, c as r, s as t };

package/dist/chunks/{select-XkieYvDm.js → select-BuIxSm1A.js}

@@ -1,5 +1,4 @@
-import { i as e, l as t, r as n, t as r } from "./components-BD458q30.js";
-import { c as i, i as a, n as o } from "./lit-C4H1jI4q.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-DrP7BOrs.js";
 import { t as s } from "./query-BYu9q8lA.js";
 import "./chevron-down-ujxRg3MD.js";
 //#region src/lib/values.ts
@@ -8,7 +7,7 @@ function c(e) {
 }
 //#endregion
 //#region src/components/select/Select.styles.css
-var l = i`: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);
 }
@@ -182,7 +181,7 @@ function F(e) {
 }
 g = [t("solid-ui-select")];
 var I;
-new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C = (_ = e({ type: Array }), v = s("select"), b = n(), "options"), d = class extends r {
+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));
 	}
@@ -210,8 +209,8 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
 		E(p, this, e);
 	}
 	render() {
-		let e = this.options.some((e) => c(e.value)) ? o : 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,8 +220,8 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
           ?required=${this.required}
           @change=${this.onChange}
         >
-          ${e}
-          ${this.options.map((e) => a`<option
+          ${t}
+          ${this.options.map((e) => o`<option
                 .value=${e.value}
                 ?selected=${e.value === this.value}
               >
@@ -257,7 +256,7 @@ new (S = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), C =
 		1,
 		"_options"
 	]
-], g, 0, void 0, r), d), u = class extends F {
+], g, 0, void 0, a), d), u = class extends F {
 	constructor() {
 		super(I), k(this, "styles", l), h();
 	}
@@ -268,4 +267,4 @@ var L = I;
 //#endregion
 export { I as n, L as t };
 
-//# sourceMappingURL=select-XkieYvDm.js.map
+//# sourceMappingURL=select-BuIxSm1A.js.map

package/dist/chunks/{select-XkieYvDm.js.map → select-BuIxSm1A.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-XkieYvDm.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","Select"],"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-BuIxSm1A.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","Select"],"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-DUg4AWzw.js → select-option-Z8qZsCQo.js}

@@ -1,5 +1,4 @@
-import { i as e, l as t, o as n } from "./components-BD458q30.js";
-import { i as r, n as i } from "./lit-C4H1jI4q.js";
+import { c as e, g as t, i as n, o as r, u as i } from "./components-DrP7BOrs.js";
 //#region src/components/select-option/SelectOption.ts
 var a, o, s, c, l, u, d;
 function f(e, t, n) {
@@ -164,10 +163,10 @@ function x(e) {
 }
 c = [t("solid-ui-select-option")];
 var S, C = /*#__PURE__*/ new WeakMap();
-d = (l = e({
+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,17 +177,17 @@ d = (l = e({
 		m(C, this, e);
 	}
 	render() {
-		return r`${i}`;
+		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();
 //#endregion
 //#region src/components/select-option/index.ts
 var w = S;
 //#endregion
 export { S as n, w as t };
 
-//# sourceMappingURL=select-option-DUg4AWzw.js.map
+//# sourceMappingURL=select-option-Z8qZsCQo.js.map