mlform 0.1.14 → 0.1.16

package/dist/mlform/primitives.mjs

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, r as f, s as p, t as m, u as h } from "../primitives-9obTthA6.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, r as f, s as p, t as m, u as h } from "../primitives-BcXt2QWI.js";
 export { h as PrimitiveAsyncReportElement, d as PrimitiveDescriptorRegistry, i as PrimitiveFieldElement, n as PrimitiveFormElement, r as PrimitiveReportElement, f as createBuiltinPrimitiveRegistry, p as createPrimitiveDescriptorRegistry, s as createPrimitiveRegistry, c as focusPrimitiveField, m as mountForm, l as primitiveDefaultLabels, o as primitiveStaticText, a as primitiveTagNames, e as resolvePrimitiveText, t as toDescriptorNodes, u as unmountForm };

package/dist/mlform/runtime.mjs

@@ -1,3 +1,3 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "../runtime-Bn_x46y-.js";
-import { J as h, Y as g } from "../transport-D173EDlB.js";
-export { l as EngineError, f as RegistryError, t as ReportPayloadError, o as SubmissionAbortedError, m as SubmitError, h as TransportError, n as ValidationError, p as createForm, p as createFormRuntime, c as defaultEquality, s as executeFormPipeline, i as executeReportFetches, r as identity, u as isPromiseLike, d as shallowArrayEquality, a as shallowEquality, e as shallowObjectEquality, g as transportErrorCodes };
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../runtime-BxMSso-p.js";
+import { J as v, Y as y } from "../transport-BG3HPc3-.js";
+export { r as EngineError, i as RegistryError, f as ReportPayloadError, l as SubmissionAbortedError, o as SubmitError, v as TransportError, a as ValidationError, h as createForm, h as createFormRuntime, m as createMultiBackendSubmissionSnapshot, n as createSubmissionSnapshot, u as defaultEquality, e as executeFormPipeline, d as executeMultiBackendPipeline, _ as executeReportFetches, c as identity, g as isPromiseLike, p as shallowArrayEquality, s as shallowEquality, t as shallowObjectEquality, y as transportErrorCodes };

package/dist/mlform/schema.mjs

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../schema-DYDo_1VV.js";
-export { o as RegistryError, n as createRegistry, c as createReportFetchRequest, e as defineFieldDefinition, a as defineReportDefinition, s as mappedToKey, i as normalizeSchema, l as normalizeSchemaId, t as resolveMappedReportPayload, r as resolveMappedTo };
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../schema-D9V7-AkU.js";
+export { p as MissingReportMappedToError, c as RegistryError, d as createRegistry, s as createReportContexts, f as createReportFetchRequest, t as defineFieldDefinition, a as defineReportDefinition, u as getReportContext, n as mappedToKey, e as normalizeSchema, o as normalizeSchemaId, r as resolveMappedReportPayload, l as resolveMappedTo, i as resolveOneHotDisplayValue };

package/dist/mlform/transport.mjs

@@ -1,2 +1,2 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, O as m, P as h, R as g, S as _, T as v, U as y, V as b, W as x, Y as S, _ as C, a as w, b as T, c as E, d as D, f as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, n as I, o as L, p as R, q as z, r as B, s as V, t as H, u as U, v as W, w as G, x as K, y as q, z as J } from "../transport-D173EDlB.js";
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, O as m, P as h, R as g, S as _, T as v, U as y, V as b, W as x, Y as S, _ as C, a as w, b as T, c as E, d as D, f as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, n as I, o as L, p as R, q as z, r as B, s as V, t as H, u as U, v as W, w as G, x as K, y as q, z as J } from "../transport-BG3HPc3-.js";
 export { l as TransportError, t as assertPayloadWithinLimits, b as assertTransportCapabilities, s as cloneCapabilities, w as createFallbackTransport, V as createFanoutTransport, h as createGraphqlTransport, r as createGrpcSessionTransport, m as createGrpcStreamTransport, N as createGrpcTransport, e as createGrpcUnaryTransport, I as createHedgedTransport, a as createJsonTransport, E as createLoadBalancedTransport, C as createMemoryCircuitBreakerState, A as createMemorySharedRateLimiter, O as createMemoryTransportCacheStore, H as createMemoryTransportHealthState, j as createPipelineTransport, L as createQuorumFanoutTransport, B as createRacingTransport, P as createRoutingTransport, f as createSessionTransport, p as createSseTransport, c as createTransportRequestRunner, M as createWebSocketSessionTransport, U as createWeightedRoutingTransport, d as extractErrorMessage, g as getTransportPolicyContext, y as inferTransportCapabilities, x as mergeTransportCapabilities, o as normalizeTransportCapabilities, i as pipe, u as transportDefaults, S as transportErrorCodes, z as transportErrorMessages, W as withAuth, D as withCache, k as withCircuitBreaker, R as withDedup, K as withLogging, q as withMetrics, F as withRateLimit, _ as withRequestTransform, n as withResponseTransform, v as withRetry, G as withTimeout, T as withTracing, J as withTransportPolicyContext };

package/dist/{primitives-9obTthA6.js → primitives-BcXt2QWI.js}

@@ -873,7 +873,7 @@ var re = () => new Promise((e) => {
         ></mlf-field-frame>
       `)}
   </div>
-`, pe = (e, t, r, i, a) => n`
+`, pe = (e, t, r, i, a, o) => n`
   <div class="collection" part="report-list">
     ${s(e, (e) => e.controller.id, (e) => n`
         <mlf-report-frame
@@ -882,7 +882,8 @@ var re = () => new Promise((e) => {
           .registry=${t}
           .text=${r}
           .transport=${i}
-          .lastResult=${a}
+          .fetchMode=${a}
+          .lastResult=${o}
         ></mlf-report-frame>
       `)}
   </div>
@@ -934,7 +935,7 @@ var re = () => new Promise((e) => {
             </header>
 
             <div class="pane-body">
-              ${pe(e.reportsToRender, e.registry, e.text, e.reportTransport, e.form.state.lastResult ?? null)}
+              ${pe(e.reportsToRender, e.registry, e.text, e.reportTransport, e.reportFetchMode, e.form.state.lastResult ?? null)}
             </div>
           </aside>
         ` : r}
@@ -985,7 +986,7 @@ var re = () => new Promise((e) => {
                 </header>
 
                 <div class="split-content">
-                  ${e.reportsToRender.length > 0 ? pe(e.reportsToRender, e.registry, e.text, e.reportTransport, e.form.state.lastResult ?? null) : n`
+                  ${e.reportsToRender.length > 0 ? pe(e.reportsToRender, e.registry, e.text, e.reportTransport, e.reportFetchMode, e.form.state.lastResult ?? null) : n`
                         <div class="empty-report-state">
                           <p class="empty-report-title">${e.text.reportsEmptyTitle}</p>
                           <p class="empty-report-copy">${e.text.reportsEmptyBody}</p>
@@ -1098,23 +1099,37 @@ var re = () => new Promise((e) => {
 	set reportTransport(e) {
 		this.#d = e;
 	}
-	#f = null;
-	get formState() {
+	#f = "lazy";
+	get reportFetchMode() {
 		return this.#f;
 	}
-	set formState(e) {
+	set reportFetchMode(e) {
 		this.#f = e;
 	}
-	#p = null;
-	#m;
+	#p;
+	get submitHandler() {
+		return this.#p;
+	}
+	set submitHandler(e) {
+		this.#p = e;
+	}
+	#m = null;
+	get formState() {
+		return this.#m;
+	}
+	set formState(e) {
+		this.#m = e;
+	}
+	#h = null;
+	#g;
 	willUpdate(e) {
-		e.has("form") && this.#g();
+		e.has("form") && this.#v();
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.#g();
+		super.connectedCallback(), this.#v();
 	}
 	disconnectedCallback() {
-		this.#p?.(), this.#p = null, this.#m = void 0, super.disconnectedCallback();
+		this.#h?.(), this.#h = null, this.#g = void 0, super.disconnectedCallback();
 	}
 	render() {
 		let e = this.form, t = this.formState;
@@ -1135,7 +1150,8 @@ var re = () => new Promise((e) => {
 			validatingLabel: this.validatingLabel,
 			submittingLabel: this.submittingLabel,
 			reportTransport: this.reportTransport,
-			onSubmitRequest: this.#h
+			reportFetchMode: this.reportFetchMode,
+			onSubmitRequest: this.#_
 		}) : me({
 			form: e,
 			state: t,
@@ -1151,10 +1167,11 @@ var re = () => new Promise((e) => {
 			validatingLabel: this.validatingLabel,
 			submittingLabel: this.submittingLabel,
 			reportTransport: this.reportTransport,
-			onSubmitRequest: this.#h
+			reportFetchMode: this.reportFetchMode,
+			onSubmitRequest: this.#_
 		});
 	}
-	#h = async () => {
+	#_ = async () => {
 		if (this.form) {
 			this.dispatchEvent(new CustomEvent(f.submitStart, {
 				detail: {
@@ -1165,12 +1182,13 @@ var re = () => new Promise((e) => {
 				composed: !0
 			}));
 			try {
-				let e = await this.form.submit();
+				let e = this.submitHandler ? await this.submitHandler() : { result: await this.form.submit() };
 				this.dispatchEvent(new CustomEvent(f.submitSuccess, {
 					detail: {
 						form: this.form,
 						state: this.form.state,
-						result: e
+						result: e.result,
+						pipelineResult: e.pipelineResult
 					},
 					bubbles: !0,
 					composed: !0
@@ -1190,15 +1208,15 @@ var re = () => new Promise((e) => {
 			}
 		}
 	};
-	#g() {
+	#v() {
 		if (!this.isConnected) return;
-		if (this.#m === this.form) {
+		if (this.#g === this.form) {
 			this.formState = this.form ? E(this.form) : null;
 			return;
 		}
-		if (this.#p?.(), this.#p = null, this.#m = this.form, this.formState = this.form ? E(this.form) : null, !this.form) return;
+		if (this.#h?.(), this.#h = null, this.#g = this.form, this.formState = this.form ? E(this.form) : null, !this.form) return;
 		let e = this.form;
-		this.#p = e.subscribeSelector(() => E(e), (e) => {
+		this.#h = e.subscribeSelector(() => E(e), (e) => {
 			this.formState = e;
 		}, { equality: ge });
 	}
@@ -1221,7 +1239,7 @@ _([a({ attribute: !1 })], D.prototype, "form", null), _([a({ attribute: !1 })],
 })], D.prototype, "submittingLabel", null), _([a({
 	type: String,
 	attribute: "report-pane"
-})], D.prototype, "reportPane", null), _([a({ attribute: !1 })], D.prototype, "text", null), _([a({ attribute: !1 })], D.prototype, "reportTransport", null), _([o()], D.prototype, "formState", null), D = _([i(d.form)], D);
+})], D.prototype, "reportPane", null), _([a({ attribute: !1 })], D.prototype, "text", null), _([a({ attribute: !1 })], D.prototype, "reportTransport", null), _([a({ attribute: !1 })], D.prototype, "reportFetchMode", null), _([a({ attribute: !1 })], D.prototype, "submitHandler", null), _([o()], D.prototype, "formState", null), D = _([i(d.form)], D);
 var _e = (e) => e instanceof Error && e.name === "SubmissionAbortedError", O = class e {
 	fieldPresenters = /* @__PURE__ */ new Map();
 	reportPresenters = /* @__PURE__ */ new Map();
@@ -1896,11 +1914,16 @@ _([a({ attribute: !1 })], R.prototype, "controller", null), _([a({ attribute: !1
 var Te = (e, t = {}) => ({
 	reportId: t.reportId ?? "",
 	backend: e.backend,
+	inputs: e.inputs ?? [],
+	displayValues: e.displayValues ?? {},
+	modelValues: e.modelValues ?? e.serializedValues,
 	values: e.values,
 	fieldValues: e.fieldValues,
 	serializedValues: e.serializedValues,
 	serializedFieldValues: e.serializedFieldValues,
 	reports: e.reports,
+	reportContext: t.reportId === void 0 ? void 0 : e.reportContexts?.[t.reportId],
+	reportContexts: e.reportContexts ?? {},
 	meta: e.meta,
 	raw: e.raw,
 	signal: t.signal
@@ -2002,45 +2025,52 @@ var Te = (e, t = {}) => ({
 	set transport(e) {
 		this.#r = e;
 	}
-	#i = null;
-	get lastResult() {
+	#i = "lazy";
+	get fetchMode() {
 		return this.#i;
 	}
-	set lastResult(e) {
+	set fetchMode(e) {
 		this.#i = e;
 	}
 	#a = null;
-	get descriptor() {
+	get lastResult() {
 		return this.#a;
 	}
-	set descriptor(e) {
+	set lastResult(e) {
 		this.#a = e;
 	}
 	#o = null;
-	get resolvedDescriptor() {
+	get descriptor() {
 		return this.#o;
 	}
-	set resolvedDescriptor(e) {
+	set descriptor(e) {
 		this.#o = e;
 	}
 	#s = null;
-	get reportState() {
+	get resolvedDescriptor() {
 		return this.#s;
 	}
-	set reportState(e) {
+	set resolvedDescriptor(e) {
 		this.#s = e;
 	}
-	#c = ++Ee;
-	#l;
+	#c = null;
+	get reportState() {
+		return this.#c;
+	}
+	set reportState(e) {
+		this.#c = e;
+	}
+	#l = ++Ee;
 	#u;
-	#d = null;
+	#d;
 	#f = null;
 	#p = null;
-	#m = new N(this, (e) => {
+	#m = null;
+	#h = new N(this, (e) => {
 		this.resolvedDescriptor = this.descriptor, this.reportState = e?.state ?? null;
 	});
 	willUpdate(e) {
-		e.has("controller") && this.#m.bind(this.controller), e.has("descriptor") && (this.resolvedDescriptor = this.descriptor), (e.has("lastResult") || e.has("controller")) && this.#y();
+		e.has("controller") && this.#h.bind(this.controller), e.has("descriptor") && (this.resolvedDescriptor = this.descriptor), (e.has("lastResult") || e.has("controller")) && this.#b();
 	}
 	render() {
 		let e = this.resolvedDescriptor, t = this.reportState;
@@ -2056,7 +2086,7 @@ var Te = (e, t = {}) => ({
           <span class="meta">${this.text.reportStatusLabel(t.status)}</span>
         </div>
 
-        ${r ? this.#h(r) : c`
+        ${r ? this.#g(r) : c`
               <mlf-unsupported-component
                 role="report"
                 component=${e.component}
@@ -2066,8 +2096,8 @@ var Te = (e, t = {}) => ({
       </section>
     `;
 	}
-	#h(e) {
-		let t = l(e), n = this.#g(), r = this.transport, i = this.#v(), a = this.resolvedDescriptor;
+	#g(e) {
+		let t = l(e), n = this.#_(), r = this.transport, i = this.#y(), a = this.resolvedDescriptor;
 		return c`
       <${t}
         .controller=${this.controller}
@@ -2079,31 +2109,31 @@ var Te = (e, t = {}) => ({
       ></${t}>
     `;
 	}
-	#g() {
-		if (this.controller === this.#u && this.resolvedDescriptor === this.#d) return this.#l;
-		let e = this.#_(this.resolvedDescriptor?.props ?? {});
-		return this.#u = this.controller, this.#d = this.resolvedDescriptor, this.#l = e, e;
+	#_() {
+		if (this.controller === this.#d && this.resolvedDescriptor === this.#f) return this.#u;
+		let e = this.#v(this.resolvedDescriptor?.props ?? {});
+		return this.#d = this.controller, this.#f = this.resolvedDescriptor, this.#u = e, e;
 	}
-	#_(e) {
+	#v(e) {
 		if (this.controller) return {
-			regionId: `${g.reportRegion}-${this.controller.id}-${this.#c}`,
+			regionId: `${g.reportRegion}-${this.controller.id}-${this.#l}`,
 			label: F(e.label, this.controller.config.label ?? this.controller.id),
 			description: typeof e.description == "string" && e.description.length > 0 ? e.description : void 0
 		};
 	}
-	#v() {
+	#y() {
 		let e = this.lastResult;
 		if (!e || !this.controller) return null;
-		if (e === this.#f && this.#p?.reportId === this.controller.id) return this.#p;
+		if (e === this.#p && this.#m?.reportId === this.controller.id) return this.#m;
 		let t = Te(e, { reportId: this.controller.id });
-		return this.#f = e, this.#p = t, t;
+		return this.#p = e, this.#m = t, t;
 	}
-	#y() {
-		let e = this.controller, t = this.#v();
-		!e?.canFetch || !t || e.state.status !== "idle" || e.fetch(t);
+	#b() {
+		let e = this.controller, t = this.#y();
+		this.fetchMode !== "lazy" || !e?.canFetch || !t || e.state.status !== "idle" || e.fetch(t);
 	}
 };
-_([a({ attribute: !1 })], z.prototype, "controller", null), _([a({ attribute: !1 })], z.prototype, "registry", null), _([a({ attribute: !1 })], z.prototype, "text", null), _([a({ attribute: !1 })], z.prototype, "transport", null), _([a({ attribute: !1 })], z.prototype, "lastResult", null), _([a({ attribute: !1 })], z.prototype, "descriptor", null), _([o()], z.prototype, "resolvedDescriptor", null), _([o()], z.prototype, "reportState", null), z = _([i(d.reportFrame)], z);
+_([a({ attribute: !1 })], z.prototype, "controller", null), _([a({ attribute: !1 })], z.prototype, "registry", null), _([a({ attribute: !1 })], z.prototype, "text", null), _([a({ attribute: !1 })], z.prototype, "transport", null), _([a({ attribute: !1 })], z.prototype, "fetchMode", null), _([a({ attribute: !1 })], z.prototype, "lastResult", null), _([a({ attribute: !1 })], z.prototype, "descriptor", null), _([o()], z.prototype, "resolvedDescriptor", null), _([o()], z.prototype, "reportState", null), z = _([i(d.reportFrame)], z);
 //#endregion
 //#region src/primitives/components/declarative-field.ts
 var B = {
@@ -4068,7 +4098,7 @@ var rt = new Set([
 	if (e.childNodes.length > 0 && t !== "replace") throw TypeError("Mount into an empty container or pass `containerStrategy: \"replace\"`.");
 }, lt = (e) => e ? e.clone() : $(), ut = (e) => e?.clone() ?? k(), dt = (e, t, n = {}) => {
 	let r = document.createElement(d.form), i = lt(n.registry), a = ut(n.descriptorRegistry), o = h(n.text), s = n.containerStrategy ?? "error", c = s === "replace" ? Array.from(e.childNodes) : [];
-	ct(e, s), r.form = t, r.registry = i, r.descriptorRegistry = a, r.layout = n.layout ?? "stacked", r.formLabel = n.formLabel ?? p.form, r.reportsLabel = n.reportsLabel ?? p.reports, r.submitLabel = n.submitLabel ?? p.submit, r.validatingLabel = n.validatingLabel ?? p.validating, r.submittingLabel = n.submittingLabel ?? p.submitting, r.reportPane = n.reportPane ?? "auto", r.text = o, r.reportTransport = n.reportTransport, e.replaceChildren(r);
+	ct(e, s), r.form = t, r.registry = i, r.descriptorRegistry = a, r.layout = n.layout ?? "stacked", r.formLabel = n.formLabel ?? p.form, r.reportsLabel = n.reportsLabel ?? p.reports, r.submitLabel = n.submitLabel ?? p.submit, r.validatingLabel = n.validatingLabel ?? p.validating, r.submittingLabel = n.submittingLabel ?? p.submitting, r.reportPane = n.reportPane ?? "auto", r.text = o, r.reportTransport = n.reportTransport, r.reportFetchMode = n.reportFetchMode ?? "lazy", r.submitHandler = n.submitHandler, e.replaceChildren(r);
 	let l = !1;
 	return Object.freeze({
 		form: t,