@plitzi/sdk-elements 0.38.2 → 0.38.4

package/dist/elements/provider/ApiContainer/ApiContainer.mjs

@@ -7,132 +7,124 @@ import { isEmptyAnswer as ne } from "./helpers/isEmptyAnswer.mjs";
 import { childrenWhile as re } from "./helpers/loadingSlot.mjs";
 import ie from "./helpers/providerOutcome.mjs";
 import { queryInputOf as ae } from "./helpers/queryInput.mjs";
+import { serverMock as oe } from "./helpers/serverMock.mjs";
 import r from "./hooks/useApi.mjs";
-import i from "./hooks/useAutoRefresh.mjs";
-import oe from "./hooks/useProviderPagination.mjs";
-import se from "./hooks/useProviderWrite.mjs";
-import ce from "../../../dataSource/pathFields.mjs";
-import { use as le, useCallback as a, useEffect as ue, useMemo as o, useRef as de } from "react";
-import fe from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useSdkStore as pe } from "@plitzi/sdk-shared/store";
-import { StoreProvider as s } from "@plitzi/nexus/react";
-import { emptyObject as c } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as l } from "react/jsx-runtime";
-import { currentRscLocation as me } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
-import he from "clsx";
-import ge from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import _e from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as ve } from "@plitzi/plitzi-ui/QueryBuilder";
+import se from "./hooks/useAutoRefresh.mjs";
+import ce from "./hooks/useProviderPagination.mjs";
+import le from "./hooks/useProviderWrite.mjs";
+import ue from "../../../dataSource/pathFields.mjs";
+import { use as de, useCallback as i, useEffect as fe, useMemo as a, useRef as pe } from "react";
+import me from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useSdkStore as he } from "@plitzi/sdk-shared/store";
+import { StoreProvider as ge } from "@plitzi/nexus/react";
+import { emptyObject as o } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as s } from "react/jsx-runtime";
+import { currentRscLocation as _e } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
+import ve from "clsx";
+import ye from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import be from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as xe } from "@plitzi/plitzi-ui/QueryBuilder";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var u = ({ ref: e, className: u = "", children: d, query: f = "", method: p = "get", accessToken: m = "", when: h = c, headers: g = c, mockData: _ = "{}", subType: ye = "", credentials: be = "same-origin", singleRecord: v = !1, pagination: xe = "none", pageParam: Se = "page", renderWhileLoading: Ce = !1, loadingSlot: y = "", cache: we = !1, staleTime: Te = 30, gcTime: Ee = 300, refreshSeconds: De = 0 }) => {
-	let { id: b, visible: x, definition: { label: S = "Api Container", runtime: Oe, items: ke } } = t(), C = Oe === "server", { loaded: w, stale: T, location: E, elementData: D, refresh: O } = ee(), k = ge(n.sourceType, b), { settings: { previewMode: A }, contexts: { InteractionsContext: Ae } } = fe(), { interactionsManager: j } = le(Ae), [[M, N, je]] = pe([
+var c = ({ ref: e, className: c = "", children: l, query: u = "", method: d = "get", accessToken: f = "", when: p = o, headers: m = o, mockData: h = "{}", subType: Se = "", credentials: Ce = "same-origin", singleRecord: g = !1, pagination: we = "none", pageParam: Te = "page", renderWhileLoading: Ee = !1, loadingSlot: _ = "", cache: De = !1, staleTime: Oe = 30, gcTime: ke = 300, refreshSeconds: Ae = 0, connector: je = "", action: Me = "" }) => {
+	let { id: v, visible: y, definition: { label: b = "Api Container", runtime: x, items: Ne } } = t(), S = x === "server", { loaded: C, stale: w, location: T, elementData: E, refresh: D } = ee(), O = ye(n.sourceType, v), { settings: { previewMode: k }, contexts: { InteractionsContext: Pe } } = me(), { interactionsManager: A } = de(Pe), [[j, M, Fe]] = he([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.navigate"
-	]), Me = o(() => m ? {
-		...g,
-		Authorization: `Bearer ${m}`
-	} : g, [g, m]), P = o(() => C || !x ? !1 : !!(A && f && (h === c || ve(h, {
-		...M,
-		...N
-	})) || !A && (f || _ && _ !== "{}" && _ !== c)), [
-		C,
-		x,
-		A,
-		f,
-		h,
+	]), Ie = a(() => f ? {
+		...m,
+		Authorization: `Bearer ${f}`
+	} : m, [m, f]), N = a(() => S || !y ? !1 : !!(k && u && (p === o || xe(p, {
+		...j,
+		...M
+	})) || !k && (u || h && h !== "{}" && h !== o)), [
+		S,
+		y,
+		k,
+		u,
+		p,
+		j,
 		M,
-		N,
-		_
-	]), Ne = o(() => [b], [b]), { isLoading: Pe, isFetching: Fe, data: F, refetch: I, isSuccess: Ie, isError: Le } = r({
-		url: f,
-		method: p,
-		credentials: be,
-		mock: A ? void 0 : _,
-		customHeaders: Me,
-		enabled: P,
-		cache: we,
-		staleTime: Te,
-		gcTime: Ee,
-		tags: Ne
-	}), L = C && !!E && E !== me(), R = C && w && !L && D === null, z = o(() => {
-		if (!C) return F ?? c;
-		if (D) return D;
-		if (w) return c;
-		if (typeof _ != "string") return _;
-		try {
-			return JSON.parse(_ || "{}");
-		} catch {
-			return c;
-		}
-	}, [
+		h
+	]), Le = a(() => [v], [v]), { isLoading: Re, isFetching: ze, data: P, refetch: F, isSuccess: Be, isError: Ve } = r({
+		url: u,
+		method: d,
+		credentials: Ce,
+		mock: k ? void 0 : h,
+		customHeaders: Ie,
+		enabled: N,
+		cache: De,
+		staleTime: Oe,
+		gcTime: ke,
+		tags: Le
+	}), I = S && !!T && T !== _e(), L = S && C && !I && E === null, R = S && !je && !Me, z = a(() => S ? E || (C ? o : oe(h, R)) : P ?? o, [
+		S,
+		P,
+		E,
 		C,
-		F,
-		D,
-		w,
-		_
-	]), B = C ? L : Fe, V = C ? L : Pe, H = de({}), U = a((e, t) => O(e, {
+		h,
+		R
+	]), B = S ? I : ze, V = S ? I : Re, H = pe({}), U = i((e, t) => D(e, {
 		...H.current,
 		...t
-	}), [O]), W = a(async () => {
-		if (!C) {
-			I();
+	}), [D]), W = i(async () => {
+		if (!S) {
+			F();
 			return;
 		}
-		await U([b]);
+		await U([v]);
 	}, [
-		C,
-		I,
+		S,
+		F,
 		U,
-		b
-	]), G = a(async ({ input: e } = {}) => {
+		v
+	]), G = i(async ({ input: e } = {}) => {
 		let t = ae(e);
 		t && (H.current = t), await W();
 	}, [W]);
-	i({
-		seconds: De,
-		enabled: x && (C ? w && !L : P),
+	se({
+		seconds: Ae,
+		enabled: y && (S ? C && !I : N),
 		refresh: W
 	});
-	let K = z, Re = o(() => Array.isArray(K.records) ? K.records : [], [K.records]), { records: q, isLoadingMore: J, goToPage: Y, loadMore: X } = oe({
-		elementId: b,
-		mode: xe,
-		pageParam: Se,
-		records: Re,
+	let K = z, He = a(() => Array.isArray(K.records) ? K.records : [], [K.records]), { records: q, isLoadingMore: J, goToPage: Y, loadMore: X } = ce({
+		elementId: v,
+		mode: we,
+		pageParam: Te,
+		records: He,
 		page: K.pageInfo?.page ?? 1,
 		refresh: U,
-		navigate: je
+		navigate: Fe
 	}), Z = ie({
-		serverMode: C,
-		isSuccess: Ie,
-		isError: Le,
-		rscResolved: w,
-		rscPending: L,
-		elementData: D
+		serverMode: S,
+		isSuccess: Be,
+		isError: Ve,
+		rscResolved: C,
+		rscPending: I,
+		elementData: E
 	});
-	ue(() => {
-		!B && b && Z && j.interactionTrigger(b, Z === "success" ? "onApiSuccess" : "onApiError", {
-			url: f,
-			method: p,
+	fe(() => {
+		!B && v && Z && A.interactionTrigger(v, Z === "success" ? "onApiSuccess" : "onApiError", {
+			url: u,
+			method: d,
 			...z
 		});
 	}, [
 		z,
-		b,
-		j,
+		v,
+		A,
 		B,
-		p,
+		d,
 		Z,
-		f
+		u
 	]);
-	let Q = o(() => ({
+	let Q = a(() => ({
 		...z,
-		...Array.isArray(K.records) ? { records: q } : c,
+		...Array.isArray(K.records) ? { records: q } : o,
 		isLoading: B || J,
-		isEmpty: ne(K, q, v),
-		hasError: R,
-		errorMessage: R ? "The data provider could not be reached" : "",
-		isStale: C && T
+		isEmpty: ne(K, q, g),
+		hasError: L,
+		errorMessage: L ? "The data provider could not be reached" : "",
+		isStale: S && w
 	}), [
 		z,
 		K.records,
@@ -140,70 +132,70 @@ var u = ({ ref: e, className: u = "", children: d, query: f = "", method: p = "g
 		q,
 		B,
 		J,
-		v,
-		R,
-		C,
-		T
-	]), ze = a(() => ce(Q), [Q]);
-	_e({
-		id: b,
-		source: k,
-		name: S || `API - ${b}`,
-		fields: ze
+		g,
+		L,
+		S,
+		w
+	]), Ue = i(() => ue(Q), [Q]);
+	be({
+		id: v,
+		source: O,
+		name: b || `API - ${v}`,
+		fields: Ue
 	});
-	let { writeRecord: $ } = se({
-		elementId: b,
-		enabled: C,
+	let { writeRecord: $ } = le({
+		elementId: v,
+		enabled: S,
 		onDone: W
-	}), Be = o(() => {
+	}), We = a(() => {
 		let e = {
 			performQuery: {
 				...n.callbacks.performQuery,
-				title: `Perform Query ${S}`,
+				title: `Perform Query ${b}`,
 				callback: G
 			},
 			loadMore: {
 				...n.callbacks.loadMore,
-				title: `Load More ${S}`,
+				title: `Load More ${b}`,
 				callback: X
 			},
 			goToPage: {
 				...n.callbacks.goToPage,
-				title: `Go To Page ${S}`,
+				title: `Go To Page ${b}`,
 				callback: ({ page: e }) => Y(Number(e) || 1)
 			}
 		};
-		return C && (e.writeRecord = {
+		return S && (e.writeRecord = {
 			...n.callbacks.writeRecord,
-			title: `Write Record ${S}`,
+			title: `Write Record ${b}`,
 			callback: $
 		}), e;
 	}, [
-		S,
+		b,
 		G,
 		X,
 		Y,
-		C,
+		S,
 		$
-	]), Ve = o(() => y && A ? re(d, y, V) : d, [
-		d,
+	]), Ge = a(() => _ && k ? re(l, _, V) : l, [
+		l,
 		V,
-		y,
-		A
-	]), He = o(() => k ? { runtime: { sources: { [k]: Q } } } : c, [Q, k]);
-	return /* @__PURE__ */ l(te, {
+		_,
+		k
+	]), Ke = a(() => O ? { runtime: { sources: { [O]: Q } } } : o, [Q, O]);
+	return /* @__PURE__ */ s(te, {
 		ref: e,
-		tag: !A && !ke?.length ? "div" : ye,
-		className: he("plitzi-component__api-container", u),
+		tag: !k && !Ne?.length ? "div" : Se,
+		className: ve("plitzi-component__api-container", c),
 		interactionTriggers: n.triggers,
-		interactionCallbacks: Be,
-		children: (!V || Ce || y) && /* @__PURE__ */ l(s, {
+		interactionCallbacks: We,
+		children: (!V || Ee || _) && /* @__PURE__ */ s(ge, {
 			inherit: "live",
-			name: `Api:${b}`,
-			value: He,
-			children: Ve
+			name: `Api:${v}`,
+			value: Ke,
+			children: Ge
 		})
 	});
-}, d = e(u);
+}, l = e(c);
 //#endregion
-export { u as ApiContainer, d as default };
+export { c as ApiContainer, l as default };

package/dist/elements/provider/ApiContainer/helpers/serverMock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * What a server provider renders from in the builder, which has no `/_rsc` to ask: its mock data, in the shape the
+ * server answers it with.
+ *
+ * A provider that only has a `query` is answered as a browser request publishes — `{ status, data }`, the body under
+ * `data` — so its mock is that body under `data` too: `<source>.data.<field>` in the browser, on the server and in the
+ * builder alike. A connector's or an action's answer is its own slice (`records`, an action's output), and so is its
+ * mock. Mock data that is not JSON renders nothing, as an empty answer would.
+ */
+export declare const serverMock: (mockData: Record<string, unknown> | string, queryShaped: boolean) => Record<string, unknown>;

package/dist/elements/provider/ApiContainer/helpers/serverMock.mjs

@@ -0,0 +1,17 @@
+import { emptyObject as e } from "@plitzi/sdk-shared/helpers/utils";
+//#region src/elements/provider/ApiContainer/helpers/serverMock.ts
+var t = (t, n) => {
+	let r;
+	if (typeof t != "string") r = t;
+	else try {
+		r = JSON.parse(t || "{}");
+	} catch {
+		return e;
+	}
+	return n ? {
+		status: 200,
+		data: r
+	} : r;
+};
+//#endregion
+export { t as serverMock };

package/dist/elements/structure/Container/Container.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, RefObject } from 'react';
 export type ContainerProps = {
     ref?: RefObject<HTMLElement>;
     className?: string;
-    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd' | 'li' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
+    subType?: 'div' | 'header' | 'footer' | 'nav' | 'main' | 'section' | 'article' | 'aside' | 'address' | 'figure' | 'dl' | 'dt' | 'dd' | 'li' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
     /**
      * The name of the part of the page this is — "Main navigation", "Search results", "Your cart" — for screen readers
      * and browser agents, which list the page by its landmarks and regions and jump between them.
@@ -17,9 +17,15 @@ export type ContainerProps = {
      * control inside it can still be tabbed to, and is then announced as nothing.
      */
     decorative?: boolean;
+    /**
+     * A part of the page whose words change while somebody is on it — a count, a total, a status — said aloud when they
+     * do (`aria-live`): `polite` once the reader is idle, `assertive` at once, for what cannot wait. Left out, a change is
+     * silent to a screen reader, which reads only what it is moved to.
+     */
+    live?: 'polite' | 'assertive' | '';
     children?: ReactNode;
 };
-declare const Container: ({ ref, className, subType, label, decorative, children }: ContainerProps) => import('react').JSX.Element;
+declare const Container: ({ ref, className, subType, label, decorative, live, children }: ContainerProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<ContainerProps>): import('react').JSX.Element;
     displayName: string;

package/dist/elements/structure/Container/Container.mjs

@@ -4,18 +4,19 @@ import { NAMEABLE_CONTAINER_TAGS as n } from "./declaration.mjs";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
 //#region src/elements/structure/Container/Container.tsx
-var a = ({ ref: e, className: a = "", subType: o = "div", label: s = "", decorative: c = !1, children: l }) => {
-	let u = !c && s && n.includes(o) ? {
+var a = ({ ref: e, className: a = "", subType: o = "div", label: s = "", decorative: c = !1, live: l = "", children: u }) => {
+	let d = !c && s && n.includes(o) ? {
 		"aria-label": s,
 		...o === "div" ? { role: "group" } : {}
-	} : {}, d = c ? { "aria-hidden": !0 } : {};
+	} : {}, f = c ? { "aria-hidden": !0 } : {}, p = l ? { "aria-live": l } : {};
 	return /* @__PURE__ */ r(t, {
 		ref: e,
 		tag: o,
 		className: i(`plitzi-component__container plitzi-component__container-${o}`, a),
-		...u,
 		...d,
-		children: l
+		...f,
+		...p,
+		children: u
 	});
 }, o = e(a);
 //#endregion

package/dist/elements/structure/Container/declaration.d.ts

@@ -12,6 +12,7 @@ declare const declaration: {
     readonly type: "container";
     readonly attributeValues: {
         readonly subType: readonly string[];
+        readonly live: readonly string[];
     };
     readonly content: {
         readonly attributes: {
@@ -62,7 +63,8 @@ declare const declaration: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | undefined;
-    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+    live?: "polite" | "assertive" | "" | undefined;
     decorative?: boolean | undefined;
 }>>;
 export default declaration;

package/dist/elements/structure/Container/declaration.mjs

@@ -12,29 +12,37 @@ var n = [
 	"figure"
 ], r = e()({
 	type: "container",
-	attributeValues: { subType: t()([
-		"div",
-		"header",
-		"footer",
-		"nav",
-		"main",
-		"section",
-		"article",
-		"aside",
-		"address",
-		"figure",
-		"dl",
-		"dt",
-		"dd",
-		"li",
-		"h1",
-		"h2",
-		"h3",
-		"h4",
-		"h5",
-		"h6",
-		"span"
-	]) },
+	attributeValues: {
+		subType: t()([
+			"div",
+			"header",
+			"footer",
+			"nav",
+			"main",
+			"section",
+			"article",
+			"aside",
+			"address",
+			"figure",
+			"dl",
+			"dt",
+			"dd",
+			"li",
+			"h1",
+			"h2",
+			"h3",
+			"h4",
+			"h5",
+			"h6",
+			"p",
+			"span"
+		]),
+		live: t()([
+			"",
+			"polite",
+			"assertive"
+		])
+	},
 	content: {
 		attributes: { subType: "div" },
 		definition: {

package/dist/elements/structure/Container/index.d.ts

@@ -5,6 +5,7 @@ declare const Container: {
     readonly type: "container";
     readonly attributeValues: {
         readonly subType: readonly string[];
+        readonly live: readonly string[];
     };
     readonly content: {
         readonly attributes: {
@@ -55,7 +56,8 @@ declare const Container: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | undefined;
-    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+    live?: "polite" | "assertive" | "" | undefined;
     decorative?: boolean | undefined;
 }>>;
 export default Container;

package/dist/elements/structure/List/List.mjs

@@ -8,6 +8,7 @@ var i = ({ ref: e, className: i = "", subType: a = "ul", children: o, items: s =
 		case "controlled": return /* @__PURE__ */ r(n, {
 			ref: e,
 			className: i,
+			subType: a,
 			items: s,
 			itemKey: l,
 			children: o

package/dist/elements/structure/List/Settings.mjs

@@ -29,7 +29,7 @@ var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", onUpdate: c }
 				title: "The field of each item that names it, so a row stays with its item when the list is filtered.",
 				onChange: l("itemKey")
 			}),
-			o === "none" && /* @__PURE__ */ n(i, {
+			/* @__PURE__ */ n(i, {
 				label: "List Type",
 				value: a,
 				onChange: l("subType"),

package/dist/elements/structure/List/declaration.mjs

@@ -16,7 +16,7 @@ var n = e()({
 		definition: {
 			label: "List",
 			type: "list",
-			description: "Repeats a template (its listItem/link child) once per entry of a data array — the way to render a dynamic collection. Bind its items to a data source (e.g. an apiContainer response).",
+			description: "Repeats a template (its row: a listItem, or a container with subType \"li\") once per entry of a data array — the way to render a dynamic collection, as a <ul> (subType \"ol\" for a numbered one). Bind its items to a data source (e.g. an apiContainer response).",
 			items: [],
 			bindings: {},
 			styleSelectors: { base: "" },

package/dist/elements/structure/List/modes/ListControlled/ListControlled.d.ts

@@ -2,9 +2,11 @@ import { ReactNode, RefObject } from 'react';
 export type ListControlledProps<T = unknown> = {
     ref?: RefObject<HTMLElement>;
     className: string;
+    /** The list's own tag: a list of data is a list, and each row — an `<li>` — renders straight into it. */
+    subType?: 'ul' | 'ol';
     children: ReactNode;
     items: T[];
     itemKey?: string;
 };
-declare const ListControlled: ({ ref, className, children, items, itemKey }: ListControlledProps) => import('react').JSX.Element;
+declare const ListControlled: ({ ref, className, subType, children, items, itemKey }: ListControlledProps) => import('react').JSX.Element;
 export default ListControlled;

package/dist/elements/structure/List/modes/ListControlled/ListControlled.mjs

@@ -13,27 +13,28 @@ import m from "clsx";
 import h from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
-var _ = ({ ref: _, className: v = "", children: y, items: b = [], itemKey: x }) => {
-	let { id: S, definition: { label: C } } = e(), w = h(i.sourceType, S), { settings: { previewMode: T } } = s(), E = o(() => Array.isArray(b) ? b : [], [b]), D = o(() => n(E, x), [E, x]), O = a(() => d({
-		item: c(E, "0", {}),
+var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x = [], itemKey: S }) => {
+	let { id: C, definition: { label: w } } = e(), T = h(i.sourceType, C), { settings: { previewMode: E } } = s(), D = o(() => Array.isArray(x) ? x : [], [x]), O = o(() => n(D, S), [D, S]), k = a(() => d({
+		item: c(D, "0", {}),
 		index: 0
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [E]), k = o(() => w ? { runtime: { sources: { [w]: { items: E } } } } : u, [w, E]);
+	}], []), [D]), A = o(() => T ? { runtime: { sources: { [T]: { items: D } } } } : u, [T, D]);
 	return g({
-		id: S,
-		source: w,
-		name: C || `List - ${S}`,
-		fields: O
+		id: C,
+		source: T,
+		name: w || `List - ${C}`,
+		fields: k
 	}), /* @__PURE__ */ p(t, {
 		ref: _,
-		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !T }),
+		tag: y,
+		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !E }),
 		children: [/* @__PURE__ */ f(l, {
 			inherit: "live",
-			name: `List:${S}`,
-			value: k,
-			children: E.map((e, t) => !y || Array.isArray(y) && y.length === 0 ? /* @__PURE__ */ f("div", {
+			name: `List:${C}`,
+			value: A,
+			children: D.map((e, t) => !b || Array.isArray(b) && b.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "plitzi-component__controlled-list-item controlled-list--empty",
 				children: /* @__PURE__ */ f("div", {
 					className: "controlled-list-item__counter",
@@ -41,12 +42,12 @@ var _ = ({ ref: _, className: v = "", children: y, items: b = [], itemKey: x })
 				})
 			}, t) : /* @__PURE__ */ f(r, {
 				index: t,
-				isTemplate: t !== 0 && !T,
+				isTemplate: t !== 0 && !E,
 				record: e,
-				source: w,
-				children: y
-			}, D[t]))
-		}), !T && E.length === 0 && /* @__PURE__ */ f("div", {
+				source: T,
+				children: b
+			}, O[t]))
+		}), !E && D.length === 0 && /* @__PURE__ */ f("div", {
 			className: "controlled-list controlled-list--empty",
 			children: "This list does not contain any items"
 		})]