@plitzi/sdk-elements 0.32.5 → 0.32.6

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

@@ -10,74 +10,75 @@ import { StoreProvider as d } from "@plitzi/nexus/react";
 import { emptyObject as f, getPathsFromObeject as p } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as m } from "react/jsx-runtime";
 import h from "clsx";
-import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { QueryBuilderEvaluator as _ } from "@plitzi/plitzi-ui/QueryBuilder";
+import g from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import _ from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { QueryBuilderEvaluator as v } from "@plitzi/plitzi-ui/QueryBuilder";
 //#region src/elements/provider/ApiContainer/ApiContainer.tsx
-var v = ({ ref: r, className: v = "", children: y, query: b = "", method: x = "get", accessToken: S = "", when: C = f, headers: w = f, mockData: T = "{}", subType: E = "div", credentials: D = "same-origin" }) => {
-	let { id: O, definition: { label: k = "Api Container" } } = e(), { settings: { previewMode: A, debugMode: j }, contexts: { NavigationContext: M, InteractionsContext: N } } = c(), { interactionsManager: P } = i(N), { routeParams: F, queryParams: I } = i(M), L = s(() => {
-		if (!b) return "";
+var y = ({ ref: r, className: y = "", children: b, query: x = "", method: S = "get", accessToken: C = "", when: w = f, headers: T = f, mockData: E = "{}", subType: D = "div", credentials: O = "same-origin" }) => {
+	let { id: k, idRef: A, definition: { label: j = "Api Container" } } = e(), M = g("apiContainer", { idRef: A }), { settings: { previewMode: N, debugMode: P }, contexts: { NavigationContext: F, InteractionsContext: I } } = c(), { interactionsManager: L } = i(I), { routeParams: R, queryParams: z } = i(F), B = s(() => {
+		if (!x) return "";
 		try {
 			let e = {
-				...I,
-				...F
+				...z,
+				...R
 			};
-			j && [...b.matchAll(/{{([ ]+|)(?<token>[a-zA-Z0-9-_:*/]+)([ ]+|)}}/gim)].forEach(({ groups: t }) => {
+			P && [...x.matchAll(/{{([ ]+|)(?<token>[a-zA-Z0-9-_:*/]+)([ ]+|)}}/gim)].forEach(({ groups: t }) => {
 				let n = t?.token.trim();
 				(!n || !l(e, n)) && console.log(`Token ${n} is required`);
 			});
-			let t = u(b, e, !0);
-			return typeof t == "string" ? t : b;
+			let t = u(x, e, !0);
+			return typeof t == "string" ? t : x;
 		} catch (e) {
 			console.error(e.message);
 		}
 		return "";
 	}, [
-		b,
-		I,
-		F,
-		j
-	]), R = s(() => S ? {
-		...w,
-		Authorization: `Bearer ${S}`
-	} : w, [w, S]), z = s(() => !!(A && L && (C === f || _(C, {
-		...F,
-		...I
-	})) || !A && (L || T && T !== "{}" && T !== f)), [
-		A,
-		L,
-		C,
-		F,
-		I,
-		T
-	]), { isLoading: B, data: V, refetch: H, isSuccess: U, isError: W } = n({
-		url: L,
-		method: x,
-		credentials: D,
-		mock: A ? void 0 : T,
-		customHeaders: R,
-		enabled: z
+		x,
+		z,
+		R,
+		P
+	]), V = s(() => C ? {
+		...T,
+		Authorization: `Bearer ${C}`
+	} : T, [T, C]), H = s(() => !!(N && B && (w === f || v(w, {
+		...R,
+		...z
+	})) || !N && (B || E && E !== "{}" && E !== f)), [
+		N,
+		B,
+		w,
+		R,
+		z,
+		E
+	]), { isLoading: U, data: W, refetch: G, isSuccess: K, isError: q } = n({
+		url: B,
+		method: S,
+		credentials: O,
+		mock: N ? void 0 : E,
+		customHeaders: V,
+		enabled: H
 	});
 	o(() => {
-		B || (U ? P.interactionTrigger(O, "onApiSuccess", {
-			url: L,
-			method: x,
-			...V
-		}) : W && P.interactionTrigger(O, "onApiError", {
-			url: L,
-			method: x,
-			...V
+		U || !A || (K ? L.interactionTrigger(A, "onApiSuccess", {
+			url: B,
+			method: S,
+			...W
+		}) : q && L.interactionTrigger(A, "onApiError", {
+			url: B,
+			method: S,
+			...W
 		}));
 	}, [
-		V,
-		O,
-		P,
 		W,
-		B,
+		A,
+		L,
+		q,
 		U,
-		x,
-		L
+		K,
+		S,
+		B
 	]);
-	let G = a(() => p(V).reduce((e, t) => {
+	let J = a(() => p(W).reduce((e, t) => {
 		let n = t.split(".");
 		return n.length > 1 ? [...e, {
 			path: t,
@@ -86,21 +87,21 @@ var v = ({ ref: r, className: v = "", children: y, query: b = "", method: x = "g
 			path: t,
 			name: n[n.length - 1]
 		}];
-	}, []), [V]);
-	g({
-		id: O,
-		source: `apiContainer_${O}`,
-		name: k || `API - ${O}`,
-		fields: G
+	}, []), [W]);
+	_({
+		id: k,
+		source: M,
+		name: j || `API - ${k}`,
+		fields: J
 	});
-	let K = s(() => ({ performQuery: {
+	let Y = s(() => ({ performQuery: {
 		action: "performQuery",
-		title: `Perform Query ${k}`,
+		title: `Perform Query ${j}`,
 		type: "callback",
-		callback: H,
+		callback: G,
 		preview: {},
 		params: {}
-	} }), [k, H]), q = s(() => ({
+	} }), [j, G]), X = s(() => ({
 		onApiError: {
 			action: "onApiError",
 			title: "On Api Error",
@@ -125,19 +126,20 @@ var v = ({ ref: r, className: v = "", children: y, query: b = "", method: x = "g
 				data: ""
 			}
 		}
-	}), []), J = s(() => ({ runtime: { sources: { [`apiContainer_${O}`]: V } } }), [V, O]);
+	}), []), Z = s(() => M ? { runtime: { sources: { [M]: W } } } : f, [W, M]);
 	return /* @__PURE__ */ m(t, {
 		ref: r,
-		tag: E,
-		className: h("plitzi-component__api-container", v),
-		interactionTriggers: q,
-		interactionCallbacks: K,
+		tag: D,
+		className: h("plitzi-component__api-container", y),
+		interactionTriggers: X,
+		interactionCallbacks: Y,
 		children: /* @__PURE__ */ m(d, {
 			inherit: "live",
-			value: J,
-			children: !B && y
+			name: `Api:${k}`,
+			value: Z,
+			children: !U && b
 		})
 	});
-}, y = r(v);
+}, b = r(y);
 //#endregion
-export { v as ApiContainer, y as default };
+export { y as ApiContainer, b as default };

package/dist/elements/provider/CollectionContainer/CollectionContainer.mjs

@@ -5,20 +5,22 @@ import r from "../../../Element/hocs/withElement.mjs";
 import { useCallback as i, useMemo as a } from "react";
 import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { StoreProvider as s } from "@plitzi/nexus/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "clsx";
-import d from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { emptyObject as c } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "clsx";
+import f from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import p from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/provider/CollectionContainer/CollectionContainer.tsx
-var f = ({ ref: r, className: f = "", source: p = "", children: m, limit: h = "10", query: g, singleRecord: _ = !1 }) => {
-	let { id: v, definition: { label: y = "Collection Container" } } = e(), { settings: { previewMode: b } } = o(), { loading: x, collection: S, fetch: C } = n({
-		source: p,
-		limit: h,
-		query: g,
-		singleRecord: _,
-		previewMode: b
-	}), w = i(() => {
+var m = ({ ref: r, className: m = "", source: h = "", children: g, limit: _ = "10", query: v, singleRecord: y = !1 }) => {
+	let { id: b, idRef: x, definition: { label: S = "Collection Container" } } = e(), C = f("collectionContainer", { idRef: x }), { settings: { previewMode: w } } = o(), { loading: T, collection: E, fetch: D } = n({
+		source: h,
+		limit: _,
+		query: v,
+		singleRecord: y,
+		previewMode: w
+	}), O = i(() => {
 		let e = [];
-		return S ? (_ || e.push({
+		return E ? (y || e.push({
 			path: "records",
 			name: "Records"
 		}), e.push({
@@ -27,40 +29,41 @@ var f = ({ ref: r, className: f = "", source: p = "", children: m, limit: h = "1
 		}), e.push({
 			path: "record.status",
 			name: "Record Status"
-		}), Object.values(S.fields).forEach((t) => {
+		}), Object.values(E.fields).forEach((t) => {
 			e.push({
 				path: `record.values.${t.machineName}`,
 				name: `Record Field - ${t.name}`
 			});
 		}), e) : [];
-	}, [S, _]);
-	d({
-		id: v,
-		source: `collectionContainer_${v}`,
-		name: y || `Collection - ${S?.name || v}`,
-		fields: w
+	}, [E, y]);
+	p({
+		id: b,
+		source: C,
+		name: S || `Collection - ${E?.name || b}`,
+		fields: O
 	});
-	let T = a(() => ({ performQuery: {
+	let k = a(() => ({ performQuery: {
 		action: "performQuery",
-		title: `Refresh ${y}`,
+		title: `Refresh ${S}`,
 		type: "callback",
-		callback: C,
+		callback: D,
 		preview: {},
 		params: {}
-	} }), [C, y]), E = a(() => ({ runtime: { sources: { [`collectionContainer_${v}`]: S } } }), [S, v]);
-	if (!(!S && b)) return /* @__PURE__ */ l(t, {
+	} }), [D, S]), A = a(() => C ? { runtime: { sources: { [C]: E } } } : c, [E, C]);
+	if (!(!E && w)) return /* @__PURE__ */ u(t, {
 		ref: r,
-		interactionCallbacks: T,
-		className: u("plitzi-component__collection-container", f, { "collection-container--context-empty": !S }),
-		children: [!S && /* @__PURE__ */ c("div", {
+		interactionCallbacks: k,
+		className: d("plitzi-component__collection-container", m, { "collection-container--context-empty": !E }),
+		children: [!E && /* @__PURE__ */ l("div", {
 			className: "collection-container__message",
 			children: "Source Not Selected"
-		}), S && !x && /* @__PURE__ */ c(s, {
+		}), E && !T && /* @__PURE__ */ l(s, {
 			inherit: "live",
-			value: E,
-			children: m
+			name: `Collection:${b}`,
+			value: A,
+			children: g
 		})]
 	});
-}, p = r(f);
+}, h = r(m);
 //#endregion
-export { f as CollectionContainer, p as default };
+export { m as CollectionContainer, h as default };

package/dist/elements/structure/DialogContainer/DialogContainer.mjs

@@ -4,71 +4,72 @@ import n from "../../../Element/hocs/withElement.mjs";
 import { use as r, useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
 import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { StoreProvider as l } from "@plitzi/nexus/react";
-import { getPathsFromObeject as u } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "clsx";
-import m from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { emptyObject as u, getPathsFromObeject as d } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+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/DialogContainer/DialogContainer.tsx
-var h = ({ ref: n, className: h = "", children: g, headerLabel: _ = "Dialog Header", acceptButtonLabel: v = "Accept", acceptButtonLabelLoading: y = "Loading...", rejectButtonLabel: b = "Cancel", autoHideAfterClick: x = !0 }) => {
-	let { id: S, setElementState: C, definition: { styleSelectors: w, label: T = "Dialog" }, elementState: E } = e(), { contexts: { InteractionsContext: D } } = c(), { interactionsManager: O } = r(D), [k, A] = s({}), [j, M] = s(!1), N = i((e) => {
+var _ = ({ ref: n, className: _ = "", children: v, headerLabel: y = "Dialog Header", acceptButtonLabel: b = "Accept", acceptButtonLabelLoading: x = "Loading...", rejectButtonLabel: S = "Cancel", autoHideAfterClick: C = !0 }) => {
+	let { id: w, idRef: T, setElementState: E, definition: { styleSelectors: D, label: O = "Dialog" }, elementState: k } = e(), A = h("dialogContainer", { idRef: T }), { contexts: { InteractionsContext: j } } = c(), { interactionsManager: M } = r(j), [N, P] = s({}), [F, I] = s(!1), L = i((e) => {
 		let { metadata: t } = e;
-		if (t && typeof t == "object") A(t);
+		if (t && typeof t == "object") P(t);
 		else if (typeof t == "string") try {
-			A(JSON.parse(t));
+			P(JSON.parse(t));
 		} catch {
-			A({ content: t });
+			P({ content: t });
 		}
-		else A(typeof t == "boolean" || typeof t == "number" ? { content: t } : {});
-		C((e) => ({
+		else P(typeof t == "boolean" || typeof t == "number" ? { content: t } : {});
+		E((e) => ({
 			...e,
 			visibility: !0
 		}));
-	}, [C, A]), P = i(() => {
-		O.interactionTrigger(S, "onDialogClose", { metadata: k }), A({}), C((e) => ({
+	}, [E, P]), R = i(() => {
+		M.interactionTrigger(T, "onDialogClose", { metadata: N }), P({}), E((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		O,
-		C,
-		A,
-		k,
-		S
-	]), F = i(() => {
-		x && (O.interactionTrigger(S, "onDialogClose", { metadata: k }), A({}), C((e) => ({
+		M,
+		E,
+		P,
+		N,
+		T
+	]), z = i(() => {
+		C && (M.interactionTrigger(T, "onDialogClose", { metadata: N }), P({}), E((e) => ({
 			...e,
 			visibility: !1
 		})));
 	}, [
-		O,
-		x,
+		M,
 		C,
-		A,
-		k,
-		S
+		E,
+		P,
+		N,
+		T
 	]);
 	i(async () => {
-		M(!0), await O.interactionTrigger(S, "onDialogAccept", { metadata: k }), M(!1), C((e) => ({
+		I(!0), await M.interactionTrigger(T, "onDialogAccept", { metadata: N }), I(!1), E((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		O,
-		S,
-		k,
-		C
+		M,
+		T,
+		N,
+		E
 	]), i(async () => {
-		M(!0), await O.interactionTrigger(S, "onDialogReject", { metadata: k }), M(!1), C((e) => ({
+		I(!0), await M.interactionTrigger(T, "onDialogReject", { metadata: N }), I(!1), E((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		O,
-		S,
-		k,
-		C
+		M,
+		T,
+		N,
+		E
 	]);
-	let I = o(() => ({
+	let B = o(() => ({
 		onDialogAccept: {
 			action: "onDialogAccept",
 			title: "On Dialog Accept",
@@ -109,12 +110,12 @@ var h = ({ ref: n, className: h = "", children: g, headerLabel: _ = "Dialog Head
 			} },
 			preview: { metadata: "" }
 		}
-	}), []), L = o(() => ({
+	}), []), V = o(() => ({
 		openDialog: {
 			action: "openDialog",
-			title: `Open ${T}`,
+			title: `Open ${O}`,
 			type: "callback",
-			callback: N,
+			callback: L,
 			params: { metadata: {
 				type: "text",
 				defaultValue: ""
@@ -123,26 +124,26 @@ var h = ({ ref: n, className: h = "", children: g, headerLabel: _ = "Dialog Head
 		},
 		closeDialog: {
 			action: "closeDialog",
-			title: `Close ${T}`,
+			title: `Close ${O}`,
 			type: "callback",
-			callback: P,
+			callback: R,
 			preview: {},
 			params: {}
 		}
 	}), [
-		P,
-		N,
-		T
+		R,
+		L,
+		O
 	]);
 	a(() => {
-		E.visibility !== !1 && O.interactionTrigger(S, "onDialogOpen", { metadata: k });
+		k.visibility !== !1 && M.interactionTrigger(T, "onDialogOpen", { metadata: N });
 	}, [
-		S,
-		O,
-		k,
-		E.visibility
+		T,
+		M,
+		N,
+		k.visibility
 	]);
-	let R = i(() => typeof k == "object" ? u(k).reduce((e, t) => {
+	let H = i(() => typeof N == "object" ? d(N).reduce((e, t) => {
 		let n = t.split(".");
 		return n.length > 1 ? [...e, {
 			path: t,
@@ -151,64 +152,65 @@ var h = ({ ref: n, className: h = "", children: g, headerLabel: _ = "Dialog Head
 			path: t,
 			name: n[n.length - 1]
 		}];
-	}, []) : [], [k]);
-	m({
-		id: S,
-		source: `dialogContainer_${S}`,
-		name: T || `Dialog - ${S}`,
-		fields: R
+	}, []) : [], [N]);
+	g({
+		id: w,
+		source: A,
+		name: O || `Dialog - ${w}`,
+		fields: H
 	});
-	let z = o(() => ({ runtime: { sources: { [`dialogContainer_${S}`]: k } } }), [S, k]);
-	return /* @__PURE__ */ f(t, {
+	let U = o(() => A ? { runtime: { sources: { [A]: N } } } : u, [A, N]);
+	return /* @__PURE__ */ p(t, {
 		ref: n,
-		className: p("plitzi-component__dialog-container", h),
-		interactionTriggers: I,
-		interactionCallbacks: L,
-		children: [/* @__PURE__ */ d("div", {
-			className: p("dialog-container__background", w.backgroundContainer),
-			onClick: F
-		}), /* @__PURE__ */ f("div", {
-			className: p("dialog-container__root", w.rootContainer),
+		className: m("plitzi-component__dialog-container", _),
+		interactionTriggers: B,
+		interactionCallbacks: V,
+		children: [/* @__PURE__ */ f("div", {
+			className: m("dialog-container__background", D.backgroundContainer),
+			onClick: z
+		}), /* @__PURE__ */ p("div", {
+			className: m("dialog-container__root", D.rootContainer),
 			children: [
-				/* @__PURE__ */ f("div", {
-					className: p("dialog-container__header", w.headerContainer),
-					children: [/* @__PURE__ */ d("div", {
-						className: p("dialog-container__header__title", w.headerTitle),
-						children: _ || "Dialog Header"
-					}), /* @__PURE__ */ d("i", {
+				/* @__PURE__ */ p("div", {
+					className: m("dialog-container__header", D.headerContainer),
+					children: [/* @__PURE__ */ f("div", {
+						className: m("dialog-container__header__title", D.headerTitle),
+						children: y || "Dialog Header"
+					}), /* @__PURE__ */ f("i", {
 						className: "fa-solid fa-xmark",
 						title: "Close",
 						onClick: void 0
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
-					className: p("dialog-container__body", w.body),
-					children: /* @__PURE__ */ d(l, {
+				/* @__PURE__ */ f("div", {
+					className: m("dialog-container__body", D.body),
+					children: /* @__PURE__ */ f(l, {
 						inherit: "live",
-						value: z,
-						children: g
+						name: `Dialog:${w}`,
+						value: U,
+						children: v
 					})
 				}),
-				/* @__PURE__ */ f("div", {
-					className: p("dialog-container__footer", w.footerContainer),
-					children: [/* @__PURE__ */ f("button", {
-						className: p("footer__button button--accept", w.acceptButton),
+				/* @__PURE__ */ p("div", {
+					className: m("dialog-container__footer", D.footerContainer),
+					children: [/* @__PURE__ */ p("button", {
+						className: m("footer__button button--accept", D.acceptButton),
 						onClick: void 0,
-						disabled: j,
-						children: [j && /* @__PURE__ */ f("div", {
+						disabled: F,
+						children: [F && /* @__PURE__ */ p("div", {
 							className: "button--accept__container",
-							children: [/* @__PURE__ */ d("i", { className: "fa-solid fa-rotate fa-spin" }), y]
-						}), !j && v]
-					}), /* @__PURE__ */ d("button", {
-						className: p("footer__button button--cancel", w.cancelButton),
+							children: [/* @__PURE__ */ f("i", { className: "fa-solid fa-rotate fa-spin" }), x]
+						}), !F && b]
+					}), /* @__PURE__ */ f("button", {
+						className: m("footer__button button--cancel", D.cancelButton),
 						onClick: void 0,
-						disabled: j,
-						children: b
+						disabled: F,
+						children: S
 					})]
 				})
 			]
 		})]
 	});
-}, g = n(h);
+}, v = n(_);
 //#endregion
-export { h as DialogContainer, g as default };
+export { _ as DialogContainer, v as default };

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

@@ -5,48 +5,50 @@ import { useCallback as r, useMemo as i } from "react";
 import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { get as o } from "@plitzi/plitzi-ui/helpers";
 import { StoreProvider as s } from "@plitzi/nexus/react";
-import { getPathsFromObeject as c } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import d from "clsx";
-import f from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { emptyObject as c, getPathsFromObeject as l } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import f from "clsx";
+import p from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import m from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
-var p = ({ ref: p, className: m = "", children: h, items: g = [] }) => {
-	let { id: _, definition: { label: v } } = e(), { settings: { previewMode: y } } = a(), b = i(() => Array.isArray(g) ? g : [], [g]), x = r(() => c({
-		item: o(b, "0", {}),
+var h = ({ ref: h, className: g = "", children: _, items: v = [] }) => {
+	let { id: y, idRef: b, definition: { label: x } } = e(), S = p("list", { idRef: b }), { settings: { previewMode: C } } = a(), w = i(() => Array.isArray(v) ? v : [], [v]), T = r(() => l({
+		item: o(w, "0", {}),
 		index: "0"
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [b]), S = i(() => ({ runtime: { sources: { [`list_${_}`]: { items: b } } } }), [_, b]);
-	return f({
-		id: _,
-		source: `list_${_}`,
-		name: v || `List - ${_}`,
-		fields: x
-	}), /* @__PURE__ */ u(t, {
-		ref: p,
-		className: d("plitzi-component__controlled-list", m, { "controlled-list--build-mode": !y }),
-		children: [/* @__PURE__ */ l(s, {
+	}], []), [w]), E = i(() => S ? { runtime: { sources: { [S]: { items: w } } } } : c, [S, w]);
+	return m({
+		id: y,
+		source: S,
+		name: x || `List - ${y}`,
+		fields: T
+	}), /* @__PURE__ */ d(t, {
+		ref: h,
+		className: f("plitzi-component__controlled-list", g, { "controlled-list--build-mode": !C }),
+		children: [/* @__PURE__ */ u(s, {
 			inherit: "live",
-			value: S,
-			children: b.map((e, t) => !h || Array.isArray(h) && h.length === 0 ? /* @__PURE__ */ l("div", {
+			name: `List:${y}`,
+			value: E,
+			children: w.map((e, t) => !_ || Array.isArray(_) && _.length === 0 ? /* @__PURE__ */ u("div", {
 				className: "plitzi-component__controlled-list-item controlled-list--empty",
-				children: /* @__PURE__ */ l("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: "controlled-list-item__counter",
 					children: `List Item - ${t + 1}`
 				})
-			}, t) : /* @__PURE__ */ l(n, {
+			}, t) : /* @__PURE__ */ u(n, {
 				itemCount: t + 1,
-				isTemplate: t !== 0 && !y,
+				isTemplate: t !== 0 && !C,
 				record: e,
-				source: `list_${_}`,
-				children: h
+				source: S,
+				children: _
 			}, t))
-		}), !y && b.length === 0 && /* @__PURE__ */ l("div", {
+		}), !C && w.length === 0 && /* @__PURE__ */ u("div", {
 			className: "controlled-list controlled-list--empty",
 			children: "This list does not contain any items"
 		})]
 	});
 };
 //#endregion
-export { p as default };
+export { h as default };